@charset "utf-8";
/* ===================================================================

 file name  :sitemap.css
 style info :サイトマップ

=================================================================== */

/* =============================

  overwrite

=============================== */
#content{
  background:#F6F6F6;
}
#pageHeader{
  background:url(/img/sitemap/bg_page.jpg) no-repeat 50% 0;
}





/* =================================== */
#main .pagelist .sec-inner{
  box-sizing:border-box;
  padding: 10px 40px 60px;
  background:#fff;
}
#main .pagelist a{
  color:#000;
  -webkit-transition:opacity ease 0.3s;
  -moz-transition:opacity ease 0.3s;
  transition:opacity ease 0.3s;
}
#main .pagelist a:hover{
  opacity: 0.6 !important;
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
}
#main .pagelist .sec-inner div > ul{
  float:left;
  width:47.05%;
}
#main .pagelist .sec-inner div > ul + ul{
  float: right;
}
#main .pagelist .sec-inner div > ul >li{
  padding-top: 50px;
  font-size:150%;
}
#main .pagelist .sec-inner div > ul >li li{
  font-size:83%;
}
#main .pagelist .sec-inner div > ul >li > a{
  display:block;
  padding:0.8em 0;
  text-decoration:none;
  position:relative;
  overflow:hidden;
  border-bottom:2px solid #797979;
}
#main .pagelist .sec-inner div > ul >li > a:before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin:-3px 0 0;
  border-top:solid 2px #000;
  border-right:solid 2px #000;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  position:absolute;
  top:50%;
  right:17px;
}
#main .pagelist .sec-inner div > ul >li > .blank:before{
  content:"";
  background: url(../img/common/ico_blank.svg);
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  transform: none;
  width: 20px;
  height: 100%;
  position:absolute;
  top:40%;
  right:2%;
}
#main .pagelist .sec-inner div > ul >li ul{
  padding: 10px 0 0 25px ;
}
#main .pagelist .sec-inner div > ul >li ul li{
  padding-top: 15px;
}



/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 640px){

/* =============================

    overwrite

  =============================== */



  /* =================================== */
#main .pagelist .sec-inner div{
  padding: 10px 0px 40px;
  background:#fff;
}
#main .pagelist .sec-inner div > ul{
  float:none;
  width:100%;
}
#main .pagelist .sec-inner div > ul + ul{
  float: none;
}
#main .pagelist .sec-inner div > ul >li{
  padding-top: 15px;
  font-size:117%;
}

#main .pagelist .sec-inner div > ul >li > a:before{
    width:3px;
    height:3px;
    margin:-1px 0 0;
    right:10px;
}
#main .pagelist .sec-inner div > ul >li ul{
  padding: 5px 0 0 10px ;
}
#main .pagelist .sec-inner div > ul >li ul li{
  padding-top: 10px;
}

#main .pagelist .sec-inner div > ul >li > .blank:before{
  top:30%;
  right:0%;
}


}

@media screen and (min-width: 300px) and (max-width: 330px){
  #main .pagelist .sec-inner div > ul >li{
    font-size:12px;
  }

  #main .pagelist .sec-inner div > ul >li > .blank:before{
    width: 10px;
    top:38%;
    right:4%;
  }
  
}