@charset "UTF-8";
/* =====================================================================
*
*    history Layout
*
* =================================================================== */
div.historyContainer {
	width: 957px;
}
div.historyContainer div#contentsMain {
	width: 957px;
	/*background: url(../img_2015/history/bg_middle.jpg) repeat-y 0 0;*/
	margin-left: -11px;
	background: none;
}
div.historyContainer div#contentsTop {
	width: 957px;
	background: url(../img/2017/history/bg_bottom_pc.png) no-repeat bottom left;
}
div.historyContainer div#contentsInner {
	width: 957px;
	background: none;
	padding: 0 0 0 0;
}
div.historyContainer div#contentsInner p#bkTop {
	top: 33px !important;
	right: 25px !important;
}
div.historyContainer div#contentsInner div#historyTitleArea {
	background: url(../img/2017/history/bg_top_pc.png) no-repeat top left;
	width: 957px;
	height: 499px;
}
div.historyContainer div#contentsInner h2 {
	padding: 76px 0 0 0;
	text-align: center;
}
div.historyContainer div#contentsInner h3 {
	padding: 4px 0 7px 0;
	text-align: center;
}
div.historyContainer div#contentsInner h4 {
	text-align: center;
	padding: 7px 0 0 0;
	color: #561905;
	font-size: 30px;
	font-weight: bold;
}
div.historyContainer div#contentsInner h5#historyTxt {
	text-align: center;
	padding: 15px 0 45px 0;
	color: #561905;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.8;
}
div.historyContainer div#contentsInner h5#historyTxtSp {
	display: none;
}
div#historyMainContainer {
	width: 957px;
	height: 10888px;
	position: relative;
	/*background: url(../img_2015/history/bg_flag_middle.png) repeat-y 0 0;*/
	background: url(../img/2017/history/bg_middle.png) repeat-y 0 0;
}
div#historyMainContainer ul#historyNavi {
	position: absolute;
	left: 910px;
	top: 158px;
	z-index: 500;
}
div#historyMainContainer ul#historyNavi li {
	margin: 0 0 11px 0;
	cursor: pointer;
	width: 69px;
	height: 69px;
	overflow: hidden;
	position: relative;
}
div#historyMainContainer ul#historyNavi li.active {
	cursor: default;
}
div#historyMainContainer ul#historyNavi li.hover {
	cursor: pointer;
}
div#historyMainContainer ul#historyNavi li img.cover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
}
div#historyMainContainer ul#historyNavi img.cover, div#historyMainContainer ul#historyNavi li.hover img.cover, div#historyMainContainer ul#historyNavi li.active img.cover {
	display: block;
}
div#historyMainContainer ul#historyNavi li.hover img, div#historyMainContainer ul#historyNavi li.active img {
	left: 0;
}
div#history1stContainer {
	width: 957px;
	height: 4230px;
	position: relative;
	background: url(../img/2017/history/bg_flag_middle.png) repeat-y 0 0;
}
div#history1stContainer h5 {
	position: absolute;
	top: -3px;
	left: 455px;
	padding: 0 !important;
}
div#history1stContainer h6 {
	position: absolute;
	top: 3275px;
	left: 473px;
}
div#history1stContainer dl {
	position: absolute;
	width: 380px;
}
div#history1stContainer dl#history01 {
	left: 57px;
	top: 243px;
}
div#history1stContainer dl#history03 {
	left: 57px;
	top: 873px;
}
div#history1stContainer dl#history05 {
	left: 57px;
	top: 1613px;
}
div#history1stContainer dl#history07 {
	left: 57px;
	top: 2342px;
}
div#history1stContainer dl#history09 {
	left: 57px;
	top: 2843px;
}
div#history1stContainer dl#history11 {
	left: 57px;
	top: 3600px;
}
div#history1stContainer dl#history02 {
	right: 63px;
	top: 532px;
}
div#history1stContainer dl#history04 {
	right: 63px;
	top: 1377px;
}
div#history1stContainer dl#history06 {
	right: 63px;
	top: 1669px;
}
div#history1stContainer dl#history08 {
	right: 63px;
	top: 2613px;
}
div#history1stContainer dl#history10 {
	right: 63px;
	top: 3510px;
}
div#history2ndContainer {
	width: 957px;
	height: 5366px;
	position: relative;
	background: url(../img/2017/history/bg_flag_middle.png) repeat-y 0 0;
}
div#history2ndContainer h5 {
	position: absolute;
	top: 0;
	left: 473px;
	padding: 0 !important;
}
div#history2ndContainer h6 {
	position: absolute;
	top: 3820px;
	left: 473px;
}
div#history2ndContainer dl {
	position: absolute;
	width: 380px;
}
div#history2ndContainer dl#history12 {
	left: 57px;
	top: 170px;
}
div#history2ndContainer dl#history14 {
	left: 57px;
	top: 765px;
}
div#history2ndContainer dl#history16 {
	left: 57px;
	top: 1310px;
}
div#history2ndContainer dl#history18 {
	left: 57px;
	top: 2110px;
}
div#history2ndContainer dl#history20 {
	left: 57px;
	top: 4037px;
}
div#history2ndContainer dl#history22 {
	left: 57px;
	top: 4585px;
}
div#history2ndContainer dl#history13 {
	right: 63px;
	top: 356px;
}
div#history2ndContainer dl#history15 {
	right: 63px;
	top: 1155px;
}
div#history2ndContainer dl#history17 {
	right: 63px;
	top: 1851px;
}
div#history2ndContainer dl#history19 {
	right: 63px;
	top: 3219px;
}
div#history2ndContainer dl#history21 {
	right: 63px;
	top: 4241px;
}
div#history3rdContainer {
	width: 957px;
	height: 1395px;
	position: relative;
	background: url(../img/2017/history/bg_flag_middle.png) repeat-y 0 0;
}
div#history3rdContainer h5 {
	position: absolute;
	top: 0;
	left: 473px;
	padding: 0 !important;
}
div#history3rdContainer dl {
	position: absolute;
	width: 380px;
}
div#history3rdContainer dl#history23 {
	left: 57px;
	top: 200px;
}
div#history3rdContainer dl#history24 {
	right: 63px;
	top: 500px;
}
div#history3rdContainer dl#history25 {
	left: 57px;
	top: 830px;
}
div#history1stContainer dl dt, div#history2ndContainer dl dt, div#history3rdContainer dl dt {
	width: 378px;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	background: url(../img/2017/history/line_ttl.png) repeat-x 0 bottom;
}
div#history1stContainer dl dt p.date01, div#history2ndContainer dl dt p.date01, div#history3rdContainer dl dt p.date01 {
	width: 60px;
	height: 45px;
	float: left;
	display: block;
	background: url(../img/2017/history/bg_date.png) no-repeat 0 0;
	color: #ffdb00;
	font-weight: bold;
	font-size: 19px;
	text-align: center;
	line-height: 45px;
}
div#history1stContainer dl dt p.date02, div#history2ndContainer dl dt p.date02, div#history3rdContainer dl dt p.date02 {
	width: 60px;
	height: 36px;
	float: left;
	display: block;
	background: url(../img/2017/history/bg_date.png) no-repeat 0 0;
	color: #ffdb00;
	font-weight: bold;
	font-size: 19px;
	text-align: center;
	line-height: 0.8;
	padding: 9px 0 0 0;
}
html*div#history1stContainer dl dt p.date02, html*div#history2ndContainer dl dt p.date02, html*div#history3rdContainer dl dt p.date02 {
	line-height: 1;
}
div#history1stContainer dl dt p.date02 span, div#history2ndContainer dl dt p.date02 span, div#history3rdContainer dl dt p.date02 span {
	font-size: 11px;
}
div#history1stContainer dl dt p.titleBody, div#history2ndContainer dl dt p.titleBody, div#history3rdContainer dl dt p.titleBody {
	width: 310px;
	float: right;
	font-size: 17px;
	color: #561905;
	line-height: 1.3;
	font-weight: bold;
	padding: 3px 0 0 0;
}
div#history1stContainer dl dt p.line1, div#history2ndContainer dl dt p.line1, div#history3rdContainer dl dt p.line1 {
	padding: 0 0 0 0;
	line-height: 45px;
}
div#history1stContainer dl dd p, div#history2ndContainer dl dd p, div#history3rdContainer dl dd p {
	color: #561905;
	font-size: 14px;
	line-height: 1.5;
	margin: 0 0 15px 0;
}
div#history1stContainer dl dd p.indent, div#history2ndContainer dl dd p.indent, div#history3rdContainer dl dd p.indent {
	font-size: 12px;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
div#history1stContainer dl dd p.bold, div#history2ndContainer dl dd p.bold, div#history3rdContainer dl dd p.bold {
	font-weight: bold;
}
div#history2ndContainer table {
	border-collapse: collapse;
	border-bottom: 1px solid #561905;
	border-top: 1px solid #561905;
}
div#history2ndContainer table th, div#history2ndContainer table td {
	border: none;
	padding: 2px;
}
div#history2ndContainer table caption {
	margin: 0 0 2px 0;
}
div#history2ndContainer table caption, div#history2ndContainer table th, div#history2ndContainer table td {
	text-align: left;
	font-size: 12px;
	color: #561905;
	line-height: 1.5;
	white-space: nowrap;
}
div#historyMainContainer h5#flag3rdSeason {
	text-align: left;
	padding: 0 0 15px 472px;
}
div#historyBottomArea {
	width: 957px;
	height: 325px;
	padding: 0 0 0 0;
}
p#historyCaption {
	font-size: 30px;
	color: #561905;
	line-height: 1.3;
	text-align: center;
	padding: 0 0 50px 0;
	font-weight: bold;
}
p#historyMov01, p#historyMov02, p#historyMov03, p#historyMov04 {
	cursor: pointer;
}
p.seasonBtnSp, h5#flag_2nd_sp, div.spMovInner, .flagSP {
	display: none;
}
/* =====================================================================
*
*    SP Style
*
* =================================================================== */

@media screen and (max-width: 800px) {
div.historyContainer {
	width: 290px;
}
div.historyContainer div#contentsMain {
	width: 290px;
	background: none;
	margin-left: auto;
	margin-right: auto;
}
div.historyContainer div#contentsTop {
	width: 290px;
	background: url(../img/2017/history/bg_bottom.jpg) no-repeat bottom left;
	background-size: contain;
}
div.historyContainer div#contentsInner {
	width: 290px;
	background: url(../img/2017/history/bg_top.png) no-repeat top left;
	background-size: contain;
	padding: 0 0 20px 0;
}
div.historyContainer div#contentsInner div#historyTitleArea {
	background: none;
	width: 290px;
	height: auto;
}
div.historyContainer div#contentsInner h2 {
	padding: 15px 0 0 0;
	width: 30%;
	margin: 0 auto;
}
div.historyContainer div#contentsInner h3 {
	padding: 2px 0 0 0;
	width: 60%;
	margin: 0 auto;
}
div.historyContainer div#contentsInner h2 img, div.historyContainer div#contentsInner h3 img {
	width: 100%;
	height: auto;
}
div.historyContainer div#contentsInner h4 {
	padding: 0;
	font-size: 14px;
}
div.historyContainer div#contentsInner h5#historyTxt {
	display: none;
}
div.historyContainer div#contentsInner h5#historyTxtSp {
	display: block;
	padding: 6px 0 9px 0;
	font-size: 14px;
	color: #561905;
	line-height: 1.4;
	font-weight: normal;
	width: 250px;
	text-align: left;
	margin: 0 auto;
}
div#historyMainContainer {
	width: 290px;
	height: auto;
	position: relative;
	background: url(../img/2017/history/bg_middle_sp.jpg) repeat-y 0 0;
	background-size: contain;
}
div#historyMainContainer ul#historyNavi {
	position: absolute;
	left: 250px;
	top: 58px;
	z-index: 500;
}
div#historyMainContainer ul#historyNavi li {
	margin: 0 0 5px 0;
	zoom: 0.7;
}
div#historyMainContainer ul#historyNavi img {
}
div#historyMainContainer ul#historyNavi li.hover img, div#historyMainContainer ul#historyNavi li.active img {
	left: 0;
}
div#history1stContainer {
	width: 290px;
	height: auto;
	background: url(../img/2017/history/bg_flag_middle_sp.png) repeat-y 0 0;
	background-size: contain;
	padding: 0 0 15px 0;
}
div#history1stContainer h5 {
	position: static;
	top: 0;
	left: 0;
	width: 290px;
	margin: 0 0 0 0;
}
.flagSP {
	display: block !important;
}
div#history1stContainer h5#flag_2nd_sp {
	display: block;
	position: static;
	top: 0;
	left: 0;
	width: 290px;
	margin: 0 0 0 0;
}
div#history1stContainer h6 {
	position: static;
	top: 0;
	left: 0;
	width: 80px;
	margin: 0 0 0 20px;
}
div#history1stContainer h5 img, div#history1stContainer h6 img {
	width: 100%;
	height: auto;
}
div#history1stContainer dl {
	position: static;
	width: 230px;
	top: 0;
	left: 0;
	margin: 30px 0 0 40px;
}
div#history2ndContainer {
	width: 290px;
	height: auto;
	background: url(../img/2017/history/bg_flag_middle_sp.png) repeat-y 0 0;
	background-size: contain;
	padding: 15px 0;
}
div#history2ndContainer h5 {
	position: static;
	top: 0;
	left: 0;
	width: 290px;
	margin: 0 0 0 0;
}
div#history2ndContainer h6 {
	position: static;
	top: 0;
	left: 0;
	width: 80px;
	margin: 0 0 0 20px;
}
div#history2ndContainer h5 img, div#history2ndContainer h6 img {
	width: 100%;
	height: auto;
}
div#history2ndContainer dl {
	position: static;
	width: 230px;
	top: 0;
	left: 0;
	margin: 30px 0 0 40px;
}



div#history3rdContainer {
	width: 290px;
	height: auto;
	background: url(../img/2017/history/bg_flag_middle_sp.png) repeat-y 0 0;
	background-size: contain;
	padding: 15px 0;
}
div#history3rdContainer h5 img, div#history3rdContainer h6 img {
	width: 100%;
	height: auto;
}
div#history3rdContainer dl {
	position: static;
	width: 230px;
	top: 0;
	left: 0;
	margin: 30px 0 0 40px;
}



div#history1stContainer dl dt, div#history2ndContainer dl dt , div#history3rdContainer dl dt {
	width: 230px;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	background: url(../img/2017/history/line_ttl_sp.png) no-repeat 0 bottom;
	background-size: contain;
}
div#history1stContainer dl dt p.date01, div#history2ndContainer dl dt p.date01, div#history3rdContainer dl dt p.date01 {
	width: 44px;
	height: 28px;
	background: #571801;
	border: 1px solid #571801;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px;
	line-height: 28px;
	margin: 3px 0 0 0;
}
div#history1stContainer dl dt p.date02, div#history2ndContainer dl dt p.date02, div#history3rdContainer dl dt p.date02 {
	width: 44px;
	height: 28px;
	background: #571801;
	border: 1px solid #571801;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px;
	line-height: 0.7;
	margin: 3px 0 0 0;
}
html*div#history1stContainer dl dt p.date02, html*div#history2ndContainer dl dt p.date02, html*div#history3rdContainer dl dt p.date02 {
}
div#history1stContainer dl dt p.date02 span, div#history2ndContainer dl dt p.date02 span, div#history3rdContainer dl dt p.date02 span {
	font-size: 9px;
}
div#history1stContainer dl dt p.titleBody, div#history2ndContainer dl dt p.titleBody, div#history3rdContainer dl dt p.titleBody {
	width: 176px;
	line-height: 1.5;
	font-size: 14px;
	padding: 0;
}
div#history1stContainer dl dt p.line1, div#history2ndContainer dl dt p.line1, div#history3rdContainer dl dt p.line1 {
	padding: 0;
	line-height: 1.5;
}
div#history1stContainer dl dd p, div#history2ndContainer dl dd p, div#history3rdContainer dl dd p {
	color: #561905;
	font-size: 14px;
	line-height: 1.5;
	margin: 0 0 15px 0;
}
div#history1stContainer dl dd p.historyMov, div#history2ndContainer dl dd p.historyMov, div#history3rdContainer dl dd p.historyMov {
	display: none;
}
div#history1stContainer dl dd p img, div#history2ndContainer dl dd p img, div#history3rdContainer dl dd p img {
	width: 100%;
	height: auto;
}
div#history2ndContainer table {
	width: 230px;
}
div#history2ndContainer table th, div#history2ndContainer table td {
	padding: 3px 0;
}
div#history2ndContainer table caption {
	margin: 0 0 4px 0;
}
div#history2ndContainer table caption, div#history2ndContainer table th, div#history2ndContainer table td {
	white-space: normal;
	font-size: 7px;
}
div#historyMainContainer h5#flag3rdSeason {
	width: 290px;
	padding: 0 0 15px 0;
	margin: 0 0 0 0;
	left:0;
	top:0;
	position:static;
}
div#historyMainContainer h5#flag3rdSeason img {
	width: 100%;
	height: auto;
}
div#historyBottomArea {
	width: 290px;
	height: auto;
	padding:10px 0 0 0;
}

p#seasonNext02{
}
p#seasonNext03{
	display:none;
}
p#seasonBack02{
	display:none;
}
p#seasonBack03{
	display:none;
}


p.seasonBtnSp {
	display: block;
	width: 230px;
	margin: 0 auto !important;
	padding: 5px 0 10px 0;
}
p.seasonBtnSp img {
	width: 100%;
	height: auto;
}
div.spMovInner {
	display: block;
	width: 230px;
	margin: 0 0 5px 0;
}
div.spMovInner img {
	width: 100%;
	height: auto;
}
div#history2ndContainer, div#history3rdContainer, p#seasonBack, p#historyCaption, div#history1stContainer dl dd p.indent, div#history2ndContainer dl dd p.indent, .flagPC {
	display: none;
}
}