@CHARSET "UTF-8";
@import url('../column.css');

nav.index.side{
  display: none;
}
.contentArea.hitorigurashi{
  background: #bfdd7e;
  }
.hitorigurashi h1.contentTitle{
  background: #bfdd7e;
  border: none;
  color: #000;
  font-size: 1.15em;
  padding: .5rem 0 0 0;
  margin: 0;
  text-align: left;
  overflow: hidden;
  text-align: center;
}
.hitorigurashi h1.contentTitle.first{
  background: #fff;
}
.hitorigurashi h1.contentTitle div{
  background: #f7ee13;
  display: block;
  padding: .5rem;
  margin: .25rem .5rem 0 ;
}
.hitorigurashi h1.contentTitle.money div{
  background: #f7ee13 url("../../../../img/page/newcolumn/hitorigurashi/icn_money.png") 5px center / 30px no-repeat;
  padding-left: 35px;
}
.hitorigurashi h1.contentTitle.room div{
  background: #f7ee13 url("../../../../img/page/newcolumn/hitorigurashi/icn_room.png") 5px center / 30px no-repeat;
  padding-left: 35px;
}
.hitorigurashi h1.contentTitle.life div{
  background: #f7ee13 url("../../../../img/page/newcolumn/hitorigurashi/icn_life.png") 5px center / 30px no-repeat;
  padding-left: 40px;
}
.hitorigurashi h1.contentTitle.words div{
  background: #f7ee13 url("../../../../img/page/newcolumn/hitorigurashi/icn_words.png") 5px center / 30px no-repeat;
  padding-left: 40px;
}

.hitorigurashi h1.contentTitle span{
  display: block;
  font-size: .7em;
  font-weight: 400;
}
h1.contentTitle img{
  max-width: 100%;
  height: auto;
}
.hitorigurashi .contentWrap{
  overflow: hidden;
}
/*
.hitorigurashi .contentWrap h2{
  background: #f7ee13;
  font-size: 1.1em;
  margin: .75rem 0 0;
  padding: .5rem;
}
.hitorigurashi .contentWrap h3{
  background: #000;
  color: #fff;
  font-size: 1.1em;
  margin: .75rem .5rem 0;
  padding: .5rem;
}*/
.hitorigurashi .contentWrap h2{
  border-left: 5px solid #ff4500;
  color: #ff4500;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.2;
  margin: 1.5rem .5rem .75rem;
  padding-left: 5px;
}
.hitorigurashi .contentWrap h3{
  color: #ff4500;
  font-weight: bold;
  font-size: 1em;
  line-height: 1.2;
  margin: .75rem .5rem;
}
.innerWrap{
  overflow: hidden;
}
nav.index.top{
  border-radius: 3px;
  border: 2px solid #fff;
  margin: .75rem;
}
nav.index.top .mokuji.toggle+div{
  display: none;
  background: #fff;
}
nav.index ul li:first-of-type{
  border-top: none;
}
nav.index .mokuji{
  background: transparent;
  color: #fff;
  margin: 0;
}
.hitorigurashi .contentWrap nav.index.top .mokuji.toggle span:before{
  border-top-color: #fff;
}
.hitorigurashi .contentWrap nav.index.top .mokuji.toggle.active span:before{
  border-bottom-color: #fff;
}

.toppageMenu ul{
  margin: .75rem;
  padding:0;
  list-style-type: none;
}
.toppageMenu li+li{
  margin-top: .75rem;
}
.toppageMenu ul a{
  display: block;
  background: #000;
  border-radius: .5rem;
  color: #fff;
  font-weight: bold;
  padding: .75rem .5rem;
  text-align: center;
}
.toppageMenu ul a.sub{
  background: transparent;
  border: 3px solid #000;
  color: #000;
}

.innerBox{
  background: #fff;
  overflow: hidden;
  margin: 0 .75rem .75rem;
}

.innerBox ul.pageList{
  margin: .75rem;
  padding-left: 1.5rem;
}
.innerBox ul.pageList li a{
  display: block;
}
.innerBox ul.pageList li+li{
  border-top: 1px solid #ccc;
}
.innerBox ul.pageList li.current{
  font-weight: bold;
}

.hitorigurashi .money{
  font-size: .8em;
}
.hitorigurashi .money colgroup.item{
  width: 50%;
}
.hitorigurashi .money colgroup col.cost{
  width: 25%;
}
.hitorigurashi .money tr.underLine td{
  border-bottom: 4px double #ccc;
}

aside.relatedLinks{
  margin: .75rem;
  text-align: right;
}
aside.relatedLinks a{
  border: 1px dotted #666;
  border-radius: 1rem;
  display: inline-block;
  font-size: .9em;
  padding: 0 1rem 0 1.25rem;
  position: relative;
}
aside.relatedLinks a:before{
  position: absolute;
  content: "≫";
  left: .25rem;
}

aside.column{
  margin: .5rem;
  background: #FFC;
  font-size: .9em;
  padding: .5rem;
}
.hitorigurashi aside.column h2{
  border: none;
  color: #ff4500;
  font-size: 1.1em;
}
aside.column h2 span{
  background: #ff4500;
  border-radius: 1rem;
  color: #fff;
  display: inline-block;
  font-size: .7em;
  padding: .1rem .2rem;
}
dl.technicalTerm,
dl.wordList{
  margin: .75rem;
}
dl.technicalTerm dt{
  color: #ff4500;
  font-weight: bold;
}
dl.technicalTerm dd+dt{
  margin-top: .75rem;
}
dl.technicalTerm dd,
dl.wordList dd{
  margin-left: 0;
}
dl.wordList dt{
  font-weight: bold;
}

table.checkPoint{
  font-size: .9em;
}
ul.checkpoint,
ul.inlineLinkList{
  list-style-type: none;
  padding-left: 0;
  margin: .75rem 1rem;
}
ul.checkpoint li+li{
  margin-top: .75rem;
}
ul.inlineLinkList {
  display: flex;
  flex-wrap: wrap;
}
ul.inlineLinkList li{
  width: 50%;
}
ul.inlineLinkList li+li{
}
ul.inlineLinkList a{
  display: block;
  font-size: .9em;
  padding: .25rem .25rem .25rem .75rem;
  position: relative;
}
ul.inlineLinkList a:before{
  content: "";
  border: 5px solid transparent;
  border-left: 5px solid #ff4500;
  left: .25rem;
  position: absolute;
  top: calc(50% - 5px);
}

/*
table.checkPoint .content{
  width: 70%;
}
table.checkPoint .condition{
  width: 20%;
}
table.checkPoint .importance{
  width: 10%;
}
*/

nav.pagenation{
  background: #fff;
  overflow: hidden;
}
nav.pagenation ul{
}