@charset "utf-8";



/* section
 * ========================================================================== */

.detail-body .comment{
  margin: 3em 0;
  padding: 0 1.5em 1.5em;
  width: calc(50% - 1em);
  display: block;
  background-color: rgba(255,255,255,0.6);
  font-size: 1.6rem;
  line-height: 1.8;
}

.detail-body .comment dt{
  position: relative;
  margin: -0.7em 0 0.5em 0;
  padding: 0;
  font-size: 2rem;
  line-height: 1.6;
}

.detail-body .comment dt:before{
  position: absolute;
  top: 1.2rem;
  left: -1em;
  margin: 0;
  padding: 0;
  width: 1.3rem;
  height: 0.4rem;
  display: block;
  background-color: #b1883a;
  content: "";  
}

.detail-section .bg-catch-txt{
  position: absolute;
  top: 1em;
  right: -8%;
  margin: 0;
  padding: 0;
  width: 60%;
  max-width: 48rem;
  display: block;
  z-index: -1;
  opacity: 0.5;
}

.detail-body .bg-catch-image{
  position: absolute;
  bottom: 0;
  right: -8%;
  margin: 0;
  padding: 0;
  width: 60%;
  max-width: 48rem;
  display: block;
  z-index: -1;
  opacity: 0.1;
}

.detail-foot-link{
  margin: 1em auto 0;
  padding: 2em 0 0;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  border-top: dotted 0.1rem #b1883a;
}

.detail-foot-link li{
  margin: 0.5em 1em;
  padding: 0;
  width: calc(50% - 2em);
  display: flex;
  justify-content: center;
}
/*
.detail-foot-link li:first-child{ justify-content: flex-end;}
.detail-foot-link li:last-child{ justify-content: flex-start;}
*/

@media screen and (max-width: 768px) {

.detail-body .comment{
  margin: 3em 0;
  width: 100%;
}

.detail-section .bg-catch-txt{
  top: 2em;
  right: -8%;
  width: 90%;
  max-width: 48rem;
  opacity: 0.4;
}

.detail-body .bg-catch-image{
  bottom: 0;
  right: -15%;
  width: 80%;
  max-width: 48rem;
}

}/* End max 768 */

@media screen and (max-width: 640px) {

.detail-foot-link li{
  margin: 0.5em 0;
  width: 100%;
}

.detail-foot-link li:first-child,
.detail-foot-link li:last-child{ justify-content: center;}

.detail-section .bg-catch-txt{
  top: 5%;
}

}/* End max 640 */





