@charset "UTF-8";
/* CSS Document */
/*
Theme Name: weluka-theme-00-child
Version: 1.2.9.5
Template: weluka-theme-00
*/


/*グラデーション*/
.original-gradient-home {
  height: 500px;
  width: 100%;
  background-image: linear-gradient(180deg, rgba(241, 246, 250, 1), rgba(212, 230, 252, 1));
  z-index: 0;
}

.original-gradient-2 {
  /*height: 60px;*/
  width: 100%;
  background-image: linear-gradient(180deg, rgba(241, 246, 250, 1), rgba(212, 230, 252, 1));
}

.original-gradient-3 {
  /*height: 110px;*/
  width: 100%;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(212, 237, 252, 1));
}

.original-gradient-4 {
  height: 15px;
  width: 100%;
  background-image: linear-gradient(180deg, rgba(127, 183, 237, 1), rgba(75, 121, 182, 1));
	  border-radius: 5px 5px 0 0;
}

.original-gradient-5 {
  height: 80px;
  width: 100%;
  background-image: linear-gradient(180deg, rgba(127, 183, 237, 1), rgba(75, 121, 182, 1));
  border-radius: 5px 5px 0 0;
}

.original-gradient-6 {
  height: 25px;
  width: 100%;
  background-image: linear-gradient(0deg, rgba(127, 183, 237, 1), rgba(75, 121, 182, 1));
	  border-radius: 0 0 5px 5px;
}

.original-gradient-7 {
  height: 40px;
  width: 100%;
  background-image: linear-gradient(180deg, rgba(127, 183, 237, 1), rgba(75, 121, 182, 1));
  border-radius: 5px 5px 0 0;
}

.up-menu {
  border-radius: 0 0 5px 5px;
}
/*グラデーション*/


/*メニュー*/
    .menu-container {
      display: flex;
      width: 100%;
      background: linear-gradient(to top, #457aad, #98bee3); /* 下から上のグラデーション色 */
      border: 3px solid #fff; /* 初期状態で透明な白 */
      border-radius: 5px;
    }

    .menu-item-1 {
      flex: 1;
      text-align: center;
      padding: 15px;
      position: relative;
      color: #fff; /* メニュー文字色 */
    }

ul .nav nav-pills nav-stacked {
      text-align: left;
}

    .menu-item-1 a {
     color: #fff; /* メニュー文字色 */
}

    .menu-item-1:not(:last-child) {
      border-right: 1px solid #fff; /* 区切りラインの色 */
    }
    .menu-item-1:hover {
      background-color: rgba(255, 255, 255, 0.2); /* ホバー時の明るさ */
    }
/*メニュー*/

/*サイドメニュー*/
.details-padding {
	padding: 10px 0 10px 0;
}

/*サイドメニュー　アコーディオン*/
  .toggle_wrap:last-of-type {
  border-bottom: 1px solid gray;
}
.toggle_switch {
  position: relative;
  cursor: pointer;
  padding: 15px 10px;
  border-top: 1px solid gray;
}
.toggle_switch.open {
  border-bottom: 1px solid gray;
}
.toggle_switch:hover {
  background-color: #eee;
}
.toggle_switch::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 11px;
  background: url(http://agdemo.net/sample/toggle/img/arrow_down.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  transition: transform .2s;
}
.toggle_switch.open::after {
  transform: rotateZ(180deg);
  top: 46%;
}
.toggle_contents {
  display: none;
  padding: 15px 10px;
}
.toggle_menu {
  display: none;
  padding: 15px 10px;
}

.menu-2 {
  padding: 15px 10px;
}

/*リスト調整*/
li.list-item {
font-size: 12px;
	padding: 0 0 0 0;
}

li {
    list-style: none;
}

hr .line-item {
padding: 5px 0 5px 0;	
}