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

@import "/common/css/format.css";

/* PC
--------------------------------------- */
@media only screen and (min-width: 641px) {

	body {
		background: #FFE100;
		font-size: 14px;
		line-height: 1;
	}
	ul.disc li {
		list-style: disc;
		margin-left: 1em;
		font-size: 14px;
		line-height: 1.4;
	}
	.red {
		color: #FF0000;
	}

	.hide_pc {
		display: none;
	}
	body {
		min-width: 1200px;
	}
	header .pc {
		width: 100%;
	}
	header .sp {
		display: none !important;
	}
	footer {
		display: table;
		position: relative;
		width: 100%;
		min-width: 1200px;
		height: 300px;
		background: url(./img/20160624/footer_pc.png) center center no-repeat ,  url(./img/20160624/footer_pc_bg.png) 0 0 repeat-x;
		background-size: cover , contain;
	}
	footer p {
		padding-top: 200px;
		text-align: center;
		color: #FFFFFF;
	}


	footer#yerrow {
		display: table;
		position: relative;
		width: 100%;
		min-width: 1200px;
		height: 400px;
		background: url(./img/20160624/footer_pc_yerrow.png) center center no-repeat ,  url(./img/20160624/footer_pc_bg_yerrow.png) 0 0 repeat-x;
		background-size: cover , contain;
	}
	footer#yerrow p {
		padding-top: 300px;
		text-align: center;
		color: #FFFFFF;
	}

	.fat-nav{
		display: none;
	}

	nav {
		background: #000000;
	}
	nav .wrap {
		margin: 0 auto;
		width: 980px;
		height: 100px;
	}
	nav p {
		float: left;
		width: 362px;
		height: 100px;
	}
	nav ul {
		float: right;
	}
	nav li {
		float: left;
		color: #8D8D8D;
		height: 100px;
		line-height: 100px;
	}
	nav li:after {
		content: " ｜ ";
	}
	nav li:last-child:after {
		content: none;
	}
	nav a {
		color: #FFFFFF !important;
		text-decoration: none;
	}
	article h2 {
		height: 90px;
		text-align: center;
		background: #FFFFFF url(./img/20160624/bg_st.gif) 0 0 repeat-x;
	}
	article h3 {
		line-height: 1.3;
		font-size: 32px;
		font-weight: bold;
	}
	article h3 span {
		display: table;
	}
	article h4 {
		line-height: 1.4;
		font-size: 20px;
		font-weight: bold;
	}
	article p {
		margin-top: 20px;
		font-size: 16px;
		line-height: 1.4;
	}
	article .wrap {
		margin: 0 auto;
		width:980px;
		overflow: hidden;
	}
	article .hall {
		padding-right: 100px;
		background: url(./img/20160624/i_hall.png) right center no-repeat;
	}
	article .museum {
		padding-right: 100px;
		background: url(./img/20160624/i_museum.png) right center no-repeat;
	}
	article .gourmet {
		padding-right: 100px;
		padding-top:20px;
		background: url(./img/20160624/i_gourmet.png) right bottom no-repeat;
	}

	article .goods {
		padding-right: 100px;
		background: url(./img/20160624/i_goods.png) right center no-repeat;
	}
	article .sns {
		padding-right: 100px;
		background: url(./img/20160624/i_sns.png) right center no-repeat;
	}
	#concept {
		padding-top: 20px;
	}
	#concept .lead {
		padding-bottom: 30px;
		border-bottom: 4px solid #000000;
	}
	#concept .lead p.t1 {
		margin-bottom: 20px;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.5;
	}
	#concept .lead p.t2 {
		font-size: 11px;
		font-weight: bold;
		line-height: 1;
	}
	#concept .movie_unit {
		margin: 30px 0 10px 0;
	}
	#concept .movie_unit h4 {
		margin-bottom: 10px;
		font-size: 18px;
		text-align: center;
	}
	#concept .movie {
		margin: 0 auto;
		width: 640px;
	}
	#ticket .wrap_bg {
		padding-bottom: 40px;
		background: url(./img/20160624/bg_ticket_pc.png) top center no-repeat;
		background-size: cover;
	}
	#ticket .unit_1 {
		padding: 10px 50px 0 50px;
		background: url(./img/20160624/ticekt_line.gif) top center no-repeat;
		display: flex;
	}
	#ticket .unit_1_2 {
		width: 440px;
	}
	#ticket .unit_1_2 dt {
		text-align: center;
	}
	#ticket .unit_1_2 dd {
		margin-top: 15px;
		line-height: 1.3;
		color: #FFFFFF;
		font-size: 22px;
		font-weight: bold;
		text-align: center;
	}
	#ticket .unit_1_2.team_d img {
		margin: 44px 0 11px 0;
	}
	#ticket .unit_2 {
		padding: 0 50px;
	}
	#ticket .unit_2 p {
		color: #FFFFFF;
		font-size: 22px;
		font-weight: bold;
		text-align: center;
	}
	#ticket .unit_3 {
		margin-top: 35px;
		padding: 15px;
		border: 6px solid #A28D00;
		background: #FFFFFF;
		display: flex;
	}
	#ticket .unit_3_1 {
		padding-left: 18px;
		width: 600px;
	}
	#ticket .unit_3_2 {
		width: 320px;
	}
	#ticket .unit_3 h3 {
		margin-top: 38px;
	}
	#ticket .unit_3 h4,
	#ticket .unit_3 p {
		margin-top: 20px;
	}
	#ticket .unit_3 p {
		font-weight: bold;
	}
	#ticket .unit_3 ul {
		margin-top: 20px;
	}
	#ticket .unit_3 ul li {
		text-align: center;
	}
	#event .unit_1 {
		padding: 30px 0;
	}
	#event .unit_1 .wrap {
		display: flex;
	}
	#event .unit_1_1 {
		padding-right: 20px;
		width: 515px;
		height: 300px;
	}
	#event .unit_1_1 h3 {
		margin-top: 15px;
	}
	#event .unit_1_1 h4 {
		margin: 20px 0;
	}
	#event .unit_1_2 {
		width: 445px;
		height: 300px;
	}
	#event .unit_2 {
		padding: 30px 0;
		background: #000000 url(./img/20160624/bg_event_pc.png) top center no-repeat;
		background-size: cover;
	}
	#event .unit_2_1 {
		padding-bottom: 20px;
		color: #FFFFFF;
	}
	#event .unit_2_1 h4 {
		margin-top: 20px;
	}
	#event .unit_2_2 {
		float: left;
		width: 480px;
		padding-top: 137px;
		background: url(./img/20160624/ticket_mark_s2.png) top center no-repeat;
		background-size: 150px 113px;
	}
	#event .unit_2_3 {
		float: right;
		width: 480px;
		padding-top: 137px;
		background: url(./img/20160624/ticket_mark_d2.png) center 30px no-repeat;
		background-size: 150px 89px;
	}
	#event .unit_2_2_1 {
		padding-bottom: 20px;
	}
	#event .unit_2_2_1 dt {
		display: table-cell;
		width: 480px;
		height: 88px;
		line-height: 1.2;
		background: #FFE100;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
	}
	#event .unit_2_2_1 dt .d {
		font-size: 20px;
	}
	#event .unit_2_2_1 dt .n {
		font-size: 30px;
	}
	#event .unit_2_2_1 dt .n2 {
		font-size: 20px;
	}
	#event .unit_2_2_1 dt .z {
		font-size: 14px;
	}
	#event .unit_2_2_1 dd {
		padding: 10px;
		border-right: 4px solid #FFE100;
		border-bottom: 4px solid #FFE100;
		border-left: 4px solid #FFE100;
		text-align: left;
		color:#ffffff;
		height:190px;
		font-size:13px;
		font-weight:bold;
		line-height:1.5em;
		background-color: rgba(0,0,0,0.6);
	}


	#event .unit_2_2_1 dd ul{
		padding-left:180px;
	}

	#event .unit_2_2_1 dd ul.left li {
		list-style:disc;
		color: #ffe100;

	}

		#event .unit_2_2_1 dd ul.right li {
		list-style:disc;
		color: #fffd11;

	}


	#event .unit_2_2_1 dd ul.left li span,
	#event .unit_2_2_1 dd ul.right li span {
		color: #ffffff;

	}
	#event .unit_2_2_1 dd p{
		font-size:13px;
		margin-top:0;
	}

	#event .unit_2_2_1 dd img{
		float:left;
		margin:0 10px 0 0;
	}

	#event .unit_2_3 .unit_2_2_1 dt {
		background: #FFFD11;
	}
	#event .unit_2_3 .unit_2_2_1 dd {
		border-right: 4px solid #FFFD11;
		border-bottom: 4px solid #FFFD11;
		border-left: 4px solid #FFFD11;
	}
	#event .unit_2_4 {
		clear: both;
		padding: 20px;
		border: 4px solid #FFB100;
		display: flex;
	}
	#event .unit_2_4_1 {
		/*padding-right: 20px;*/
		/*width: 620px;*/
		vertical-align: middle;
	}
	#event .unit_2_4_1 dt {
		/*margin-top: 30px;*/
		color: #FFB100;
		line-height: 1.4;
		font-size: 20px;
		font-weight: bold;
	}
	#event .unit_2_4_1 dd {
		margin-top: 10px;
		color: #FFFFFF;
		line-height: 1.4;
		font-size: 16px;
	}


	#event .unit_2_4_2 {
		width: 300px;
	}

	#event .unit_3 {
		padding: 30px 0;
		/*border-bottom: 2px solid #000000;*/
	}
	#event .unit_3 .wrap {
		display: flex;
	}
	#event .unit_3_1 {
		width: 634px;
		height: 300px;
	}
	#event .unit_3_1 h3 {
		font-size: 28px;
	}
	#event .unit_3_1 h4 {
		margin: 20px 0;
	}
	#event .unit_3_2 {
		width: 346px;
		height: 300px;
	}



/*-----------------------------
	foods
------------------------------*/

	#foods {
		padding: 30px 0;
		border-bottom: 4px solid #000000;
	}
	#foods .logo {
		text-align: center;
		margin: 30px 0 0 0;
	}

	#foods h3 {
		font-size: 26px;
		line-height: 1.2;
	}
	#foods .unit_1 h4 {
		margin: 20px auto;
		padding: 10px 0;
		line-height: 1;
		color: #FFFFFF;
		font-size: 26px;
		font-weight: bold;
		text-align: center;
		background: #FF3C00;
	}
	#foods .unit_1 p {
		font-size: 16px;
		font-weight: bold;
	}

	/*0712*/

	#foods .unit_l{
		width: 450px;
		float: left;
	}
	#foods .unit_r{
		float: right;
	}

	#foods .unit_2 ,
	#foods .unit_3 {
		margin: 0 auto;
		background: #FFF;
		padding: 25px;
		overflow: hidden;
		border-bottom: 2px solid #000000;
	}
	#foods .unit_4 {
		margin: 0 auto;
		background: #FFF;
		padding: 25px;
		overflow: hidden;
	}

	#foods .unit_2 dt {
		font-size: 28px;
		font-weight: bold;
	}
	#foods .unit_2 dd {
		font-size: 20px;
		font-weight: bold;
		line-height: 1.2;
		padding: 0 0 10px 30px;
	}
	#foods .unit_2 dd span.s{
		font-size: 16px;
	}
	#foods .unit_2 p.indent{
		text-indent: -1em;
		margin-left: 1em;
		color: #FF0000;
	}

	#foods .unit_3 h5,
	#foods .unit_4 h5{
		color: #FF3C00;
		font-size: 28px;
		font-weight: bold;
	}
	#foods .unit_3 h6{
		clear: both;
		font-size: 20px;
		font-weight: bold;
	}
	#foods .culumn3{
		overflow: hidden;
		margin-right: -15px;
	}
	#foods .culumn3 li{
		width: 300px;
		float: left;
		margin: 20px 15px 0 0;
	}
	#foods .culumn3 li dt{
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}

	#foods .unit_3 .price{
		width: 70%;
		background: #FFE100;
		border: 2px solid #ff9000;
		padding: 10px;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		margin: 20px auto;
	}
	#foods .unit_3 .price span{
		font-size: 16px;
	}

	#foods .unit_3 ul.indent li{
			font-size: 14px;
			text-indent: -1em;
			margin-left: 1em;
	}
	#foods .unit_4 .menu{
		width: 300px;
		float: left;
		margin-left: 10px;
	}


	#foods .unit_4 .menu li{
		width: 280px;
		padding: 10px;
		margin-top: 10px;
		border: 2px solid #FFE100;
		overflow: hidden;
	}
	#foods .unit_4 .menu li img{
		width: 100%;
		height: auto;
	}
	#foods .unit_4 .menu li p{
		font-size: 13px;
		line-height: 1.6;
	}
	#foods .unit_4 .menu li p span.yb{
		background: #FFE100;
		font-weight: bold;
	}
	#foods .unit_5{
		width: 100%;
		border-top: 4px solid #000000;
		background: #FFE100;
		padding: 30px 0;
		margin-top: 30px;
	}
	#foods .unit_5 .wrap{
		width: 980px;
		margin: 0 auto;
	}
	#foods .unit_5_1{
		overflow: hidden;
	}
	#foods .unit_5_1_1{
		width: 480px;
		float: left;
	}
	#foods .unit_5_1_2{
		width: 480px;
		float: right;
	}
	#foods .unit_5 dl{
		margin-top: 30px;
	}
	#foods .unit_5 dt{
		display: table-cell;
    width: 480px;
    height: 2em;
		padding: 20px 0 0 0;
    line-height: 1.2;
    background: #ffb100;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
		font-size: 24px;
	}

	#foods .unit_5 dd{
    background: #ffb100;
		padding: 5px 20px 20px 20px;
		text-align: center;
	}
	#foods .unit_5 dd p{
		margin-bottom: 10px;
	}
	#foods  p.link{
	text-align:center;
	font-size:25px;
	margin-bottom: 0 ;
}
	#foods .unit_6{
		width: 100%;
		border-top: 4px solid #000000;
		padding: 0 0 30px 0;
	}
	#foods .unit_6 h3{
		padding-bottom: 30px;
	}

	#foods .unit_6 .wrap{
		padding-top: 30px;
	}

	#foods .unit_6 .inner_wrap{
	 padding: 25px;
	 background: #FFF;
	 overflow: hidden;
	}

	#foods .unit_6  dt {
		font-size: 24px;
		font-weight: bold;
		color: #FF3C00;

	}
	#foods .unit_6  dd {
		font-size: 20px;
		font-weight: bold;
		line-height: 1.2;
		padding: 0 0 0 30px;
	}
	#foods .unit_6 #torkshow {
		border-top: 2px solid #000000;
	}

	#foods .unit_6 #torkshow .unit_l{
		width: 600px;
	}
	#foods .unit_6 #torkshow .unit_r{
		padding-top: 40px;
	}

	#foods .unit_6 #torkshow ul{
		font-size: 16px;
		margin-top: 20px;
		border-top: 1px solid #ccc;
	}
	#foods .unit_6 #torkshow ul li{
		padding: 5px 0;
		border-bottom: 1px solid #ccc;
	}
	#foods .unit_6 #torkshow ul li span{
			font-weight: bold;
	}
	#foods .unit_6 #torkshow ul li span.talent{
		display: inline-block;
		background: #FFB100;
	}

	/*-----------------------------
		yellow_ultra_menu
	------------------------------*/
	#yellow_ultra_menu{
		background: #FFE100 url(./img/20160624/bg_ultramenu.jpg) center bottom  repeat-x;
	}

	#yellow_ultra_menu h4{
		margin: 30px auto 20px auto;
		padding: 10px 0;
		line-height: 1;
		color: #FFFFFF;
		font-size: 26px;
		font-weight: bold;
		text-align: center;
		background: #FF3C00;
	}

	#yellow_ultra_menu h5 {
		width: 460px;
	}
	#yellow_ultra_menu h5 img{
		width: 100%;
		height: auto;
	}


	#yellow_ultra_menu .unit_l{
		width: 460px;
		float: left;
		overflow: hidden;
	}
	#yellow_ultra_menu .unit_r{
		width: 460px;
		float: right;
		overflow: hidden;
	}

	#yellow_ultra_menu .culumn3 li{
		width: 220px;
		float: left;
		margin: 10px 10px 0 0;
	}

	#yellow_ultra_menu .culumn3 li dt{
		height: 4em;
		text-align: center;
		font-weight: bold;
		font-size: 12px;
		line-height: 1.2;
		padding: 10px 0;
	}
	#yellow_ultra_menu .culumn3 li dd img{
		width: 100%;
		height: auto;
	}

	#yellow_ultra_menu p.catch{
		clear: both;
		font-size: 28px;
		line-height: 1.2;
		font-weight: bold;
		color: #FFF;
		text-align: center;
		padding: 30px 0 60px 0;
	}


	/*-----------------------------
		garden
	------------------------------*/

	#garden {
		padding: 30px 0;
	}
	#garden section {
		display: flex;
	}
	#garden .unit_1 {
		padding-right: 30px;
		width: 505px;
	}
	#garden .unit_1 h5 {
		margin: 10px 0 5px 0;
		font-size: 16px;
		font-weight: bold;
	}
	#garden .unit_1 p {
		margin-top: 20px;
		font-size: 16px;
		line-height: 1.4;
	}
	#garden .unit_1 p.note {
		margin-left: 1em;
		text-indent: -1em;
	}
	#garden .unit_2 {
		width: 445px;
	}

	#museum {
		background:#ffe100;
	}
	#museum .wrap {
		padding: 40px 0;
	}
	#museum .unit_1 h4 {
		margin-top: 20px;
	}
	#museum .unit_2 {
		margin-top: 30px;
		padding: 20px 0;
		background: #F4E0B3;
		display: flex;
	}
	#museum .unit_2_1 {
		padding: 0 15px;
		width: 296px;
		border-right: 1px solid #FFB100;
	}
	#museum .unit_2_1:nth-of-type(3) {
		border-right: none;
	}
	#museum .unit_2_1 dt {
		line-height: 1.3;
		font-size: 18px;
		font-weight: bold;
	}
	#museum .unit_2_1 dt .s1 {
		font-size: 16px;
	}
	#museum .unit_2_1 dt .s2 {
		line-height: 1;
		font-size: 12px;
	}
	#museum .unit_2_1 dd {
		margin-top: 10px;
		line-height: 1.3;
		font-size: 16px;
	}
	#museum .unit_2_1 .img {
		margin-top: 20px;
		text-align: center;
		font-size: 12px;
	}

		#museum p.link{
		text-align:center;
		font-size:25px;
	}

	#goods {
		background: #ffe100;
	}
	#goods .wrap {
		padding: 40px 0;
	}
	#goods .unit_2 {
		margin-top: 20px;
	}
	#goods .unit_2_1 {
		display: flex;
		padding: 20px;
		background: #FFFFFF;
	}
	#goods .unit_2_1 h5 {
		margin-bottom: 10px;
		font-size: 28px;
		font-weight: bold;
		color: #FF7200;
	}
	#goods .unit_2_1 h5 span {
		font-size: 22px;
	}
	#goods .unit_2_1 dt {
		line-height: 1.3;
		font-size: 18px;
		font-weight: bold;
	}
	#goods .unit_2_1 dd {
		margin-top: 10px;
		font-size: 16px;
		line-height: 1.4;
	}
	#goods .goods_1 {
		border-bottom: 1px solid #000000;
	}
	#goods .goods_1 h5 {

	}
	#goods .goods_1 .unit_2_1_2 {
		padding-right: 40px;
		width: 440px;
	}
	#goods .goods_1 .unit_2_1_3 {
		width: 460px;
	}
	#goods .goods_2 dt {
		color: #FF0000;
	}
	#goods .goods_2 .unit_2_1_2 {
		padding-right: 20px;
		width: 364px;
	}
	#goods .goods_2 .unit_2_1_3 {
		width: 556px;
	}
	#goods .goods_3 .unit_2_1_2 {
		padding-right: 0px;
		width: 438px;
	}
	#goods .goods_3 .unit_2_1_3 {
		width: 502px;
	}
	#goods .unit_3 {
		margin-top: 10px;
	}
	#goods .unit_2 h4 {
		margin-top: 15px;
		font-size: 22px;
	}
	#goods .unit_2 p {
		margin-top: 5px;
	}
	#goods .unit_2_1 {
		margin-right: 20px;
	}
	#goods p.link{
		font-size: 20px;
		font-weight: bold;
	}

	#tagboard {
		background: #ffe100;
	}
	#tagboard .wrap {
		padding: 40px 0;
	}

	/*-----------------------------
		sponsor
	------------------------------*/

	#sponsor .wrap{
		background: #FFF;
		margin: 30px auto;
	}
	#sponsor .sponsor_l {
		text-align: center;
		margin: 40px 0;
	}
	#sponsor .sponsor_l li{
		display: inline-block;
		padding-bottom: 20px;
	}
	#sponsor .sponsor_m{
		text-align: center;
		margin: 0 100px;
	}
	#sponsor .sponsor_m li{
		display: inline-block;
		padding-bottom: 20px;
	}
	#sponsor .sponsor_s{
		text-align: center;
		margin: 40px;
	}
	#sponsor .sponsor_s li{
		display: inline-block;
		padding:0 10px 20px 0;
	}
	#sponsor li img{
		vertical-align: middle;
	}
}