@charset "shift-jis";

* {	margin: 0px; padding: 0px;}

body {
	color: #FFFFFF;
	font-size: 85%;
	background: #006800 url(img/background_grass_line.gif) repeat-y right;
}


/* ++++++++++ ƒŒƒCƒAƒEƒgŠΦ˜A ++++++++++ */

#container {
	height: 1500px;
	margin: 76px 445px 0px 0px;
	padding: 0px;
	font-family: "Tahoma", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", sans-serif;
}

#header {
	overflow: hidden;
	position: absolute;
	top :  0px;
	left: 0px;
	right: 155px;
	height: 76px;
	padding: 0px 0px 0px 60px;
	background: #F5D70F url(img/background_yellow_index.gif) no-repeat right;
}
#titlelogo {
	height: 55px;
}

#menu {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 155px;
	height: 1500px;
	background: url(img/background_grass_darker.gif);
}
#menu ul{
	padding-top: 20px;
}
#menu ul li.spacing {
	padding-bottom: 10px;
}
#menu ul.updated {
	list-style-type: none;
	padding: 0px 0px 0px 24px;
	margin-top: -3px;
}


#next {
	background: #F5D70F;
}


#articles {
	position: absolute;
	right: 155px;
	top: 105px;
	width: 300px;
	padding: 0px 3px 0px 15px;
	text-align: left;
	font-family: "Tahoma", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", sans-serif;
}

ul.recent {
	list-style-type: none;
	padding: 30px 0px;
	font-size: 11px;
	background: url(img/title_index_recent.gif) no-repeat left top;
}

ul.recent li {
	margin: 0px 0px 5px;
	color: #789678;
	font-size: 11px;
	line-height: 1.4em;
	overflow: hidden;
}

ul.recent a, ul.recent a:visited {
	color : #BDC5BA;
	font-size: 12px;
	text-decoration: none;
}

ul.recent a:hover {
	color: #FFE840;
	text-decoration: none;
}


#footer {
	position: absolute;
	top: 1576px;
	left: 0px;
	width: 100%;
	padding: 4px 0px;
	background: url(img/background_grass_darker.gif);
	text-align: center;
	font-family: "Geneva", "Tahoma", "Verdana", sans-serif ;
	font-size: 11px;
	color: #BEBEB4;
}


/* ++++++++++ ƒŠƒ“ƒNŠΦ˜A ++++++++++ */

a, a:visited {
	color : #F5D70F;
}

a:hover {
	color : #EACE0B;
	text-decoration : underline;
}

a img {
	border: none;
}

a.nocolorlink, a.nocolorlink:visited {
	color : #FFFFFF;
}

a.nocolorlink:hover {
	color : #F5D70F;
}


/* ++++++++++ ¬•¨—ή ++++++++++ */

.no {
	display: none
}

#menu .now {
	padding-bottom: 14px;
	color: #809080;
	font-size: 10px;
	line-height: 1.4em;
	font-family: "Tahoma", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", sans-serif;
}

#menu .last {
	padding-top: 6px;
	color: #BEBEB4;
	font-family: "Arial", "Helvetica", sans-serif ;
	font-size: 11px;
}



/* ++++++++++ ’†‰›ƒp[ƒc ++++++++++ */

.news {
	padding: 30px 65px 35px 60px;
	text-align: left;
	overflow: hidden;
}

.news p, .story p {
	padding: 3px 0px 0px;
	border-top: 1px solid #F5D70F;
	text-align: left;
	font-size: 100%;
	line-height: 1.6em;
	color: #F5F5F0;
}

.news h2, .story h2, .nextgame h2, .lastgame h2 {
	padding: 22px 0px 2px;
	font-family: "Tahoma", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", sans-serif;
	font-size: 120%;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 0.8px;
}

.news h2 {
	background: url(img/title_index_news.gif) no-repeat left top;
}

.news h2.breaking {
	background: url(img/title_index_news_breaking.gif) no-repeat left top;
}
.news h2.breaking .en, .news h2 .en strong {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0px;
}

.story h2 {
	background: url(img/title_index_story.gif) no-repeat right bottom;
}

.story {
	padding: 0px;
	text-align: left;
	margin: 50px 60px 20px;
}

.news h2 a, .story h2 a {
	display: block;
	color: #F5D70F;
	text-decoration: none;
}

.news h2 a:hover, .story h2 a:hover {
	background : #FAE970;
	color : #006400;
	text-decoration: none;
	
    transition: color .2s ease-in-out, background-color .5s ease-in-out;  
    -moz-transition: color .2s ease-in-out, background-color .5s ease-in-out;  
	-webkit-transition: color .2s ease-in-out, background-color .5s ease-in-out;  
    -o-transition: color .2s ease-in-out, background-color .5s ease-in-out;  
}


a.linkto {
	font-size: 12px;
	text-decoration: none;
	white-space: nowrap;
}

.photo {
	overflow: hidden;
	padding: 15px 65px 30px 60px;
}

.photoshadow {
	width: inherit;
	max-width: 100%;
	min-width: 50%;
	height: auto;
	box-shadow: 1px 1px 7px #003000;        /* CSS3‘ˆΔ */  
	-moz-box-shadow: 1px 1px 7px #003000;   /* Firefox—p */  
    -webkit-box-shadow: 1px 1px 7px #003000; 	   /* Safari,Google Chrome—p */  
	behavior: url(/PIE.htc);
}

.photo p {
	padding: 10px 0px 5px 0px;
	color: #BEBEB4;
	font-size: 12px;
	text-align: center;
}

.photo p.dark {
	color: #96968C;
}


/* ++++++++++ ‚¨’m‚η‚Ή ++++++++++ */

.notice {
	margin: 10px 65px 35px 60px;
	padding: 0px;
	border: 1px solid #003000;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	behavior: url(https://www.packers.jp/PIE.htc);
	font-size: 110%;
	line-height: 2.5em;
	text-align: left;
	overflow: hidden;
}

.notice .title {
	margin: 0px;
	padding: 15px;
	color: #F4F4E3;
	font-weight: bold;
	border-right: 1px solid #003000;
	background: #005000 url(img/background_grass_darker.gif);
	z-index: 1;
}

.notice .box  {
	display: inline;
	margin: 0px;
	padding: 8px 12px 8px 12px;
	overflow: hidden;
}


/* ++++++++++ ŽŸ‚ΜƒQ[ƒ€’m ++++++++++ */

.nextgame {
	margin: 40px 65px 30px 60px;
	padding: 0px;
	color: #BDC5BA;
	font-family: "Tahoma", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", sans-serif;
	font-size: 12px;
}

.nextgame .box {
	margin: 2px 0px 2px 0px;
	padding: 6px 5px 10px 10px;
	overflow: hidden;
	border: 1px solid #003000;
}


.nextgame div.title {
	margin: 0px;
	padding: 8px 0px 5px 12px;
	color: #F4F4E3;
	font-size: 12px;
	font-weight: bold;
	background: #005000 url(img/background_grass_darker.gif);
	border: 1px solid #003000;
	
	border-radius: 8px 8px 0px 0px;
	-moz-border-radius-topleft: 8px;  
	-moz-border-radius-topright: 8px;  
	-webkit-border-top-left-radius: 8px; 
	-webkit-border-top-right-radius: 8px; 
	behavior: url(https://www.packers.jp/PIE.htc);
}

.nextgame h3 {
	color: #F5D70F;
	font-family: "Tahoma", "Verdana", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.8px;
	padding: 10px
}

.nextgame div.foot {
	margin: 0px;
	padding: 6px 5px 4px;
	background: #005000 url(img/background_grass_darker.gif);
	color: #809080;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	border: 1px solid #003000;
	border-radius: 0px 0px 8px 8px;
	-moz-border-radius-bottomleft: 8px;  
	-moz-border-radius-bottomright: 8px;  
	-webkit-border-top-bottom-radius: 8px; 
	-webkit-border-top-bottom-radius: 8px; 
	behavior: url(https://www.packers.jp/PIE.htc);
}

.nextgame table, .lastgame table {
	color: #FFFFFF;
	font-size: 15px;
}

.nextgame table td, .lastgame table td {
	padding-right: 8px;
	padding-top: 6px;
}

.nextgame p {
	padding-top: 8px;
	line-height: 1.6em;
}


/* ++++++++++ ³ŒŽƒo[ƒWƒ‡ƒ“ ++++++++++ */

#newyear {
	position: absolute;
	left: 5px;
	top: 75px;
	right: 155px;
	padding-top: 3px;
	font-family: "Verdana", "ƒqƒ‰ƒMƒmŠΫƒS Pro W4", "Hiragino Maru Gothic Pro", "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", sans-serif;
	font-size: 12px;
	color: #DCDCD2;
}

#kadomatsu1 {
	position: absolute;
	left: 12px;
	top: 5px;
	height: 50px;
	width: 40px;
	background: url(img/title_kadomatsu.gif) no-repeat;
}

#kadomatsu2 {
	position: absolute;
	left: 300px;
	top: 5px;
	height: 50px;
	width: 40px;
	background: url(img/title_kadomatsu.gif) no-repeat;
}


/* ++++++++++ twitter ++++++++++ */

#twitter_div {
	margin: 28px 10px 3px 0px;
	padding: 0px;
	color: #BDC5BA;
	font-family: "ƒqƒ‰ƒMƒmŠΫƒS Pro W4", "Hiragino Maru Gothic Pro", "Meiryo UI", "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", sans-serif;
	font-size: 12px;
	border: 1px solid #003000;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;  
	behavior: url(https://www.packers.jp/PIE.htc);
}

#twitter_div #wrapper {
	margin: 2px 0px;
	padding: 0px;
}

#twitter_div h2.sidebar-title {
	padding: 8px 0px 6px 12px;
	color: #F4F4E3;
	font-size: 13px;
	background: #005000 url(img/background_grass_darker.gif);
	border-radius: 8px 8px 0px 0px;
	-moz-border-radius-topleft: 8px;  
	-moz-border-radius-topright: 8px;  
	-webkit-border-top-left-radius: 8px; 
	-webkit-border-top-right-radius: 8px; 
	behavior: url(https://www.packers.jp/PIE.htc);
}




/* ++++++++++ ƒŒƒXƒ|ƒ“ƒVƒu‘Ξ‰ž ++++++++++ */


.slicknav_menu {display:none;}
 

@media screen and (max-width: 1000px) {

	body {	background-position: 0px 0px;}
	
	#header {
		right: 120px;
		padding: 0px 0px 0px 30px;
		background: #F5D70F url(https://www.packers.jp/img/background_yellow.gif) no-repeat 
	}
	
	#titlelogo img { max-width: 100%;}
	
	#container {
		height: auto;
		margin: 76px 120px 0px 0px;
		font-size: 120% !important;		
	}
	
	.news { padding: 30px 30px 35px 30px;}
	
	.nextgame { margin: 40px 30px 40px 30px;	}
		
	.photo {
		overflow: hidden;
		padding: 15px 30px 30px 30px;
	}

	#articles {
		position: relative;
		right: auto;
		top: auto;
		width: auto;
		margin: 0px 120px 0px 0px;
		padding: 15px 30px 30px 30px;
		overflow: hidden;
		background: none;
	}
	
	.news h2, .story h2,  .nextgame h2, .lastgame h2 {font-size: 150%;	}
	
	ul.recent li  { line-height: 2em;}
	
	ul.recent li a {color: #FFFFFF;	}
	
	#menu {
		height: auto;
		width: 120px;
		overflow: hidden;
	}
	
	#menu li {
		font-size: 125%;
		overflow: visible;
	}

	#menu a, #menu a:visited {
		padding: 0px 0px 0px 10px;
		height: auto;
		line-height: 2em;
		font-family: "Tahoma", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", sans-serif;
	}
	
	#menu ul.updated {
		padding: 0px 0px 0px 10px;
		overflow: hidden;
	}

	
	#next {
		height: 76px;
		width: 120px;
		overflow: hidden;
	}
	
	#next img {
		width: 100%;
		height: 100%;
	}
	
	#twitter {width: 100%;}
		
	#footer {	display: none;}
	
	#kadomatsu1, #kadomatsu2{	 display: none;}

}


@media screen and (max-width: 760px) {

	#header {
		padding: 0;
		width: 100%;
	}
	
	#titlelogo {padding-left: 15px;}
	
	#container { width: 100%;}

	.news {
		padding: 0px 15px 20px;
		clear: both;
	}
	
	.nextgame { margin: 10px 15px 20px 15px;	}
	
	#articles { margin : 0;}

	#menu {	display: none;}
	
	.js #responsivemenu { display:none;}
 
	.js .slicknav_menu { display: inline;}
	
	.slicknav_menu li {
		line-height: 1em;
		margin: 5px;
		font-size: 1.2em;
	}

	.slicknav_menu li a {
		font-family: "Tahoma", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", sans-serif;
	}
	
	.slicknav_menu li.banner { display: none;}

}