@charset "utf-8";
/**----------------------------------------------------------
 *CSS information 
 *
 * file name	: love.css Version:1.0
 -----------------------------------------------------------*/
#main {
  box-sizing: border-box;
    border-radius: 10px;
    width: 100%;
}
#wrap {padding-bottom:0;}


/*　アコーディオン　*/


.acotext{
  display:none;
  font-size:1.2rem;
  }
.active{
  color:#ddd;border:1px solid #888;
  background: url(../img/common/aco_active.png) no-repeat 8px,rgb(255, 255, 255,0.1);}


dl.relation {margin:10px 0;}
dl.relation dt {
  color:#fff;
  font-size:1.4rem;
  margin-top:3em;
  display: block;
  cursor:pointer;
  padding-right:1.3em;
  background: none;
    padding-left: 50px;
  }

    dl.relation dt img {
    display: inline-block;
    position: absolute;
    left: 25px;
}


@media screen and (max-width:1057px){
dl.relation dt img {
    left: 10px;}

}


/*
  dl.relation dt::before {
    content: "■";
    display: inline-block;
    opacity: 0.4;
  }*/

  dl.relation dt::after {
    content: "";
    display: inline-block;
    margin-left: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #ffffff transparent transparent transparent;
    vertical-align: 2px;
    opacity: 0.4;
  }

  dl.relation dt.active::after {
    content: "";
    display: inline-block;
    margin-left:5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #ffffff transparent;
    vertical-align: 2px;
    opacity: 0.2;
  }

  dl.relation.pt dt::before {
  content: "・";
  color:#977;
  }

dl.relation dd{
  display:none;
  margin-top:5px;
  padding:0 20px 0 50px;
  font-size:1.2rem;
  line-height: 1.5;
  margin-bottom:15px;
  }

dl.relation dt.active{
  border:none;
  background: none;}


.author {
  font-size:0.8em;
  color:#999;}