@charset "utf-8";
@import url('../column_pc.css');


.ao h1.contentTitle:not(.first),
.ao h1.contentTitle.first{
  background-size: 50px; 
}
.ao h1.contentTitle:not(.first) img{
  width: auto;
  height:  auto;
}


.innerWrap{
  display: flex;
  justify-content: space-between;
}
nav.index{
  width: 280px;
}
.contentWrap{
  width: calc(100% - 300px);
}
.contentWrap.first{
  margin: .75rem;
}
nav.index > div{
  display: block;
}
nav.index .mokuji{
  margin: 0;
}
nav.index .mokuji.toggle span:before{
  content: none;
}
nav.index  p.mokuji.toggle {
  pointer-events: none;
}
nav.pageIndex span{
  display: inline-block;
  background: rgba(98,169,130, 1);
  color: #fff;
}

.ao h1.contentTitle{
  margin: 0 0 1rem 0;
}
.ao h1.contentTitle span{
  font-size: 2.5rem;
}
.ao h2{
  font-size: 1.7em;
  margin: 3rem 0 .75rem 0;
  padding: 0 .5rem .25rem;
}
.ao .first h2{
  text-align: left;
}
ul.pageLink{
  margin: .75rem 1rem;
}
ul.pageLink a{
  font-size: 1.1em;
}

.patterns ul.current{
  width: 80%;
  margin: .75rem auto 2rem;
}
.selectionPattern > div{
}
.selectionPattern ol,
.selectionPattern p{
  font-size: 1em;
}
.selectionPattern>div>div ol,
.selectionPattern>div>div p{
  margin: .5rem 1rem;
}
.exPoint{
  padding:2rem;
}

.patterns ul.current li span.fukidashi02{
  width: 7.5em;
  padding: 1rem .75rem;
}

figure.single{
  margin: .75rem 0;
}