@charset "utf-8";

/*スマホ用（480px以下）環境の設定*/
@media (max-width : 480px) and (orientation: portrait){

.accordion {
	margin-top: 0;
	margin-right: 16px;
	margin-bottom: 10px;
	margin-left: 16px;
} /*変更*/
  .accordion a {
    display: block; }
  .accordion .child {
	/* [disabled]display: none; */
	margin: 0 0 -1px;
	padding: 0;
	background: #fff;
	border: 1px solid #eaeaea;
} /*変更*/
    .accordion .child .menu {
      background: #eaeaea;
      color: #5e5e5e; }
      .accordion .child .menu:hover {
        background: #d0d0d0; }
    .accordion .child > li {
      margin: 4px 0;
      padding: 0 16px;
      border-bottom: 1px dotted #dddddd; }
      .accordion .child > li:last-child {
        border-bottom: 0; }

.switch .menu:after {
	position: absolute;
	top: 30px;
	right: 20px;
	margin-top: -1.2rem;
	content: '　';
	font-size: 1.4rem;
	/* [disabled]-moz-transform: rotate(90deg); */
	/* [disabled]-ms-transform: rotate(90deg); */
	/* [disabled]-webkit-transform: rotate(90deg); */
	/* [disabled]transform: rotate(90deg); */
	-moz-transition: all, 0.25s, linear;
	-o-transition: all, 0.25s, linear;
	-webkit-transition: all, 0.25s, linear;
	transition: all, 0.25s, linear;
	background-image: url(../image/hamburger_li_down_bk.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.switch .menu.active:after {
  -moz-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.child01 {
  border: 1px solid #eaeaea; }

.child02 {
  color: #5e5e5e; }

.menu {
  display: block;
  position: relative;
  margin: 1px 0 0;
  padding: 10px; }

.source {
  margin: 0;
  padding: 30px 0 0; }

.submenu .menu {
	color: #123555;
	background-color: #FFF;
	border: 2px solid #3388FC;
}
.submenu .menu:link {
	color: #123555;
}/*変更*/
.submenu .menu:visited {
	color: #123555;
}/*変更*/
.submenu .menu:active {
	color: #123555;
}/*変更*/
.submenu .menu:hover {
	text-decoration: none;
	color: #123555;
	background-color: #FFFFFF;
}
.main .submenu {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.main #accordion-top {
	display: none;
}/*追加*/

.main .submenu ul li ul li {
	clear: both;
	float: none;
	width: 88%;
	padding-top: 5px;
	padding-bottom: 5px;
}
.main .submenu ul li .toggle.menu {
	display: block;
	background-image: none;
	font-size: 16px;
	text-align: center;
	padding-right: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	cursor: pointer;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.main .submenu #ft-toggle-menu {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	color: #123555;
	font-size: 16px;
	padding-right: 30px;
	padding-left: 25px;
}
------------------accordion {}
}
