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

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

/* PC
--------------------------------------- */



@media only screen and (min-width: 737px) {

	/*-----------------------------
		LAYOUT
	------------------------------*/
	body{
		width: 100%;
	}

	.inner{
		width: 980px;
		margin: 0 auto;
	}


	header{
		width: 100%;
		height: 0;
		padding-top: 48.3333% !important;
		background: #000 url("/home/fukuhara/img/mv_fukuhara.jpg") no-repeat center top fixed;
	  background-size: 100% auto;
		position: relative;
	}

	header .inner{
		position: absolute;
		top: 0;
		left: 0;
		right:0;
	}
	header h1{
		float: left;
		width: 130px;
		margin: 10px 0 0 0;
	}
	header .ttl{
		position: absolute;
		clear: both;
		right: 0;
		top: 200px;
	}

	header #btn-sns{
		float: right;
		margin: 10px 0 0 0;
	}
	header #sns-fb,
	header #sns-tw{
		float: left;
		margin: 0 10px 0 0;
	}
	footer p{
		background: #000;
		color: #FFF;
		text-align: center;
		padding: 36px 0;
	}

	/*-----------------------------
		NAV
	------------------------------*/
	#pNav{
		background: #AB8E40;
	}
	#pNav ul{
		width:980px;
		margin: 0 auto;
		display: table;
		border-left: 1px solid #b69d59;
		background: #FFF;
	}
	#pNav li{
		display: table-cell;
		text-align: center;
		border-right: 1px solid #b69d59;
	}
	#pNav li a{
		width: 139px;
		display: block;
		padding: 36px 0;
		background: #AB8E40;
	}
	#pNav li a:hover{
		filter:alpha(opacity=60);
			-moz-opacity: 0.6;
			opacity: 0.6;
	}
	#pNav li a img{
		height: 14px;
		width: auto;
	}
	/*-----------------------------
		PRESENT
	------------------------------*/
	#present{
		background: #000;
		padding: 50px 0;
	}
	#present h2{
		text-align: center;
		padding-bottom: 50px;
	}
	#present .lead{
		width: 746px;
		height: 110px;
		margin: 0 auto;
		text-indent: -9999px;
		background: #000 url("/home/fukuhara/img/p_present.gif") no-repeat center center;
	}
	#present .plate{
		text-align: center;
	}
	#present .btn{
		text-align: center;
		margin: 30px 0;
	}
	#present .period{
		color: #CBAC5A;
		font-weight: bold;
		font-size: 18px;
		line-height: 1.4;
		margin: 0 auto 0 240px;
	}
	#present .period br{
		display: none;
	}
	#present .at{
		margin: 20px auto 0 250px;
	}
	#present .at li{
		color: #FFF;
		text-indent: -1em;
		margin-left: 1em;
		font-size: 14px;
	}
	#present .at li span{
		color: #CBAC5A;
	}

	/*-----------------------------
		CEREMONY
	------------------------------*/
	#ceremony{
		background: #cdb472 url("/home/fukuhara/img/bg_ceremony.gif") no-repeat center center;
		padding: 50px 0;
	}
	#ceremony .inner{
		overflow: hidden;
	}
	#ceremony h2{
		text-align: center;
		padding-bottom: 60px;
	}
	#ceremony .interview{
		width: 440px;
		padding: 20px;
		background: rgba(255,255,255,0.3);
	}
	#ceremony .interview_soon{
		width: 480px;
		height: 593px;
		background: rgba(0,0,0,0.3);
	}
	#ceremony .interview_soon p{
		text-align: center;
		padding: 58% 0 0 0;
		color: #FFF;
		font-size: 18px;
		letter-spacing: 0.03em;
	}
	#ceremony .unit_l{
		float: left;
	}
	#ceremony .unit_r{
		float: right;
	}

	#ceremony h3{
		font-size: 18px;
		text-align: center;
		font-weight: bold;
	}
	#ceremony h3 br{
		display: none;
	}
	#ceremony h3 span.date{
		font-size: 14px;
	}
	#ceremony dt{
		text-align: center;
		padding: 20px 0;
	}
	#ceremony dd{
		font-size: 14px;
		line-height: 1.8;
		letter-spacing: 0.03em;
		height: 7em;
	}

	#ceremony .btn{
		text-align: center;
		margin: 20px auto;
	}
	#ceremony .link_news{
		width: 480px;
		text-align: center;
		margin: 30px auto 0 auto;
		font-size: 18px;
	}
	#ceremony .link_news a{
	 	color: #FFF;
		border: 4px solid #AB8E40;
		padding: 15px 0;
		background: #8e1913;
		display: block;
	}
	#ceremony .link_news a:hover{
	 	color: #FFF;
		border: 4px solid #8e1913;
		padding: 15px 0;
		background: #ba9738;
		display: block;
	}

	#ceremony .video{
		width: 640px;
		margin: 0 auto 60px auto;
		padding: 20px;
		background: rgba(255,255,255,0.3);
	}
	#ceremony .video h3{
		padding-bottom: 20px;
		line-height: 1.2;
	}

	/*-----------------------------
		PROFILE
	------------------------------*/
	#profile{
		background: #FFF url("/home/fukuhara/img/bg_profile.jpg") no-repeat center top;
	  background-size: cover;
		padding: 50px 0;
	}
	#profile h2{
		text-align: center;
		padding-bottom: 60px;
	}

	#profile .profile_box{
		padding-left: 50%;
	}
	#profile .name{
			font-size: 30px;
			font-weight: bold;
			line-height: 1;
	}
	#profile .roma{
			font-size: 14px;
			text-indent: 72px;
	}
	#profile table{
		width: 480px;
		margin: 30px 0 0 0;
	}
	#profile table th,
	#profile table td{
		padding: 5px;
		font-size: 14px;
	}
	#profile p.note{
		font-size: 11px;
		text-align: right;
	}

	#profile  dt{
		font-size: 20px;
		font-weight: bold;
		padding-bottom: 5px;
		border-bottom: 1px solid #000;
		margin: 30px 0 5px 0;
	}

	#profile  dd{
		font-size: 14px;
	}

	#profile .btn{
		margin: 60px auto;
		text-align: center;
	}

	/*-----------------------------
		DATA
	------------------------------*/
	#data{
		background: #FFF;
		padding: 50px 0;
	}
	#data h2{
		text-align: center;
		padding-bottom: 60px;
	}

	#data h3{
		font-size: 20px;
		border-bottom: 4px solid #000;
		padding-bottom: 5px;
		margin-bottom: 15px;
	}
	#data table{
		width: 100%;
	}
	#data table th,
	#data table td{
		padding: 5px 0;
		font-size: 12px;
		text-align: center;
		font-weight: normal;
	}
	#data table tr.even th,
	#data table tr.even td{
		background: #f1eee7;
	}
	#data p.note{
		font-size: 12px;
		text-align: right;
		margin: 10px 0 0 0;
	}
	/*-----------------------------
		HISTORY
	------------------------------*/
	#history{
	  /*background: #cdb472 url("/home/fukuhara/img/bg_history.jpg") no-repeat 78% top;
		background-attachment: fixed;*/
		background: #cdb472 ;
		padding: 50px 0;
	}
	#history h2{
		text-align: center;
		padding-bottom: 60px;
	}
	#history table{
		width: 100%;
	}
	#history th{
		padding-right: 20px;
		border-right: 1px solid #000;
	}
	#history tr td:nth-child(2){
		padding-left: 20px;
	}
	#history tr td img{
		width: 290px;
		height: auto;
	}
	#history tr td.text{
		padding: 10px 20px;
		font-size: 14px;
		line-height: 1.8;
	}
	#history span.coop{
		font-size: 12px;
		display: block;
	}

	/*-----------------------------
		PHOTO
	------------------------------*/
	#photo{
		background: #000;
		padding: 50px 0;
	}
	#photo h2{
		text-align: center;
		padding-bottom: 60px;
	}
	#photo #Glide{
		width: 980px;
		margin: 0 auto;
	}
	.glide__arrow {
	  position: absolute;
	  z-index: 2;
	  text-indent: -9999px;
	  color: white;
	  width:54px;
	  height: 54px;
	  border: none;
	}
	.glide--horizontal .glide__arrow.prev {
	  left: -1px;
	  background : url("/home/fukuhara/img/prev.png") no-repeat 0 0;
	}

	.glide--horizontal .glide__arrow.prev:hover,
	.glide--horizontal .glide__arrow.prev:focus {
	  background : url("/home/fukuhara/img/prev_hover.png") no-repeat 0 0;
	}
	.glide--horizontal .glide__arrow.next {
	  right: -1px;
	  background : url("/home/fukuhara/img/next.png") no-repeat 0 0;
	}
	.glide--horizontal .glide__arrow.next:hover,
	.glide--horizontal .glide__arrow.next:focus {
	  background : url("/home/fukuhara/img/next_hover.png") no-repeat 0 0;
	}


	/*-----------------------------
		COMMENT
	------------------------------*/
	#comment{
		background: #000 url("/home/fukuhara/img/bg_comment.jpg") no-repeat 0 0 ;
		background-size: cover;
		padding: 50px 0 10px 0;
	}

	#comment h2{
		text-align: center;
		padding-bottom: 60px;
	}

	#comment dl{
		overflow: hidden;
		background: #e5e2dc;
		margin-bottom: 40px;
	}
	#comment dl.unit-odd dt{
		width: 300px;
		float: left;
		border-right: 10px solid #ab8e40;
	}
	#comment dl.unit-even dt{
		width: 300px;
		float: right;
		border-left: 10px solid #ab8e40;
	}
	#comment dl.unit-odd dd{
		width: 630px;
		float: right;
		padding: 20px;
	}

	#comment dl.unit-even dd{
		width: 630px;
		float: left;
		padding: 20px;
	}

	#comment dd{
		font-size: 14px;
		line-height: 1.8;
	}


	/*-----------------------------
		GOODS
	------------------------------*/
	#goods{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#980808+0,5a0404+100 */
		background: #980808; /* Old browsers */
		background: -moz-linear-gradient(top,  #980808 0%, #5a0404 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #980808 0%,#5a0404 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #980808 0%,#5a0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#980808', endColorstr='#5a0404',GradientType=0 ); /* IE6-9 */
		padding: 50px 0 0 0;
	}
	#goods h2{
		text-align: center;
		padding-bottom: 60px;
	}

	#goods .limitgoods{
		background: rgba(0, 0, 0, 0.4);
		padding: 40px 0 50px;
		border-top: 1px solid #B28D32;
	}
	#goods .limitgoods .inner{
		overflow: hidden;
		width: 1010px;
	}

	#goods .limitgoods p.t-shop,
	#goods .limitgoods p.start{
		text-align: center;
	}


	#goods .limitgoods ul{
		overflow: hidden;
		margin: 30px 0;
	}
	#goods .limitgoods a{
		width: 310px;
		color: #FFF;
		float: left;
		display: block;
	}
	#goods .limitgoods a:first-child{
		margin: 0 60px 0 0;
	}
	#goods .limitgoods a:last-child{
		margin: 0 0 0 20px;
	}

	#goods .limitgoods dt img{
		width: 100%;
		height: auto;
		text-align: center;
	}
	#goods .g-name span,
	#goods .g-price{
		font-size: 14px;
		color: #FFF;
	}
	#goods .at{
		margin: 20px 0 40px 0;
		text-align: center;
		font-size: 14px;
		color: #FFF;
		font-weight: bold;
	}

	#goods .normalgoods a {
		width: 220px;
		margin: 0 29px 30px 0;
		display: inline-block;
		color: #FFF;
	}
	#goods .normalgoods a:nth-child(4n){
		margin: 0 0 30px 0;
	}
	#goods .normalgoods li img{
		width: 100%;
		height: auto;
	}
	#goods dt{
		padding-bottom: 10px;
	}
	#goods dd{
		text-align: center;
		font-size: 14px;
		color: #FFF;
		line-height: 1.2;
	}

	#goods dd span{
		font-size: 12px;
		text-align: center;
		display: block;
		padding-top: 5px;
	}
	/*-----------------------------
		SNS
	------------------------------*/
	#sns {
		background: #FFF url("/home/fukuhara/img/bg_sns.jpg") no-repeat center top ;
		background-size: cover;
		overflow: hidden;
		padding: 50px 0;
	}
	#sns .sns_inner{
		width: 980px;
		margin: 0 auto;
	}
	#sns p.lead{
		font-size: 18px;
		text-align: center;
	}
	#sns h2{
		text-align: center;
		padding-bottom: 60px;
	}
	#sns h3{
		text-align: center;
		padding: 60px 0 20px 0;
	}
	/*#sns .unit-fb{
		width: 300px;
		float: right;
	}*/

	#sns .unit-tw{
		width: 600px;
		margin: 0 auto;
	}


}