@charset "utf-8";
/*!
-----------------------------------------------------------
  #history history
-----------------------------------------------------------
*/
/*! common
=========================================== */
/*! #mvheader
------------------------------------------- */
#mvheader { position: relative; z-index: 1; box-sizing: border-box; height: 400px; overflow: hidden; background: url(/uploads/image/vhimages/bg_history01_sp.png) center center no-repeat; background-size: cover; color: #fff; text-align: left; }
#mvheader .box { width: 144px; margin: 0 auto; padding: 118px 0 0; }
#mvheader .box .label { margin-bottom: 5px; font-size: 30px; white-space: nowrap; }
#mvheader .box .title { margin-bottom: 8px; font-weight: 500; font-weight: inherit; font-size: 15px; white-space: nowrap; letter-spacing: .1em; }
@media (min-width: 640px), print { #mvheader { position: relative; height: 600px; background: url(/uploads/image/vhimages/bg_history01_pc.png) center center no-repeat; background-size: cover; }  #mvheader .box { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 220px; height: 170px; margin: auto; padding: 0; }  #mvheader .box .label { margin-bottom: 14px; font-size: 60px; }  #mvheader .box .title { line-height: 1.6; margin-bottom: 14px; font-weight: 500; font-size: 24px; }  body.is-jsavailable #mvheader .box { opacity: 0; -webkit-transition: all 600ms ease 500ms; transition: all 600ms ease 500ms; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)"; }  body.is-ie9 body.is-jsavailable #mvheader .box { opacity: 1; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)"; }  body.is-jsavailable #mvheader .box { -webkit-transform: translatey(30px); transform: translatey(30px); }  body.is-jsavailable #mvheader .is-view.box { opacity: 1; -webkit-transform: translatey(0); transform: translatey(0); -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)"; } }
@media print { #mvheader { height: 400px; }  #mvheader .box { opacity: 1 !important; -webkit-transform: translatey(0) !important; transform: translatey(0) !important; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)"; } }
/*! index
=========================================== */
.index #mvheader .box { width: 270px; padding: 110px 0 0; }
@media (min-width: 640px), print { .index #mvheader .box { width: 480px; height: 240px; padding-top: 50px; } }
@media print { .index #mvheader .box { opacity: 1 !important; -webkit-transform: translatey(0) !important; transform: translatey(0) !important; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)"; } }
/*! #chronology
------------------------------------------- */
.index #chronology { overflow: hidden; background: url(/uploads/image/vcimages/bg_pattern01.jpg) top left repeat; background-size: 100px; }
.index #chronology .chrono_table01 { position: relative; }
.index #chronology .chrono_table01:before { display: block; position: absolute; top: 50px; left: 22px; width: 2px; height: 100%; background: url(/uploads/image/vhimages/img_dotline01.png) left top repeat-y; background-size: 2px 8px; content: ""; }
.index #chronology .chrono_table01 > li:nth-child(even) { background: url(/uploads/image/vcimages/bg_pattern02.jpg) top left repeat; background-size: 100px; }
.index #chronology .chrono_table01 > li .chronoin { display: block; padding: 30px 45px; }
.index #chronology .chrono_table01 > li a.chronoin { position: relative; }
.index #chronology .chrono_table01 > li a.chronoin:after { display: inline-block; position: absolute; top: 0; right: 15px; bottom: 0; width: 20px; height: 20px; margin: auto; border-top: 1.5px solid #1a160f; border-right: 1.5px solid #1a160f; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.index #chronology .chrono_table01 > li .txtbox { position: relative; }
.index #chronology .chrono_table01 > li .txtbox:before { display: block; position: absolute; top: 0; left: -30px; width: 16px; height: 16px; border-radius: 8px; background: #706448; content: ""; }
.index #chronology .chrono_table01 > li .txtbox .year { line-height: 1.3; margin: 0 0 5px; color: #706448; font-weight: 500; font-size: 13px; white-space: nowrap; }
.index #chronology .chrono_table01 > li .txtbox .title { font-weight: 500; font-size: 16px; }
.index #chronology .chrono_table01 > li .imgbox { margin: 10px 0 0; }
.index #chronology .chrono_table01 > li .imgbox img.photo { width: calc(100% - 12px); border: 6px solid #fff; background: #bfbcb6; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
@media (min-width: 640px), print { .index #chronology .chrono_table01 { width: 1200px; margin: 0 auto; }  .index #chronology .chrono_table01:before { top: 167px; left: 307px; }  .index #chronology .chrono_table01 > li { background-size: 100px; }  .index #chronology .chrono_table01 > li:nth-child(even) { margin: 0 -200%; padding: 0 200%; background-size: 100px; }  .index #chronology .chrono_table01 > li:first-child { padding-top: 40px; }  .index #chronology .chrono_table01 > li:last-child { padding-bottom: 80px; }  .index #chronology .chrono_table01 > li .chronoin { display: block; min-height: 186px; padding: 20px 30px 20px 0; }  .index #chronology .chrono_table01 > li a.chronoin:after { right: 10px; width: 15px; height: 15px; -webkit-transition: all .3s ease; transition: all .3s ease; }  .index #chronology .chrono_table01 > li a.chronoin:hover:after { right: 0; }  .index #chronology .chrono_table01 > li a.chronoin:hover .imgbox img { opacity: .75; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=75)"; }  .index #chronology .chrono_table01 > li .txtbox { float: right; width: 820px; }  .index #chronology .chrono_table01 > li .txtbox:before { bottom: 0; left: -50px; margin: auto; }  .index #chronology .chrono_table01 > li .txtbox .txtboxin { display: table-cell; vertical-align: middle; }  .is-jsunavailable .index #chronology .chrono_table01 > li .txtbox .txtboxin { height: 187px; }  .index #chronology .chrono_table01 > li .txtbox .year { line-height: 1.8; margin: 4px 0 0; font-size: 18px; }  .index #chronology .chrono_table01 > li .txtbox .title { font-size: 26px; }  .index #chronology .chrono_table01 > li .imgbox { width: 260px; margin: 0; }  .index #chronology .chrono_table01 > li .imgbox img { -webkit-transition: opacity .3s ease; transition: opacity .3s ease; }  .index #chronology .chrono_table01 > li .imgbox img.photo { width: 248px; }  body.is-jsavailable .index #chronology .chrono_table01 .imgbox { opacity: 0; -webkit-transition: all 600ms ease 500ms; transition: all 600ms ease 500ms; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)"; }  body.is-ie9 body.is-jsavailable .index #chronology .chrono_table01 .imgbox { opacity: 1; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)"; }  body.is-jsavailable .index #chronology .chrono_table01 .imgbox { -webkit-transform: translatex(-30px); transform: translatex(-30px); }  body.is-jsavailable .index #chronology .chrono_table01 .is-view.imgbox { opacity: 1; -webkit-transform: translatex(0); transform: translatex(0); -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)"; } }
@media print { .index #chronology .chrono_table01:before { left: 337px; }  .index #chronology .chrono_table01 > li { page-break-inside: avoid; }  .index #chronology .chrono_table01 > li .chronoin { margin: 0 30px; }  .index #chronology .chrono_table01 > li .txtbox { width: 760px; }  .index #chronology .chrono_table01 > li .imgbox { opacity: 1 !important; -webkit-transform: translatex(0) !important; transform: translatex(0) !important; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)"; } }
/*! .chronicle - subpage
=========================================== */
.chronicle { width: 100%; overflow: hidden; background: url(/uploads/image/vcimages/bg_pattern01.jpg) center top repeat; background-size: 100px; }
@media (min-width: 640px), print { .chronicle { background-size: 200px; } }
@media print { .chronicle #mvheader { height: 440px; } }
/*! #historynav - calousel navigation in mv
------------------------------------------- */
.chronicle #historynav { position: absolute; bottom: 0; width: 100%; height: 110px; overflow: hidden; }
.chronicle #historynav #js-calousel { position: relative; width: calc(100% - 60px); height: 110px; margin: 0 auto; letter-spacing: -.5em; }
.chronicle #historynav #js-calousel .slick-list { height: 110px; }
.chronicle #historynav #js-calousel .item { display: inline-block; width: 50%; height: 110px; overflow: hidden; background: url(/uploads/image/vhimages/bg_nav02.png) right top no-repeat; background-size: 260px 110px; color: #fff; text-align: center; letter-spacing: .01em; }
.chronicle #historynav #js-calousel .item.current { background: url(/uploads/image/vhimages/bg_nav01.png) right top no-repeat; background-size: 260px 110px; }
.chronicle #historynav #js-calousel .item.current a { pointer-events: none; cursor: default; }
.chronicle #historynav #js-calousel .item a { display: block; box-sizing: border-box; height: 110px; padding: 27px 10px 10px; color: #fff; }
@media (max-width: 320px) { .chronicle #historynav #js-calousel .item a { padding: 16px 10px 10px; } }
.chronicle #historynav #js-calousel .item .year { line-height: 1.6; margin: 0 0 3px; font-weight: bold; font-size: 13px; }
.chronicle #historynav #js-calousel .item .year br.viewsp { display: none; }
@media (max-width: 320px) { .chronicle #historynav #js-calousel .item .year br.viewsp { display: block; } }
.chronicle #historynav #js-calousel .item .title { display: table-cell; width: 640px; height: 32px; line-height: 1.6; padding-top: 4px; font-weight: 500; font-size: 10px; vertical-align: middle; letter-spacing: .05em; }
.is-jsunavailable .chronicle #historynav #js-calousel { overflow-x: scroll; white-space: nowrap; overflow-scrolling: touch; }
.chronicle #historynav button , .chronicle #historynav .control { position: absolute; width: 30px; height: 110px; overflow: hidden; margin: 0; background: #000; text-indent: 100%; text-align: center; white-space: nowrap; }
.chronicle #historynav button:before , .chronicle #historynav .control:before { position: absolute; width: 10px; height: 10px; margin-top: -5px; border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; content: ""; }
.chronicle #historynav button.slick-prev , .chronicle #historynav button.prev , .chronicle #historynav .control.slick-prev , .chronicle #historynav .control.prev { left: -30px; }
.chronicle #historynav button.slick-prev:before , .chronicle #historynav button.prev:before , .chronicle #historynav .control.slick-prev:before , .chronicle #historynav .control.prev:before { left: 12px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.chronicle #historynav button.slick-next , .chronicle #historynav button.next , .chronicle #historynav .control.slick-next , .chronicle #historynav .control.next { right: -30px; }
.chronicle #historynav button.slick-next:before , .chronicle #historynav button.next:before , .chronicle #historynav .control.slick-next:before , .chronicle #historynav .control.next:before { right: 12px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.chronicle #historynav .control { display: none; }
.is-jsunavailable .chronicle #historynav .control { display: block; top: 0; }
.is-jsunavailable .chronicle #historynav .control:before { top: 0; bottom: 0; margin: auto; }
.is-jsunavailable .chronicle #historynav .control.prev { left: 0; }
.is-jsunavailable .chronicle #historynav .control.next { right: 0; left: auto; }
@media (min-width: 640px), print { .chronicle #historynav { height: 100px; }  .chronicle #historynav #js-calousel { width: 1200px; height: 100px; text-align: center; }  .chronicle #historynav #js-calousel .slick-list { height: 100px; }  .chronicle #historynav #js-calousel .item { width: 300px !important; height: 100px; overflow: hidden; background-size: 300px 110px; color: #fff; text-align: center; letter-spacing: .01em; }  .chronicle #historynav #js-calousel .item.current { background-size: 300px 110px; }  .chronicle #historynav #js-calousel .item.current a { color: white; }  .chronicle #historynav #js-calousel .item a { height: 100px; padding: 20px 10px 10px; color: rgba(255, 255, 255, .75); -webkit-transition: color .3s ease; transition: color .3s ease; }  .chronicle #historynav #js-calousel .item a:hover { color: white; }  .chronicle #historynav #js-calousel .item .year { font-size: 18px; }  .chronicle #historynav #js-calousel .item .title { display: inline; width: auto; height: auto; padding-top: 4px; font-size: 14px; letter-spacing: .05em; }  .is-jsunavailable .chronicle #historynav #js-calousel { overflow-y: hidden; }  .is-jsunavailable .chronicle #historynav #js-calousel::-webkit-scrollbar { height: 10px; }  .is-jsunavailable .chronicle #historynav #js-calousel::-webkit-scrollbar-track { background: #111; }  .is-jsunavailable .chronicle #historynav #js-calousel::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(255, 255, 255, .25); }  .chronicle #historynav button , .chronicle #historynav .control { width: 300px; height: 100px; }  .chronicle #historynav button.slick-prev , .chronicle #historynav button.prev , .chronicle #historynav .control.slick-prev , .chronicle #historynav .control.prev { left: -300px; }  .chronicle #historynav button.slick-prev:before , .chronicle #historynav button.prev:before , .chronicle #historynav .control.slick-prev:before , .chronicle #historynav .control.prev:before { right: 20px; left: auto; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }  .chronicle #historynav button.slick-next , .chronicle #historynav button.next , .chronicle #historynav .control.slick-next , .chronicle #historynav .control.next { right: -300px; }  .chronicle #historynav button.slick-next:before , .chronicle #historynav button.next:before , .chronicle #historynav .control.slick-next:before , .chronicle #historynav .control.next:before { right: auto; left: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }  .chronicle #historynav .control { display: none; }  .is-jsunavailable .chronicle #historynav .control { display: block; }  .is-jsunavailable .chronicle #historynav .control:before { top: 0; bottom: 0; margin: auto; }  .is-jsunavailable .chronicle #historynav .control.prev { left: 50%; margin-left: -900px; }  .is-jsunavailable .chronicle #historynav .control.next { right: auto; left: 50%; margin-left: 600px; } }
@media (min-width: 640px) and (min-width: 1620px) and (max-width: 1919px), print and (min-width: 1620px) and (max-width: 1919px) { .chronicle #historynav #js-calousel { width: 1500px; }  .is-jsunavailable .chronicle #historynav .control.prev { margin-left: -1050px; }  .is-jsunavailable .chronicle #historynav .control.next { margin-left: 750px; } }
@media (min-width: 640px) and (min-width: 1920px), print and (min-width: 1920px) { .chronicle #historynav #js-calousel { width: 1800px; }  .is-jsunavailable .chronicle #historynav .control.prev { margin-left: -1200px; }  .is-jsunavailable .chronicle #historynav .control.next { margin-left: 900px; } }
@media (min-width: 640px), print { body.is-jsavailable .chronicle #historynav { opacity: 0; -webkit-transition: opacity 600ms ease 700ms; transition: opacity 600ms ease 700ms; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)"; }  body.is-ie9 body.is-jsavailable .chronicle #historynav { opacity: 1; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)"; }  body.is-jsavailable .chronicle .is-view#historynav { opacity: 1; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)"; } }
@media print { .chronicle #historynav { opacity: 1 !important; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)"; }  .chronicle #historynav #js-calousel { width: 1100px; }  .chronicle #historynav #js-calousel .item { width: 275px !important; } }
/*! .historybox - sub page article
------------------------------------------- */
.chronicle .historybox .intro { padding: 36px 15px 40px; }
.chronicle .historybox .intro .introheader { margin: 0 0 10px; }
.chronicle .historybox .intro .introheader .year { color: #706448; font-weight: 500; font-size: 13px; white-space: nowrap; }
.chronicle .historybox .intro .introheader .title { line-height: 1.75; margin-top: 2px; font-weight: 500; font-size: 18px; }
.chronicle .historybox .intro .txtbox   .imgbox { margin-top: 20px; }
.chronicle .historybox .intro .txtbox .txt   .txt { margin-top: 18px; }
.chronicle .historybox .intro .imgbox img.photo { width: calc(100% - 12px); border: 6px solid #fff; vertical-align: top; }
.chronicle .historybox .contentsheader01 { margin: 0 0 15px; text-align: center; }
.chronicle .historybox .contentsheader01 .title { position: relative; margin: 0 0 8px; padding: 0 0 10px; font-size: 20px; }
.chronicle .historybox .contentsheader01 .title:after { display: block; position: absolute; right: 0; bottom: 0; left: 0; width: 20px; height: 3px; margin: 0 auto; background: #706448; content: ""; }
.chronicle .historybox .contentsheader01 .sub { font-size: 13px; }
.chronicle .historybox #chronology { padding: 36px 15px 40px; background: url(/uploads/image/vcimages/bg_pattern02.jpg) center top repeat; background-size: 100px; }
.chronicle .historybox #chronology .chronolist { border-top: 1px solid #a8a5a0; }
.chronicle .historybox #chronology .chronolist dt { padding: 15px 0 5px; color: #706448; font-weight: bold; }
.chronicle .historybox #chronology .chronolist dd { padding: 0 0 15px; border-bottom: 1px solid #a8a5a0; }
.chronicle .historybox #chronology .chronolist dd li   li { margin-top: 5px; }
.chronicle .historybox #episode { padding: 36px 15px 40px; }
.chronicle .historybox #episode .episodein   .episodein { margin-top: 25px; }
.chronicle .historybox #episode .episodein .imgbox { position: relative; text-align: center; }
.chronicle .historybox #episode .episodein .imgbox.h232 { height: 232px; }
.chronicle .historybox #episode .episodein .imgbox.h232 img { width: auto; max-width: 100%; height: auto; max-height: 100%; }
.chronicle .historybox #episode .episodein .imgbox   .txtbox { margin-top: 15px; }
.chronicle .historybox #episode .episodein .txtbox .title { margin: 0 0 4px; color: #706448; font-size: 16px; }
@media (min-width: 640px), print { .chronicle .historybox { width: 1200px; margin: 0 auto; }  .chronicle .historybox .intro { overflow: hidden; padding: 100px 0 90px; }  .chronicle .historybox .intro .introheader { margin: 0 0 15px; }  .chronicle .historybox .intro .introheader .year { line-height: 1.3; margin: 5px 0 8px; font-size: 24px; }  .chronicle .historybox .intro .introheader .title { line-height: 1.5; font-size: 32px; }  .chronicle .historybox .intro .txtbox { float: right; width: 580px; }  .chronicle .historybox .intro .txtbox   .imgbox { margin-top: 0; }  .chronicle .historybox .intro .txtbox .txt   .txt { margin-top: 30px; }  .chronicle .historybox .intro .imgbox { float: left; width: 560px; }  .chronicle .historybox .intro .imgbox img.photo { width: calc(100% - 20px); border: 10px solid #fff; }  .chronicle .historybox .contentsheader01 { margin: 0 0 25px; }  .chronicle .historybox .contentsheader01 .title { margin: 0 0 5px; padding: 0 0 5px; font-size: 30px; }  .chronicle .historybox .contentsheader01 .sub { font-size: 16px; }  .chronicle .historybox #chronology { margin: 0 -200%; padding: 75px 200% 80px; background: url(/uploads/image/vcimages/bg_pattern02.jpg) center top repeat; background-size: 100px; }  .chronicle .historybox #chronology .chronolist { border-top: 1px solid #a8a5a0; }  .chronicle .historybox #chronology .chronolist dt { float: left; clear: both; padding: 24px 0 24px 6px; font-size: 14px; }  .chronicle .historybox #chronology .chronolist dd { padding: 24px 6px 24px 150px; }  .chronicle .historybox #chronology .chronolist dd li   li { margin-top: 0; }  .chronicle .historybox #episode { padding: 75px 0 80px; }  .chronicle .historybox #episode .episodein { overflow: hidden; }  .chronicle .historybox #episode .episodein   .episodein { margin-top: 50px; }  .chronicle .historybox #episode .episodein .imgbox { float: left; width: 348px; }  .chronicle .historybox #episode .episodein .imgbox   .txtbox { margin-top: 0; }  .chronicle .historybox #episode .episodein .imgbox img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }  .chronicle .historybox #episode .episodein .txtbox { float: right; width: 810px; }  .chronicle .historybox #episode .episodein .txtbox .title { margin: -5px 0 8px; font-weight: 500; font-size: 23px; }  body.is-jsavailable .chronicle .historybox .contentsheader01 { opacity: 0; -webkit-transition: all 600ms ease 500ms; transition: all 600ms ease 500ms; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)"; }  body.is-ie9 body.is-jsavailable .chronicle .historybox .contentsheader01 { opacity: 1; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)"; }  body.is-jsavailable .chronicle .historybox .contentsheader01 { -webkit-transform: translatey(30px); transform: translatey(30px); }  body.is-jsavailable .chronicle .historybox .is-view.contentsheader01 { opacity: 1; -webkit-transform: translatey(0); transform: translatey(0); -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)"; } }
@media print { .chronicle .historybox { width: 1000px; }  .chronicle .historybox .intro { padding: 60px 0 50px; }  .chronicle .historybox .intro .txtbox { width: 490px; }  .chronicle .historybox .intro .imgbox { width: 470px; }  .chronicle .historybox .contentsheader01 { opacity: 1 !important; -webkit-transform: translatey(0) !important; transform: translatey(0) !important; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)"; }  .chronicle .historybox #chronology { padding: 55px 200% 60px; }  .chronicle .historybox #chronology .chronolist { border-top: 1px solid #a8a5a0; }  .chronicle .historybox #chronology .chronolist dt { page-break-after: avoid; }  .chronicle .historybox #chronology .chronolist dd { padding: 24px 6px 24px 110px; page-break-before: avoid; page-break-inside: avoid; }  .chronicle .historybox #episode { padding: 55px 0 60px; }  .chronicle .historybox #episode .episodein { page-break-inside: avoid; }  .chronicle .historybox #episode .episodein .txtbox { width: 610px; } }
/*# sourcemappingurl=../../maps/history/css/style.css.map */