@charset "UTF-8";
/* CSS Document */

/***
* common_sp.css
*/

#gifBd li p,
figure{
  display: none;
}

#journalDetail h3{
  list-style-type: none;
}

@media only print, only screen and (min-width: 18.75em){

/* deatil */

#journalDetail{
  width: 100%;
  margin: 0 auto;
  padding: 70px 0 0;
  overflow: hidden;
}

#journalDetail h2,
#journalDetail h3{
  text-align: center;
  letter-spacing: 0.04em;
}

#journalDetail h2{
  margin-bottom: 30px;
  font-size: 13px;
  line-height: 1.6;
  word-break: break-all;
}

#journalDetail h3{
  margin-bottom: 25px;
  font-size: 11px; 
}

#journalDetail img{
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  display: block;
}

#journalDetail p{
  margin-bottom: 150px;
  padding: 0 15px;
  font-size: 11px;
  line-height: 2.2;
  text-align: justify;
  letter-spacing: 0.14em;
  font-family: a-otf-gothic-bbb-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt" 1;
}

#journalDetail a{
  margin-left: 15px;
  font-size: 15px;
  letter-spacing: 0.02em;
}

.txtReview{
  width: 125%;
  margin-left: calc(((166% - 100%) / 2) * -1);
  margin-right: calc(((166% - 100%) / 2) * -1);
}

#journalDetail .txtReview img{
  width: 125%;
}

#pagination{
  width: 280px;
  margin: 0 auto;
  position: relative;
  left: 10px;
}

#pagination ul{
  width: 280px;
}

#pagination a{
  font-size: 12px !important;
  margin-left: 0;
}

#paginationPrev{
  position: absolute;
  top: 0;
  left: 0;
}

#paginationBack{
  text-align: center;
}

#paginationNext{
  position: absolute;
  top: 0;
  right: 0;
}

#pagination li::after{
  content: '|';
  font-size: 12px !important;
  padding-left: 15px;
}

#pagination li:last-child::after{
  content: '';
  padding-left: 15px;
}

}

@media only print, only screen and (min-width: 1000px){

#main{
  padding-bottom: 200px;
}

/* deatil */

#journalDetail{
  width: 580px;
  margin: 0 auto;
  padding-top: 150px;
  overflow: visible;
}

#journalDetail h2,
#journalDetail h3{
  text-align: center;
  letter-spacing: 0.04em;
}

#journalDetail h3{
  margin-bottom: 50px;
  font-size: 14px;
}

#journalDetail h2{
  margin-bottom: 50px;
  font-size: 20px;
  line-height: 1.6;
}

#journalDetail li img{
  margin-top: 30px;
  margin-bottom: 30px;
  display: block;
}

.caption figure{
  margin-bottom: 40px;
}

#journalDetail p{
  margin-bottom: 150px;
  padding: 0;
  font-size: 13px;
  line-height: 2;
  text-align: justify;
  letter-spacing: 0.1em;
  font-family: a-otf-gothic-bbb-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt" 1;
}

#journalDetail a{
  margin-left: 0;
  font-size: 15px;
  letter-spacing: 0.02em;
}

.txtReview{
  width: 160%;
  margin-left: calc(((167% - 100%) / 2) * -1);
  margin-right: calc(((167% - 100%) / 2) * -1);
}

#journalDetail .txtReview img{
  width: 104.8%;
}

#pagination{
  width: 420px;
  margin: 0 auto;
  position: relative;
  left: 0;
}

#pagination ul{
  width: 460px;
}

#pagination a{
  font-size: 15px !important;
  margin-left: 0;
}

#paginationPrev{
  position: absolute;
  top: 0;
  left: 0;
}

#paginationBack{
  text-align: center;
  margin-left: 0;
}

#paginationNext{
  position: absolute;
  top: 0;
  right: 0;
}

#pagination li::after{
  content: '|';
  font-size: 12px !important;
  padding-left: 40px;
}

#pagination li:last-child::after{
  content: '';
  padding-left: 0;
}

#slikImg1{
  width: 580px !important;
  height: 387px !important;
  background: #0ff !important;
  display: block;
}

}