@charset "utf-8";
/**----------------------------------------------------------
 *CSS information 
 *
 * file name	: love.css Version:1.0
 -----------------------------------------------------------*/
#main {
    border-radius: 10px;
}

h1 {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px;
}

h2 {margin: 35px 0 20px 0;}

.qa #main {
    box-sizing: border-box;
    width: 100%;
}

#wrap {padding-bottom:0;}


.qa_main p {
  position: relative;
  width: fit-content;
  height: auto;
  background: rgba(255,255,255,.8);
  padding: 10px;
  text-align: left;
  color: #333333;
  font-size: 1.4rem;
  border-radius: 10px;
  margin-left:70px;
}

.qa_main p::before {
  border: solid transparent;
  content: '';
  position: absolute;
  border-top-width: 7px;
  border-bottom-width: 7px;
  border-right-width: 17px;
  border-right-color: rgba(255,255,255,.8);
  right: 100%;
  top: 15px;
}

.qa_main p::after {
  position: absolute;
  content: "";
  width: 48px;
  height: 48px;
  top: 0;
  left: -70px;
}


/* 大きい丸 */
p.balloon::before {
  border: solid transparent;
  content: '';
  position: absolute;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 0;
  right: 100%;
  top: 15px;
}

p.balloon span {display: inline-block;}
p.balloon span::before{
content: '';
    position: absolute;
    display: block;
    border-radius: 50%;
    background-color: rgba(255,255,255,.8);
    left: -11px;
    top: 13px;
    width: 8px;
    height: 8px;
}
/* 小さい丸 */
p.balloon span::after{
    content: '';
    position: absolute;
    display: block;
    border-radius: 50%;
    background-color: rgba(255,255,255,.8);
    left: -18px;
    top: 20px;
    width: 4px;
    height: 4px;
}




.qa_main p.sarutobi {
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  font-weight: bold;
  position: relative;
  width: fit-content;
  height: auto;
  padding: 10px 10px 6px;
  text-align: left;
  color: #333333;
  font-size: 1.4rem;
  border-radius: 0;
  margin-left: 0;
  margin-bottom:5rem;
  background: #C7AB4A;
  border-right: 2px solid #AB933F;
  border-bottom: 2px solid #AB933F;
  transform: rotate(4deg);
  line-height: 1.4;
}

.qa_main p.sarutobi::before {
  border: solid transparent;
  content: '';
  position: absolute;
  background: #C7AB4A;
  border: 2px solid #C7AB4A;
  border-radius:3px;
  right: 50%;
  top: -7px;
  height: 7.5rem;
  z-index: -1;
}

.qa_main p.sarutobi::after {
  position: absolute;
  content: "";
  width: 48px;
  height: 48px;
  top: auto;
  left: calc(50% - 3.9rem);
  bottom: -40px;
  transform: rotate(-4deg)
}


p.miki::after {background:url(../img/01miki/icon.png) no-repeat;}
p.jamil::after {background:url(../img/02jamil/icon.png) no-repeat;}
p.abel::after {background:url(../img/03abel/icon.png) no-repeat;}
p.meary::after {background:url(../img/04meary/icon.png) no-repeat;}
p.mieger::after {background:url(../img/05mieger/icon.png) no-repeat;}
p.asuka::after {background:url(../img/06asuka/icon.png) no-repeat;}
p.freed::after {background:url(../img/07freed/icon.png) no-repeat;}
p.neena::after {background:url(../img/08neena/icon.png) no-repeat;}
p.sarutobi::after {background:url(../img/09sarutobi/icon.png) no-repeat;}
p.miranda::after {background:url(../img/10miranda/icon.png) no-repeat;}
p.kreis::after {background:url(../img/11kreis/icon.png) no-repeat;}
p.deute::after {background:url(../img/12deute/icon.png) no-repeat;}
p.malc::after {background:url(../img/13malc/icon.png) no-repeat;}
p.pochi::after {background:url(../img/14pochi/icon.png) no-repeat;}
p.yukine::after {background:url(../img/15yukine/icon.png) no-repeat;}
p.diana::after {background:url(../img/16diana/icon.png) no-repeat;}
p.masamune::after {background:url(../img/17masamune/icon.png) no-repeat;}
p.triffy::after {background:url(../img/18triffy/icon.png) no-repeat;}
p.mark::after {background:url(../img/19mark/icon.png) no-repeat;}
p.catherine::after {background:url(../img/20catherine/icon.png) no-repeat;}
p.nettysoon::after {background:url(../img/21nettysoon/icon.png) no-repeat;}
p.elma::after {background:url(../img/22elma/icon.png) no-repeat;}
p.ashelena::after {background:url(../img/23ashelena/icon.png) no-repeat;}
p.cotton::after {background:url(../img/24cotton/icon.png) no-repeat;}
p.vitz::after {background:url(../img/25vitz/icon.png) no-repeat;}
p.botan::after {background:url(../img/26botan/icon.png) no-repeat;}
p.dieta::after {background:url(../img/27dieta/icon.png) no-repeat;}
p.karin::after {background:url(../img/28karin/icon.png) no-repeat;}
p.ryvel::after {background:url(../img/29ryvel/icon.png) no-repeat;}
p.recy::after {background:url(../img/30recy/icon.png) no-repeat;}
p.kieli::after {background:url(../img/31kieli/icon.png) no-repeat;}
p.baldur::after {background:url(../img/32baldur/icon.png) no-repeat;}
p.malachite::after {background:url(../img/33malachite/icon.png) no-repeat;}
p.creil::after {background:url(../img/34creil/icon.png) no-repeat;}
p.ente::after {background:url(../img/35ente/icon.png) no-repeat;}
p.wallace::after {background:url(../img/36wallace/icon.png) no-repeat;}
p.cacus::after {background:url(../img/37cacus/icon.png) no-repeat;}
p.marl::after {background:url(../img/38marl/icon.png) no-repeat;}
p.amethys::after {background:url(../img/39amethys/icon.png) no-repeat;}
p.royard::after {background:url(../img/40royard/icon.png) no-repeat;}
p.fia::after {background:url(../img/41fia/icon.png) no-repeat;}
p.riria::after {background:url(../img/42riria/icon.png) no-repeat;}
p.saffyne::after {background:url(../img/43saffyne/icon.png) no-repeat;}
p.willi::after {background:url(../img/44willi/icon.png) no-repeat;}
p.henrietta::after {background:url(../imghenrietta/45/icon.png) no-repeat;}
p.helios::after {background:url(../img/46helios/icon.png) no-repeat;}
p.landis::after {background:url(../img/47landis/icon.png) no-repeat;}
p.leano::after {background:url(../img/48leano/icon.png) no-repeat;}
p.mileena::after {background:url(../img/49mileena/icon.png) no-repeat;}
p.cultus::after {background:url(../img/50cultus/icon.png) no-repeat;}
p.vein::after {background:url(../img/51vein/icon.png) no-repeat;}
p.latte::after {background:url(../img/52latte/icon.png) no-repeat;}
p.ivrik::after {background:url(../img/53ivrik/icon.png) no-repeat;}
p.melior::after {background:url(../img/54melior/icon.png) no-repeat;}
p.yutia::after {background:url(../img/55yutia/icon.png) no-repeat;}
p.martini::after {background:url(../img/56martini/icon.png) no-repeat;}
p.canard::after {background:url(../img/57canard/icon.png) no-repeat;}
p.koharu::after {background:url(../img/58koharu/icon.png) no-repeat;}
p.luct::after {background:url(../img/59luct/icon.png) no-repeat;}
p.shihou::after {background:url(../img/60shihou/icon.png) no-repeat;}
p.rufika::after {background:url(../img/61rufika/icon.png) no-repeat;}
p.keina::after {background:url(../img/62keina/icon.png) no-repeat;}
p.roberto::after {background:url(../img/63roberto/icon.png) no-repeat;}
p.theobald::after {background:url(../img/64theobald/icon.png) no-repeat;}


p.qa_q {
  margin-top:80px;
  font-size:1.6rem;
  font-weight: bold;
}

.q_material {
  display: block;
  text-align: right;
  margin-top:20px;
  font-style: italic;
  font-size:0.7em;}





@media screen and (max-width:1057px){

h1 {
  float: none;}
h2 {
  font-size:1.4rem;
  padding: 5px 10px;}
.qa_main p {font-size:1.2rem;}

p.qa_q {
  font-size:1.4rem;
  font-weight: bold;
}



}






@media screen and (max-width:500px){
  .qa_main p.sarutobi {
    margin-left: auto;
    margin-right: auto;}
}