@charset "utf-8";
/* CSS Document */


/* SideNav3 */
.SideNav3 { margin-bottom: 40px}

.SideNav3 > ul {}
.SideNav3 li { background-color: #FFFFFF; position: relative;
	box-sizing: border-box; font-size: 1.4rem; border-bottom: 1px #CCCCCC solid}

.SideNav3 li a:link { color: #000000;  }
.SideNav3 li a:visited { color: #000000 }

.SideNav3 p { cursor: pointer; margin-bottom: 0px; padding: 3% 10% 3% 3%; }

.SideNav3 li ul li { position: relative; box-sizing: border-box; font-size: 1.4rem;
	                 background-color: #fffcf2; padding: 10px; border-bottom: 1px #fbeab0 solid;
}

.SideNav3 li ul li:before {
  content: ''; background-image: url("../img/trendtopics/team-himawari/HTicon-01.svg");
  position: absolute;
  top: 11px !important;
  left: 10px !important;
  width: 15px;
  height: 15px;}

.SideNav3 li ul li h4 { padding-left: 20px; margin: 0px; margin-bottom: -5px; margin-bottom: 10px}

.SideNavi3Link { }
.SideNavi3Link a:link { color: #154F96 !important }
.SideNavi3Link a:visited { color: #154F96 !important }

.SideNav3 li ul li:last-child{ border-bottom: 0px}


.innerHT { display: none;}
.openHT { display: block;}


/*下矢印↓*/
.SideNav3 .panel-head:after {
   content: "";
   position: absolute;
   border-right: 2px solid black;
   border-bottom: 2px solid black;
   width: 10px;
   top:15px;
   right: 30px;
   height: 10px;
   transform: rotate(45deg);
	-webkit-transition: all .2s ease; transition: all .2s ease;
}

/*上矢印↑*/
.SideNav3 .panel-head.ac:after {
   content: "";
   position: absolute;
   border-left: 2px solid black;
   border-top: 2px solid black;
   border-right: 0;
   border-bottom: 0;
   width: 10px;
   top:23px;
   right: 30px;
   height: 10px;
   transform: rotate(45deg);
	-webkit-transition: all .2s ease; transition: all .2s ease;
}


.SideNav3 .SNC1 {background-color: #fbeab0 !important}
.SideNav3 p.SNC1 { color: #605b49 !important}
.SideNav3 .SNC1 a:link{ color: #605b49 !important}
.SideNav3 .SNC1 a:visited{ color: #605b49 !important}












/* width 769以上 */

@media print, screen and (min-width : 769px){


/* SideNav3 */
.SideNav3 {}

.SideNav3 > ul {}
.SideNav3 li {  background-color: #FFFFFF; position: relative;
                        box-sizing: border-box; font-size: 1.4rem;
                        border-right:0px #CCCCCC solid}
.SideNav3 li a:link { color: #000000; }
.SideNav3 li a:visited { color: #000000;  }
.SideNav3 li a:hover{ text-decoration: underline }

.SideNav3 a:hover:after {
border-top: solid 2px #ffffff;
border-right: solid 2px #ffffff;
}


.SideNav3 li ul li { position: relative;
                        box-sizing: border-box;
                        border-right:0px}

.SideNav3 li ul li:last-child{ border-bottom: 0px}

.SideNav3 li ul li a:link {  }
.SideNav3 li ul li a:visited {}
.SideNav3 li ul li a:hover {}

.SideNav3 li ul li a:hover:after {
border-top: solid 2px #ffffff;
border-right: solid 2px #ffffff;
}

.SideNav3 li ul li h4 { margin-bottom: 5px; font-size: 1.4rem !important}
.SideNav3 p { cursor: pointer; margin-bottom: 0px; padding: 6% 10% 6% 6%; }




.SideNavi3Link { font-size: 1.2rem }

/*下矢印↓*/
.SideNav3 .panel-head:after { width: 10px; top:15px; right: 20px; height: 10px; transform: rotate(45deg)}
/*上矢印↑*/
.SideNav3 .panel-head.ac:after { width: 10px; top:23px; right: 20px; height: 10px; transform: rotate(45deg)}

.SideNav3 .NewTxt2 { font-size: 1.0rem !important;}

}
