@charset "Shift_JIS";
/* Updated 2022/03/16.T */

/*--------------------------------------------

COPY SOURCE
/aboutus/cmn/styles/optinal_movie.min.css(2022.03)

--------------------------------------------*/
/*
*
* /aboutus/cmn/styles/movie_optional.css
*
*/
/*
*
* copy /kojin/common/css/thickbox.css
*
*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; 
  height: 100%;
  z-index: 100;
}

.TB_overlayMacFFBGHack {
  background: url("/aboutus/cmn/imgs/bg_movie_01.png") repeat;
}

.TB_overlayBG {
  background-color: #000;

  filter: alpha(opacity=80);
  -moz-opacity: .8;
       opacity: .8;
}

#TB_window {
  display: none;
  position: fixed;
  top: 35%;
  left: 50%; 
  border: 0;
  text-align: left;
  color: #000;
  z-index: 102;
}
#TB_window img#TB_Image {
  display: block;
  margin: 15px 0 0 15px;
  border: 1px solid #ccc;

  border-bottom-color: #ccc;
  border-left-color: #666; 
  border-top-color: #666;
}

#TB_caption {
  height: 25px;
  padding: 7px 30px 10px 25px;

  float: left;
}

#TB_closeWindow {
  height: 25px;
  padding: 11px 25px 10px 0;

  float: right;
}

#TB_closeAjaxWindow {
  margin-bottom: 5px;
  padding: 0;
  text-align: right;
}

#TB_ajaxWindowTitle {
  margin-bottom: 5px; 
  padding: 0;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;

  float: left;
}

#TB_title {
  background: none;
}

#TB_ajaxContent {
  padding: 2px 15px 15px 15px;
  overflow: auto;
  text-align: left;
  line-height: 1.4em; 

  clear: both;
}
#TB_ajaxContent .TB_modal {
  padding: 15px;
}
#TB_ajaxContent p {
  padding: 5px 0 5px 0;
}

#TB_load {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
  z-index: 103;
  /* -height/2 0 0 -width/2 */
}
#TB_load img {
  outline: none;
}

#TB_HideSelect {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; 
  height: 100%;
  background: none;
  border: none;
  z-index: 99;

  filter: alpha(opacity=0);
  -moz-opacity: 0;
       opacity: 0;
}

#TB_iframeContent {
  border: 0; 

  clear: both;
}

/* PDF LINK */
#pdf {
  width: 950px;
  margin: 0 auto;
  padding: 7px 0 0;
  background-color: #333; 
  text-align: right;
}

/* PDF LINK Lead the value */
#pdf02 {
  width: 720px;
  margin: 0 auto;
  padding: 7px 0 0;
  background-color: #333; 
  text-align: right;
}

.thumList,
.thumList_sp {
  display: none;
  position: absolute;
  left: 125px;
  font-size: 1.1rem; 
  color: #fff;
  z-index: 9999;
}
.thumList dd,
.thumList_sp dd {
  margin-bottom: 5px; 

  float: left;
}
.thumList dd a,
.thumList_sp dd a {
  color: #fff;
}

.thumList dd {
  width: 33.3%;
}
.thumList dd a {
  margin-right: 5px;
}
.thumList dd a:first-child {
  margin-left: 10px;
}

.thumList_sp {
  width: 80%;
}
.thumList_sp dd {
  width: 100%;
}
.thumList_sp dd a {
  margin-right: 10px;
}
.thumList_sp dd a:first-child {
  margin-left: 20px;
}

.thumList01,
.thumList01_sp {
  display: none;
  position: absolute;
  left: 125px;
  font-size: 1.1rem; 
  color: #fff;
  z-index: 9999;
}
.thumList01 dd,
.thumList01_sp dd {
  width: 70%;
  margin-bottom: 5px; 

  float: left;
}
.thumList01 dd a,
.thumList01_sp dd a {
  color: #fff;
}

.thumList01 dd {
  width: 70%;
}
.thumList01 dd a {
  margin-right: 5px;
}
.thumList01 dd a:first-child {
  margin-left: 10px;
}

.thumList01_sp {
  width: 80%;
}
.thumList01_sp dd {
  width: 100%;
}
.thumList01_sp dd a {
  margin-right: 10px;
}
.thumList01_sp dd a:first-child {
  margin-left: 20px;
}

.thumList02,
.thumList02_sp {
  display: none;
  position: absolute;
  left: 125px;
  font-size: 1.1rem; 
  color: #fff;
  z-index: 9999;
}
.thumList02 dd,
.thumList02_sp dd {
  width: 100%;
  margin-bottom: 5px; 

  float: left;
}
.thumList02 dd a,
.thumList02_sp dd a {
  color: #fff;
}

.thumList02 dd a {
  margin-right: 5px;
}
.thumList02 dd a:first-child {
  margin-left: 10px;
}

.thumList02_sp {
  width: 80%;
}
.thumList02_sp dd a {
  margin-right: 10px;
}
.thumList02_sp dd a:first-child {
  margin-left: 20px;
}

.thumList04,
.thumList04_sp {
  display: none;
  position: absolute;
  left: 125px;
  font-size: 1.1rem; 
  color: #fff;
  z-index: 9999;
}
.thumList04 dd,
.thumList04_sp dd {
  margin-bottom: 5px; 

  float: left;
}
.thumList04 dd a,
.thumList04_sp dd a {
  color: #fff;
}

.thumList04 dd {
  width: 33.3%;
}
.thumList04 dd a {
  margin-right: 5px;
}
.thumList04 dd a:first-child {
  margin-left: 10px;
}

.thumList04_sp {
  width: 80%;
}
.thumList04_sp dd {
  width: 100%;
}
.thumList04_sp dd a {
  margin-right: 10px;
}
.thumList04_sp dd a:first-child {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  #TB_window {
    top: 50%;
  }
}