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

CREATE: 2016.03.25

--------------------------------------------- */
@font-face{
  font-family:ico;
  src:url(/jtbcdFiles/font/fontello/fontello.eot?#iefix) format('embedded-opentype'),
  url(/jtbcdFiles/font/fontello/fontello.eot) format('embedded-opentype'),
  url(/jtbcdFiles/font/fontello/fontello.woff) format('woff'),
  url(/jtbcdFiles/font/fontello/fontello.ttf) format('truetype'),
  url(/jtbcdFiles/font/fontello/fontello.svg) format('svg');
  font-weight:400;
  font-style:normal;
}

/*icnFont*/

.icnTel:before,.icnLink:before,.icnMail:before{
  font-family: ico;
  font-style: normal;
  font-weight: 400;
  speak: none;
  color: #666;
  width: 1em;
  line-height: 1.3;
  display: inline-block;
  position: absolute;
  top: 0.1em;
  left: 0;
  text-align: center;
}

.icnTel:before {
  content: "\e801";
}

.icnLink:before {
  content: "\e802";
}

.icnMail:before{
  content: "\e800";
}

.icoBlank{
  width: 13px;
  height: 13px;
  background-image: url(/jtbcdFiles/images/senryaku/download.png);
  margin: 0 5px;
  display: inline-block;
  vertical-align: middle;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.icnTel,.icnLink,.icnMail{
  position: relative;
  padding-left: 1.2em;
}

.contentNav a{
  text-decoration: none!important;
}

/* --------------------------
text font
-------------------------- */

.tR{
  color: #f00;
}

.tSm{
  font-size: 86%;
}


/* --------------------------
MV
-------------------------- */


.colture .bgImg .center{
  overflow: visible;
}

.colture .bgImg h2{
  position: relative;
  display: inline-block;
}

.colture .bgImg em{
  position: absolute;
  height: auto;
  display: block;
}

.artist .contentMv.bgImg{
  position: relative;
  color: #0C4A45;
}

.artist .contentMv.bgImg:before{
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  width: 326px;
  height: 175px;
  background: url(/jtbcdFiles/images/artist/mvArtistBg.png) no-repeat center center;
}

.artist .tobiraMv h2{
  padding-top: 20px;
  padding-left: 20px;
}

.artist .bgImg{
  background-image: url(/jtbcdFiles/images/artist/mvArtist.png);
}

.artist .bgImg em{
  top: -25px;
  left: -25px;
  width: 127px;
}
  
.senryaku .contentMv.bgImg{
  color: #492d08;
}

.senryaku .tobiraMv h2{
  padding-left: 20px;
}

.senryaku .bgImg{
  background-image: url(/jtbcdFiles/images/senryaku/mvSenryaku.png);
}

.senryaku .bgImg em.mvItem01{
  top: 50%;
  margin-top: -55px;
  left: -105px;
  width: 111px;
}

.senryaku .bgImg em.mvItem02{
  top: 50%;
  margin-top: -33px;
  right: -70px;
  width: 54px;
}

.artist .policy,.senryaku .policy{
  height: 200px;
  padding: 10px;
  overflow: scroll;
  overflow-x: hidden;
  background-color: #ffffff;
  border: 1px #999999 solid;
}


/* --------------------------
under update
-------------------------- */

.artist .pointTtl {
  color: #195651;
  border-bottom: #195651 solid 2px;
}

.senryaku .pointTtl {
  color: #e97e37;
  border-bottom: #e97e37 solid 2px;
}

.colture .pointBox p{
  margin: 10px 0;
}

.col2_imgs{
  margin-top: 10px;
  text-align: center;
}

.col2_imgs p{
  display: inline-block;
  text-align: right;
}

.col2_imgs p + p{
  margin-left: 5px;
}

.col2_imgs p span{
  padding-right: 5px;
  font-size: 86%;
}


/* ---------------------
btn Links
---------------------*/

.colture .txtBl a{
  color: #333;
}

.noLinkTxt{
  color: #333;
  font-size: 12px;
}

.breakLink{
  opacity: 0.7;
  color: #808080;
}

.linkCon{
  background: #ffcfcf;
}

.linkfaq{
  background: #bdeee4;
}

.linkadp{
  background: #f0e787;
}

.grnBlock{
  margin-top: 20px;
  padding: 15px;
}

.artist .grnBlock{
  background: #d9f6f0;
}

.senryaku .grnBlock{
  background: #f7deb1;
}

.artist .ancLink{
  background-color: #759795;
}

.senryaku .ancLink{
  background-color: #e69065;
}

/* ---------------------
coltureTable
---------------------*/

.coltureTable{
  width: 100%;
  table-layout: fixed;
  border-top: solid 1px #B1B1B1;
  border-left: solid 1px #B1B1B1;
}

.coltureTable thead th,.coltureTable tbody th,.coltureTable tbody td{
  padding: 1em 10px;
  border-bottom: solid 1px #B1B1B1;
  border-right: solid 1px #B1B1B1;
}

.artist .coltureTable thead th{
  background: #d9f6f0;
}

.coltureTable tbody th{
  background: #f8f8f8;
}

.cell01{
  width: 10%;
}

.cell02{
  width: 20%;
}

.cell03{
  width: 60%;
}

.cell04{
  width: 10%;
}

/* ------------------------
faqBox
-------------------------- */

.faqBox{
  padding: 0 10px;
}

.faqBox + .faqBox{
  margin-top: 30px;
  padding-top: 30px;
  border-top: solid 1px #ddd;
}

.faqBox dt,.faqBox dd{
  position: relative;
  padding-left: 37px;
}

.faqBox dt{
  display:block;
  padding-bottom: 15px;
}

.faqBox dd{
  position: relative;
  border-top: dashed 1px #e1e1e1;
  padding-top: 15px;
}

.faqBox dt:before,.faqBox dd:before{
  position: absolute;
  left: 0;
  display: block;
  line-height: 25px;
  text-align: center;
  width: 25px;
  height: 25px;
  color: #fff;
  border-radius: 3px;
  font-weight: bold;
  
}

.faqBox dt:before{
  top: 0;
  content: "Q";
}

.artist .faqBox dt:before{
  background-color: #759795;
}

.senryaku .faqBox dt:before{
  background-color: #e69065;
}

.faqBox dd:before{
  top: 15px;
  content: "A";
  background-color: #cb1627;
}

.faqBox dd > p:first-child{
  margin-top: 0;
}

.faqBoxInner{
  margin-top: 1em;
  display: table;
  table-layout: fixed;
}

.faqBoxInner p{
  display: table-cell;
  vertical-align: top
}

.faqBoxInner p.faqBoxInnerTxt{
  padding-left: 1em;
}

.impo{
  color:#d30606;
}

/* ------------------------
table
-------------------------- */

.pointBlock .contentNav{
  margin-top: 0;
}


.adoptionBlock{
  max-width: 950px;
  margin: 1em auto 0;
}

.pointTtlSub{
  position: relative;
  font-size: 129%;
  font-weight: bold;
  padding-left: 20px;
}

.pointTtlSub:before{
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.adoption01 .pointTtlSub:before{
  background-color: #618a0a;
}

.adoption02 .pointTtlSub:before{
  background-color: #b8b807;
}

.senryaku .adoption01 .pointTtl{
  color: #618a0a;
  border-bottom: #618a0a solid 2px;
}

.senryaku .adoption02 .pointTtl{
  color: #b8b807;
  border-bottom: #b8b807 solid 2px;
}

.adoptionBlock h5{
  padding: 0.8em;
  color: #fff;
}

.adoption01 .adoptionBlock h5{
  background: #618a0a;
}

.adoption02 .adoptionBlock h5{
  background: #b8b807;
}

.adoptionTbl{
  overflow: hidden;
}

.adoptionTbl > div{
  float: left;
}

.adoptionTblcon01{
  width: 55%;
}

.adoptionTblcon02{
  width: 45%;
  border-right: solid 1px #bbb;
}

.adoptionTbl table{
  width: 100%;
  height: 250px;
  border-bottom: solid 1px #bbb;
  table-layout: fixed;
}

.adoptionTbl table th,
.adoptionTbl table td{
  padding: 0.8em;
  border-left: solid 1px #bbb;
  border-top: solid 1px #bbb;
  vertical-align: top;
}

 .adoptionTbl table th{
  text-align: left;
}

.adoption01 .adoptionTbl table th{
  background: #c4d3a3;
}

.adoption02 .adoptionTbl table th{
  background: #efefd3;
}

.adoptionTbl table .place{
  margin-top: 0;
  font-weight: bold;
}

.senryaku .adoption01 .ancLink{
  background-color: #618a0a;
}

.senryaku .adoption02 .ancLink{
  background-color: #b8b807;
}

.adoptionTbl table th {
    width: 40%;
}



@media screen and ( max-width : 736px ) {
  
  /*MV*/

  .artist .contentMv.bgImg:before{
    width: 108px;
    height: 58px;
    background-size: 108px 58px;
  }
  
  .artist .tobiraMv h2{
    padding-top: 5px;
    padding-left: 5px;
  }
  
  .artist .bgImg em{
    top: -20px;
    left: -20px;
    width: 80px;
  }
  
  .senryaku .bgImg em.mvItem01{
    top: 50%;
    margin-top: -35px;
    left: -60px;
    width: 70px;
  }
  
  .senryaku .bgImg em.mvItem02{
    bottom: 0;
    margin-top: -23px;
    right: -50px;
    width: 40px;
  }
  
  /**/

  .colture .pointBox{
    margin-top: 15px;
  }

  .colture .pointBox p{
    margin: 5px 0;
  }
    
  .col2_imgs p{
    display: block;
    max-width: 220px;
    margin-left: auto!important;
    margin-right: auto;
  } 
 
  .col2_imgs p + p{
    margin-top: 10px;
  } 
  
  .grnBlock {
    margin-top: 10px;
    padding: 10px;
  }
  

  /* ---------------------
  coltureTable
  ---------------------*/
  
  .coltureTable{
    min-width: 640px;
  }
  
  
  .coltureTable thead th,.coltureTable tbody th,.coltureTable tbody td{
    padding: 0.8em 5px;
  }
  
  .coltureTable th{
    text-align: center;
  }
  
  .scroll{
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .scroll::-webkit-scrollbar{
     height: 5px;
  }
  .scroll::-webkit-scrollbar-track{
     background: #F1F1F1;
  }
  .scroll::-webkit-scrollbar-thumb {
     background: #BCBCBC;
  }
  

  /* ------------------------
  faqBox
  -------------------------- */
  
  .faqBox{
    padding: 0 5px;
  }
  
  .faqBox + .faqBox{
    margin-top: 15px;
    padding-top: 15px;
  }
  
  .faqBox dt,.faqBox dd{
    padding-left: 28px;
  }
  
  .faqBox dt{
    padding-bottom: 10px;
  }
  
  .faqBox dd{
    padding-top: 10px;
  }
  
  .faqBox dt:before,.faqBox dd:before{
    line-height: 20px;
    width: 20px;
    height: 20px;
  }
  .faqBox dd:before{
    top: 10px;
  }
  

  /* ------------------------
  table
  -------------------------- */
  
  .adoptionTbl > div{
    float: none;
  }
  
  .adoptionTblcon01{
    width: 100%;
  }
  
  .adoptionTblcon01 table{
    border-bottom: none;
    border-right: solid 1px #bbb;
  }
  
  .adoptionTblcon02{
    width: 100%;
  }
  
  .adoptionTbl table{
    width: 100%;
    height: auto!important;
    min-height: 0!important;
  }
  
  .adoptionTbl table th{
    width: 30%;
  }
  
  .adoptionTbl table th,
  .adoptionTbl table td{
    padding: 0.8em;
    border-left: solid 1px #bbb;
    border-top: solid 1px #bbb;
    vertical-align: top;
  }
  
   .adoptionTbl table th{
    text-align: left;
  }
  
  .adoption01 .adoptionTbl table th{
    background: #c4d3a3;
  }
  
  .adoptionTbl table .place{
    margin-top: 0;
  }

}
/*SP*/


/* ---------------------
strategyTable
---------------------*/

.strategyTable{
  width: 100%;
  table-layout: fixed;
  border-top: solid 1px #B1B1B1;
  border-left: solid 1px #B1B1B1;
}

.strategyTable thead th,.strategyTable tbody th,.strategyTable tbody td{
  padding: 1em 10px;
  border-bottom: solid 1px #B1B1B1;
  border-right: solid 1px #B1B1B1;
}

.strategyTable thead th{
  background: #d9f6f0;
}

.strategyTable tbody th{
  background: #f8f8f8;
}

.strategyTable .cell01{
  width: 10%;
}

.strategyTable .cell02{
  width: 35%;
}

.strategyTable .cell03{
  width: 15%;
}

.strategyTable .cell04{
  width: 30%;
}

.strategyTable .cell05{
  width: 10%;
}

.tablelist {
    display: block;
    margin: -1.65em 0 0 1.6em;
    position:relative;
}

.tablelist2 {
  display:inline-block;padding-left:1.6em;
}

#bgfooter{
  background: #f9f9f9;
}