@charset "UTF-8";
/*-------------------------------------------------------------------------------*\
     $sitemap
\*-------------------------------------------------------------------------------*/
.layoutContent:after {
  content: "";
  display: table;
  clear: both;
}

.listrow {
  float: left;
  width: 100%;
  padding: 1em 0;
}
.listrow:after {
  content: "";
  display: table;
  clear: both;
}

.tipbox_inside ul li.title3 {
  margin-bottom: .5em;
  border-bottom: 1px solid #d6d6d6;
}

.title3 {
  display: block;
  font-size: 1.25rem;
}
.title3 a {
  display: inline-block;
  padding-left: 1.5em !important;
  font-weight: bold;
}

.tipbox {
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.tipbox_inside a {
  display: block;
  padding: .85rem 0;
  padding-left: 1.75rem;
  color: #555555;
  transition: all 0.3s ease;
}
.tipbox_inside a:hover, .tipbox_inside a:focus {
  padding-left: 3rem;
  color: #0D275B;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*-----------------------------$ breakpoints768px------------------------------*/
@media (min-width: 768px) {
  .tipbox {
    float: left;
    width: calc(100% / 3);
    padding: 1rem;
  }
}
/* TIPBOX-INSIDE */
/*--------------------共用選單項目(類別)-------------------------*/
.sub_list li a{
  position: relative;
  display: inline-block;
  color: #505050;
  font-size: 1.25em;
  line-height: 3.5rem;
  border: solid 2px #0D275B;
  width: 100%;
  margin: .5em 0;
  padding: 0 .5em;
  transition: all 0.3s ease;
}
.sub_list li a:before{
  position: absolute;
  top: calc(50% - 2px/2);
  right: .5em;
  content: "";
  width: 20px;
  height: 2px;
  background: #505050;
  transition: all 0.3s ease;
}
.sub_list li a:after{
  position: absolute;
  top: calc(50% - 20px/2);
  right: calc(.5em + 20px/2 - 2px/2);
  content: "";
  width: 2px;
  height: 20px;
  background: #505050;
  transition: all 0.3s ease;
}
.sub_list li a:hover{
  background: #0D275B;
  color: #fff;
  border: solid 2px #fff;
  transition: all 0.3s ease;
}
.sub_list li a:hover:before{ background: #fff;transform:rotate(180deg);transition: all 0.3s ease;}
.sub_list li a:hover:after{ background: #fff;transform:rotate(180deg);transition: all 0.3s ease;}
.sub_list li a i{ display: none; }
@media screen and (min-width: 75em){
    .sub_list li{
        float: left;
        width: calc(100%/2 - 2em);
        margin: .5rem 1em;
    }
}
/*--------------------共用選單項目(類別)End-------------------------*/
@media screen and (max-width: 768px) {
  .listrow {
    padding: 0;
  }

  .listrow .tipbox {
    width: 100%;
    padding: 3%;
    margin: 1.5% 0;
  }
}
@media screen and (max-width: 500px) {
  .listrow .tipbox {
    padding: 5%;
  }
}