@charset "shift-jis";
/*!
 * ZAPPALLAS CSS framework v1.0.0
 * Based on Bootstrap v3.0.3 (http://getbootstrap.com)
 * Copyright 2014 Zappallas, Inc.
 */
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background: transparent; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

  .b, .strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 700;
  line-height: 1.66667;
  color: inherit; }
  h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small {
    font-weight: normal;
    line-height: 1; }

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small {
    font-size: 65%; }
  h1.img, .h1.img, h2.img, .h2.img, h3.img, .h3.img {
    margin: 0; }

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small {
    font-size: 75%; }
  h4.img, .h4.img, h5.img, .h5.img, h6.img, .h6.img {
    margin: 0; }

h1, .h1 {
  font-size: 26px; }

h2, .h2 {
  font-size: 22px; }

h3, .h3 {
  font-size: 19px; }

h4, .h4 {
  font-size: 15px; }

h5, .h5 {
  font-size: 12px; }

h6, .h6 {
  font-size: 11px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 13px;
  font-weight: 200;
  line-height: 23px; }

small, .small {
  font-size: 85%; }

cite {
  font-style: normal; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

ul, ol {
  margin-top: 0;
  padding: 0;
  margin-bottom: 10px;
  list-style-type: none; }
  ul ul, ul ol, ol ul, ol ol {
    margin-bottom: 0; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt, dd {
  line-height: 1.66667; }

dt {
  font-weight: bold; }

dt.kobetsu {
  padding: 5px 10px;
  background-color: #F3B6B4;
  color: #fff;
}

dd {
  margin-left: 0; }

abbr[title], abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #A8A8A8; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 15px;
  border-left: 5px solid #C9CBCA; }
  blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer, blockquote small, blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.66667;
    color: #A8A8A8; }
    blockquote footer:before, blockquote small:before, blockquote .small:before {
      content: '\2014 \00A0'; }

blockquote:before, blockquote:after {
  content: ""; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.66667; }

.ajax-loader {
  display: none;
  width: 100%;
  min-height: 128px;
  background-image: url("../image/common/ajax-loader.120.gif");
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: center; }

.btn.block.favorite, .btn.block.check {
  cursor: pointer;
  position: relative;
  /*border: 1px solid #414141;*/
  border: 1px solid #ACC052;
  /*color: #414141;*/
  color: #9AAB4D;
  background: #FFF;
  -webkit-transition: background 150ms ease;
  transition: background 150ms ease;
  font-size: 12px; }
  .btn.block.favorite.active, .btn.block.check.active {
    background: #ACC052;
    color: #FFF; }
    .btn.block.favorite.active:hover, .btn.block.favorite.active.hover, .btn.block.check.active:hover, .btn.block.check.active.hover {
      background:#ACC052;
      color: #FFF; }
  .btn.block.favorite:hover, .btn.block.favorite.hover, .btn.block.check:hover, .btn.block.check.hover {
    color: #ACC052;
    background: #FFF; }
  .btn.block.favorite [class^="sp-"], .btn.block.check [class^="sp-"] {
    position: absolute;
    left: 5%;
    top: 50%;
    margin-top: -16px;
    display: block;
    width: 32px;
    height: 32px;
    background-size: 32px; }
  .btn.block.favorite::after, .btn.block.check::after {
    content: attr(data-msg-inactive);
    display: block;
    text-indent: 32px; }
  .btn.block.favorite.active::after, .btn.block.check.active::after {
    content: attr(data-msg-active); }
  .btn.block.favorite.error::after, .btn.block.check.error::after {
    content: attr(data-msg-error); }

.update_num_b {
  position: relative; }
  .update_num_b::after {
    content: attr(data-count);
    text-align: center;
    display: block;
    font-size: 10px;
    position: absolute;
    right: 16%;
    top: 0px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    background: #F00;
    color: #FFF; }

.update_num_s {
  position: relative; }
  .update_num_s::after {
    content: "";
    text-align: center;
    color: #fff;
    font-size: 11px;
    display: block;
    position: absolute;
    right: 8%;
    top: 4%;
    width: 17px;
    height: 17px;
    border-radius: 9px;
    background: #F00; }

.new-flg {
  font-weight: bold;
  background: #F00;
  color: #FFF;
  display: inline-block;
  padding: 0 .5em;
  border-radius: 16px;
  margin-right: .5em;
  vertical-align: middle; }

.section-day {
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  margin-bottom: 16px; }
  .section-day .ajax-loader {
    height: 160px;
    background-color: #D5D4DF; }

.section-day-header {
  margin-top: 16px;
  overflow: hidden; }
  .section-day-header .item-dmy {
    text-align: center;
    margin-left: -1px;
    margin-right: -1px; }
    .section-day-header .item-dmy .tabitems {
      -webkit-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
      background: #FAF9F7;
      color: #656565;
      font-size: 13px;

      line-height: 32px;
      cursor: pointer;
      border-bottom: 1px solid #ACC052; }
      .section-day-header .item-dmy .tabitems:not(:last-child) {
        border-right: 1px solid #FFF; }
      .section-day-header .item-dmy .tabitems.current {
        background: #FAF9F7;
        color: #656565;
              font-weight: bold;
        border-left: 1px solid #ACC052;
        border-top: 1px solid #ACC052;
        border-right: 1px solid #ACC052;
        border-bottom: none; }
  .section-day-header .item-prev-next {
    height: 44px;
    color: #ACC052;
    line-height: 44px;
    text-align: center;
    
    border-bottom: 1px solid #ACC052; }
    .section-day-header .item-prev-next .prev, .section-day-header .item-prev-next .next {
      cursor: pointer; }
      .section-day-header .item-prev-next .prev.disabled, .section-day-header .item-prev-next .next.disabled {
        opacity: .15; }
    .section-day-header .item-prev-next .icon {
      display: inline-block;
      vertical-align: middle;
      height: 28px;
      width: 14px;
      margin: 0 .5em;
      background: url(../image/202108/day_btn_1.sp.480.png) no-repeat;
      background-size:14px; }
      .section-day-header .item-prev-next .icon.sp-day-prev {
        background-position: 0 0; }

    .section-day-header .item-prev-next .icon.sp-day-next {
      display: inline-block;
      vertical-align: middle;
      height: 28px;
      width: 14px;
      margin: 0 .5em;
      background: url(../image/202108/day_btn_2.sp.480.png) no-repeat;
      background-size:14px; }


      .section-day-header .item-prev-next .icon.sp-day-next {
        background-position: 0 0; }
    .section-day-header .item-prev-next .current {
      max-width: 320px;
      margin: 9px auto;
      font-size: 11px;
      color: #FFF;
      line-height: 26px;
      background: #ACC052;
      border-radius: 6px; }
    .section-day-header .item-prev-next .date {
      vertical-align: bottom;
      font-size: 13px;
      display: inline;
      margin-left: .5em;
      font-weight: bold; }

.section-day-body {
  background: #FAF9F7; }
  .section-day-body:before, .section-day-body:after {
    content: " ";
    display: table; }
  .section-day-body:after {
    clear: both; }

.section-day-tablist {
  width: 20%;
  float: left; }
  .section-day-tablist ul {
    margin-bottom: 0; }
  .section-day-tablist li.active:last-child {
    border-bottom: none; }
  .section-day-tablist li {
    color: #ffffff;
    border: 1px solid #FFFFFF;
    background: #ACC052; }
    .section-day-tablist li.active {
      background: #FAF9F7;
      color: #656565;
      -webkit-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out; }
    .section-day-tablist li a {
      display: block;
      text-align: center;
      padding: 8px;
      line-height: 24px;
      color: inherit; }

.section-day-main {
  background: #FAF9F7;
  width: 80%;
  float: right;
min-height: 310px;}
  .section-day-main .day-result-panel {
    padding: 10px; }

.calendar-week-container {
  border-bottom: 1px solid #ACC052;
  height: 44px;
color: #ACC052;}
  .calendar-week-container .calendar-viewport {
    overflow: hidden; }
  .calendar-week-container .btn-today {
    margin-top: 8px;
    margin-bottom: 8px;
    background: #BC9964;
    border-radius: 0px;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out; }
    .calendar-week-container .btn-today.disabled {
      background: #FAF9F7;
      color:#FAF9F7;}

.item-calendar-week {
  width: 300%;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-transform: translate(-33.33333%, 0);
  transform: translate(-33.33333%, 0); }
  .item-calendar-week:before, .item-calendar-week:after {
    content: " ";
    display: table; }
  .item-calendar-week:after {
    clear: both; }
  .item-calendar-week.toNext {
    -webkit-transform: translate(-66.66666%, 0);
    transform: translate(-66.66666%, 0); }
  .item-calendar-week.toPrev {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  .item-calendar-week .grid-row {
    float: left; }
  .item-calendar-week .days {
    cursor: pointer;
    padding: 9px 0;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out; }
    .item-calendar-week .days span {
      display: block;
      text-align: center;
      line-height: 1; }
    .item-calendar-week .days .num {
          font-family: 'IBM Plex Sans', sans-serif;
      font-size: 14px;
      font-weight: bold; }
    .item-calendar-week .days .week {
                font-family: 'IBM Plex Sans', sans-serif;
      text-transform: capitalize;
      font-size: 10px;
      margin-top: 2px; }
    .item-calendar-week .days.active {
      background: #BC9964;
      color: #FFF; }
    .item-calendar-week .days.sat {
      color: #BC9964; }
    .item-calendar-week .days.active {
      color: #FFF; }
    .item-calendar-week .days.sun {
      color: #EDA7B4; }
    .item-calendar-week .days.active {
      color: #FFF; }
  .item-calendar-week.disabled {
    opacity: .25; }

.notification .notification-content {
  color: #484D52;
  position: relative;
  margin: 8px 12px;
  padding: 8px 4px;
  border: 1px dotted rgba(0, 0, 0, 0.1);
  line-height: 14px; }
  .notification .notification-content .date {
    margin-right: 2px; }
  .notification .notification-content img {
    display: none; }
  .notification .notification-content a {
    text-decoration: underline;
    font-weight: bold; }
.notification .notification-situation-content {
  margin-top: 24px; }
  .notification .notification-situation-content:before {
    z-index: 10;
    position: absolute;
    content: "";
    top: -9px;
    left: 5%;
    margin-left: -4px;
    width: 16px;
    height: 16px;
    border-top: 1px dotted #2f1919;
    border-left: 1px dotted #2f1919;
    background: #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg); }

/*!
 * drawer v2.3.0
 * http://git.blivesta.com/drawer
 * Licensed under MIT
 * Author : blivesta
 * http://blivesta.com
 */
body.drawer-navbar.drawer-fixed {
  padding-top: 0; }

.drawer-main {
  position: fixed;
  top: 0;
  z-index: 2000;
  width: 280px;
  height: 100%;
  overflow: hidden; }

.drawer-left .drawer-main {
  left: -280px;
  -webkit-transition: all .4s cubic-bezier(.19, 1, .22, 1);
  transition: all .4s cubic-bezier(.19, 1, .22, 1);
  -webkit-transform: translate3d(-280px, 0px, 0px);
  transform: translate3d(-280px, 0px, 0px); }
.drawer-left.drawer-open .drawer-main {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.drawer-right .drawer-main {
  right: -280px;
  -webkit-transition: all .4s cubic-bezier(.19, 1, .22, 1);
  transition: all .4s cubic-bezier(.19, 1, .22, 1);
  -webkit-transform: translate3d(280px, 0px, 0px);
  transform: translate3d(280px, 0px, 0px); }
.drawer-right.drawer-open .drawer-main {
  right: 0;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px); }

.drawer-overlay {
  position: relative; }

.drawer-overlay-upper {
  position: fixed;
  top: 0;
  z-index: 1100;
  display: none;
  height: 100%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5); }

.drawer-left.drawer-open .drawer-overlay-upper {
  right: 0; }

.drawer-right.drawer-open .drawer-overlay-upper {
  left: 0; }

.drawer-default {
  background-color: #fff; }
  .drawer-default + .drawer-overlay {
    background-color: #fff; }

.drawer-default li, .drawer-default a, .drawer-default .drawer-brand {
  position: relative;
  display: block; }

.drawer-default a {
  text-decoration: none; }

.drawer-default a:hover, .drawer-default a:focus {
  text-decoration: underline; }

.drawer-default ul {
  padding: 0;
  margin: 0;
  list-style: none; }

.drawer-default .drawer-menu-item {
  padding: 15px 15px 0;
  font-size: 18px;
  color: #555; }

.drawer-default .drawer-menu-item.disabled a {
  color: #333; }

.drawer-default .drawer-menu-item.disabled a:hover, .drawer-default .drawer-menu-item.disabled a:focus {
  color: #333;
  cursor: not-allowed;
  background-color: transparent; }

.drawer-default .drawer-menu-item a {
  color: #888; }

.drawer-default .drawer-menu-item a:hover, .drawer-default .drawer-menu-item a:focus {
  color: #fff;
  background-color: transparent; }

.drawer-default .drawer-menu-item a img {
  max-width: none; }

.drawer-default .drawer-submenu {
  margin-bottom: 20px; }

.drawer-default .drawer-submenu:last-child {
  margin-bottom: 0; }

.drawer-default .drawer-submenu-item {
  padding: 0; }

.drawer-default .drawer-submenu-item a {
  height: 50px;
  font-size: 14px;
  line-height: 50px; }

.drawer-default .drawer-submenu-item a:hover, .drawer-default .drawer-submenu-item a:focus {
  color: #fff; }

.drawer-default .dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  background-color: #222;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.drawer-default .dropdown-menu > li > a {
  padding: 0 !important; }

.drawer-default .dropdown.open > .dropdown-menu {
  position: static;
  display: block;
  float: none;
  width: auto; }

.drawer-navbar-default {
  background-color: #222; }

.drawer-navbar-default + .drawer-overlay {
  background-color: #fff; }

.drawer-navbar-default li, .drawer-navbar-default a, .drawer-navbar-default .drawer-brand {
  position: relative;
  display: block; }

.drawer-navbar-default a {
  text-decoration: none;
  outline: 0; }

.drawer-navbar-default a:hover, .drawer-navbar-default a:focus {
  text-decoration: none; }

.drawer-navbar-default .drawer-brand a {
  padding: 20px 15px;
  font-size: 22px;
  color: #fff; }

.drawer-navbar-default .drawer-brand a:hover, .drawer-navbar-default .drawer-brand a:focus {
  color: #555; }

.drawer-navbar-default .drawer-brand > img {
  display: block; }

.drawer-navbar-default .drawer-footer {
  position: relative;
  height: 50px;
  padding: 0 15px;
  line-height: 50px;
  background-color: transparent; }

.drawer-navbar-default .drawer-footer span:before, .drawer-navbar-default .drawer-footer span:after {
  display: block;
  content: " "; }

.drawer-navbar-default ul {
  padding: 0;
  margin: 0;
  list-style: none; }

.drawer-navbar-default .drawer-menu.drawer-navbar-right {
  float: none; }

.drawer-navbar-default .drawer-menu-item {
  padding: 15px 15px 0;
  font-size: 18px;
  color: #555; }

.drawer-navbar-default .drawer-menu-item.disabled a {
  color: #333; }

.drawer-navbar-default .drawer-menu-item.disabled a:hover, .drawer-navbar-default .drawer-menu-item.disabled a:focus {
  color: #333;
  cursor: not-allowed;
  background-color: transparent; }

.drawer-navbar-default .drawer-menu-item a {
  color: #888; }

.drawer-navbar-default .drawer-menu-item a:hover, .drawer-navbar-default .drawer-menu-item a:focus {
  color: #fff;
  background-color: transparent; }

.drawer-navbar-default .drawer-menu-item a img {
  max-width: none; }

.drawer-navbar-default .drawer-submenu {
  margin-bottom: 20px; }

.drawer-navbar-default .drawer-submenu:last-child {
  margin-bottom: 0; }

.drawer-navbar-default .drawer-submenu-item {
  padding: 0; }

.drawer-navbar-default .drawer-submenu-item a {
  height: 50px;
  font-size: 14px;
  line-height: 50px; }

.drawer-navbar-default .drawer-submenu-item a:hover, .drawer-navbar-default .drawer-submenu-item a:focus {
  color: #fff; }

.drawer-navbar-default .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  background-color: #222;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.drawer-navbar-default .dropdown-menu > li > a {
  padding: 0 !important; }

.drawer-navbar-default .dropdown.open > .dropdown-menu {
  display: block; }

.drawer-dropdown .caret, .drawer-dropdown-hover .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

.drawer-dropdown.open .caret, .drawer-dropdown-hover.open .caret {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990; }

.drawer-default .grid-row.nav-mypage {
  /*background: #63793f;*/
  background: #A8BB50;
  height: 60px;
  background-image: url('/image/new/nav-my-page-supervisor.sp.480.png');
  background-size: 66px 84px;
  background-repeat: no-repeat;
  background-position: 8px -72px; }
  .drawer-default .grid-row.nav-mypage li {
    border-bottom: none;
    border-right: 1px solid rgba(255, 255, 255, 0.2); }
    .drawer-default .grid-row.nav-mypage li:last-child {
      border-right: none; }
    .drawer-default .grid-row.nav-mypage li a {
      padding: 8px 0; }
    .drawer-default .grid-row.nav-mypage li [class^="sp-"] {
      display: block;
      width: 28px;
      height: 28px;
      line-height: 28px;
      background-size: 28px;
      margin: auto; }
      .drawer-default .grid-row.nav-mypage li [class^="sp-"] + span {
        display: block;
        color: #fff;
        font-size: 10px;
        line-height: 16px;
        text-align: center; }
.drawer-default .drawer-brand {
  height: 80px;
  background-color: #A29845;
  /*background-image: url("../image/site/icon/mylist_sp.png");*/
  background-image: url(../image/202108/drower.sp.480.png);
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 50%; }
.drawer-default .drawer-nav-list li a {
  text-align: left; }
.drawer-default .drawer-nav-list .drawer-subhead {
  font-size: 12px;
  background: #D5D4DF;
  margin: 0;
  padding: 4px 12px;
  font-weight: bold; }

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
  transition: height .35s ease; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left; }
    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
      display: block;
      max-width: 100%;
      height: auto;
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .item {
        transition: transform .6s ease-in-out;
        backface-visibility: hidden;
        perspective: 1000; }
        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
          transform: translate3d(100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
          transform: translate3d(-100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
          transform: translate3d(0, 0, 0);
          left: 0; } }
  .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left, .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-control.left {
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x; }
  .carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x; }
  .carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa-angle-left, .carousel-control .fa-angle-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block; }
  .carousel-control .icon-prev, .carousel-control .fa-angle-left {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next, .carousel-control .fa-angle-right {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev, .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif; }
  .carousel-control .icon-prev:before {
    content: '\2039'; }
  .carousel-control .icon-next:before {
    content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: transparent; }
  .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn {
    text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .fa-angle-left, .carousel-control .fa-angle-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px; }
  .carousel-control .fa-angle-left, .carousel-control .icon-prev {
    margin-left: -15px; }
  .carousel-control .fa-angle-right, .carousel-control .icon-next {
    margin-right: -15px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.panel-heading {
  background: inherit;
  background-image: url("/image/new/bg-dot.sp.480.png");
  background-size: 26px; }
  .panel-heading:before, .panel-heading:after {
    content: " ";
    display: table; }
  .panel-heading:after {
    clear: both; }
  .panel-heading .panel-title {
    border-top: 1px solid #f8e692;
    border-bottom: 1px solid #f8e692;
    font-size: 16px;
    margin: 0;
    text-align: center; }
    .panel-heading .panel-title a {
      color: #fff;
      font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: normal;
      text-decoration: none;
      display: block;
      position: relative;
      line-height: 44px; }
      .panel-heading .panel-title a::after {
        color: #f8e692;
        font-family: 'FontAwesome';
        content: "\f068";
        display: block;
        position: absolute;
        width: 44px;
        height: 44px;
        right: 0;
        top: 0;
        border-left: 1px solid #f8e692; }
      .panel-heading .panel-title a.collapsed::after {
        content: "\f067"; }

.panel-second .panel-heading {
  background-size: 100%;
  border-bottom: 1px solid #f8e692;
  border-top: 0;
  background: #A29845; }
  .panel-second .panel-heading .panel-title {
    text-align: left;
    border: 0; }
    .panel-second .panel-heading .panel-title a {
      color: #fff;
      padding: 8px 12px;
      font-size: 20px;
      line-height: 28px; }
      .panel-second .panel-heading .panel-title a[target="_blank"]::after {
        display: none; }
      .panel-second .panel-heading .panel-title a::after {
        color: #fff;
        border: 0;
        line-height: 64px;
        text-align: center;
        right: 12px;
        top: 50%;
        line-height: 1;
        margin-top: -.5em;
        width: auto;
        height: auto; }
      .panel-second .panel-heading .panel-title a .caption {
        font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Roboto, 'Droid Sans', 'osaka', 'メイリオ', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        display: block;
        font-size: 12px;
        line-height: 20px; }
.panel-second .panel-body {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .panel-second .panel-body .custom-form {
    padding: 0;
    max-width: 100%; }

#bn_spmenu {
  position: fixed;
  top: 96px;
  right: 0px;
  z-index: 100;
  width: 72px;
  height: 56px;
  background-color: #e4ce56;
  border-radius: 8px 0 0 8px;
  box-shadow: 0 3px 5px #e4ce56;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease; }
  #bn_spmenu a {
    display: block;
    padding: 38px 10px 8px;
    background-image: url('/image/new/icon-special.sp.480.png');
    background-size: 36px;
    background-repeat: no-repeat;
    background-position: 50% 2px;
    color: #ffffff;
    font-size: 10px;
    text-align: center; }
    #bn_spmenu a img {
      width: 100%; }
  #bn_spmenu.on-scroll {
    -webkit-transform: translate(200%, 0);
    transform: translate(200%, 0);
    opacity: 0; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: white;
  color: #484D52;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.modal-header {
  padding: 12px;
  min-height: 13.66667px; }

.modal-header .close {
  cursor: pointer;
  position: absolute;
  right: 4px;
  top: 12px;
  font-size: 32px;
  line-height: 1;
  color: #7F6952;
  padding: 0 8px; }

.modal-header .modal-title {
  border-left: 4px solid;
  padding-left: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 32px;
  font-weight: normal; }

.modal-body {
  position: relative;
  padding: 12px; }

.modal-footer {
  padding: 12px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.modal .basic-text-style {
  margin: 0;
  padding: 0; }

.modal .btn-wrap {
  margin-left: 0;
  margin-right: 0; }

.modal .inline-list {
  text-align: center; }
  .modal .inline-list img {
    display: inline-block; }

a[data-toggle="modal"] {
  cursor: pointer; }

@font-face {
  font-family: 'FontAwesome';
  src: url('data:application/octet-stream;base64,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') format('woff'), url('data:application/octet-stream;base64,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IyAgPLAEI0IjOLErARQrsARDLrArKy2wRCywABUgR7AAI0KyAAEBFRQTLrAxKi2wRSywABUgR7AAI0KyAAEBFRQTLrAxKi2wRiyxAAEUE7AyKi2wRyywNCotsEgssAAWRSMgLiBGiiNhOLErARQrLbBJLLAII0KwSCstsEossgAAQSstsEsssgABQSstsEwssgEAQSstsE0ssgEBQSstsE4ssgAAQistsE8ssgABQistsFAssgEAQistsFEssgEBQistsFIssgAAPistsFMssgABPistsFQssgEAPistsFUssgEBPistsFYssgAAQCstsFcssgABQCstsFgssgEAQCstsFkssgEBQCstsFossgAAQystsFsssgABQystsFwssgEAQystsF0ssgEBQystsF4ssgAAPystsF8ssgABPystsGAssgEAPystsGEssgEBPystsGIssDcrLrErARQrLbBjLLA3K7A7Ky2wZCywNyuwPCstsGUssAAWsDcrsD0rLbBmLLA4Ky6xKwEUKy2wZyywOCuwOystsGgssDgrsDwrLbBpLLA4K7A9Ky2waiywOSsusSsBFCstsGsssDkrsDsrLbBsLLA5K7A8Ky2wbSywOSuwPSstsG4ssDorLrErARQrLbBvLLA6K7A7Ky2wcCywOiuwPCstsHEssDorsD0rLbByLLMJBAIDRVghGyMhWUIrsAhlsAMkUHiwARUwLQBLuADIUlixAQGOWbABuQgACABjcLEABUKxAAAqsQAFQrEACCqxAAVCsQAIKrEABUK5AAAACSqxAAVCuQAAAAkqsQMARLEkAYhRWLBAiFixA2REsSYBiFFYugiAAAEEQIhjVFixAwBEWVlZWbEADCq4Af+FsASNsQIARAA=') format('truetype');
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fa-user:before {
  content: '\f007'; }

.fa-home:before {
  content: '\f015'; }

.fa-arrow-left:before {
  content: '\f060'; }

.fa-plus:before {
  content: '\f067'; }

.fa-minus:before {
  content: '\f068'; }

.fa-calendar:before {
  content: '\f073'; }

.fa-angle-left:before {
  content: '\f104'; }

.fa-angle-right:before {
  content: '\f105'; }

.fa-angle-up:before {
  content: '\f106'; }

.fa-angle-down:before {
  content: '\f107'; }

.fa-mail:before {
  content: '\f805'; }

.fa-ok-circle:before {
  content: '\f806'; }

.fa-clock:before {
  content: '\f808'; }

.fa-check:before {
  content: '\f80d'; }

.fa-star:before {
  content: '\e800'; }

.fa-meh-o:before {
  content: '\e801'; }

.fa-smile-o:before {
  content: '\e802'; }

.footer .inc {
  padding: 24px 0;
  font-size: 10px;
  text-align: center; }
  .footer .inc span {
    display: inline-block; }

.foot-controler {
  margin-bottom: 16px; }
  .foot-controler .grid-row {
    height: 56px;
    background:#CFDEB7; }
    .foot-controler .grid-row > div.listpage-back a {
      text-align: left; }
    .foot-controler .grid-row > div a {
      font-size: 16px;
      line-height: 56px;
      color: #484D52;
      padding-left: 12px;
      padding-right: 12px; }
    .foot-controler .grid-row > div:not(:last-child) {
      border-right: 1px solid rgba(0, 0, 0, 0.1); }

.item-scroll {
  margin: 0 8px; }
  .item-scroll:before, .item-scroll:after {
    content: " ";
    display: table; }
  .item-scroll:after {
    clear: both; }
  .item-scroll .scrolltop {
    float: right;
    background: #d1d1d1;
    border-radius: 0 0 4px 4px;
    padding: 4px 16px; }

.section-supervisor {
  font-size: 12px;
  line-height: 20px; }
  .section-supervisor .top-section-title a {
    text-align: center;
    padding-left: 12px; }
    .section-supervisor .top-section-title a::after {
      text-align: center; }
  .section-supervisor .area-supervisor {
    padding: 20px 0 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .section-supervisor .area-supervisor .row {
      width: 100%;
      border-collapse: collapse;
      height: 120px;
      background-image: url(../image/site/icon/sv.sp.480.png);
      background-position: 12px 0;
      background-size: contain;
      background-repeat: no-repeat; }
    .section-supervisor .area-supervisor .item-info h4 {
      margin: 0 0 4px 144px;
      font-size: 16px;
      line-height: 1;
      padding-top: 4px; }
    .section-supervisor .area-supervisor .item-info p {
      position: relative;
      margin: 0 12px 8px 144px;
      height: 45px;
      line-height: 1.2; }
      .section-supervisor .area-supervisor .item-info p > a {
        display: block;
        margin: 8px 0;
        text-align: center;
        padding: 4px 0;
        background: #414141;
        color: #fff; }
    .section-supervisor .area-supervisor .item-info .item-link {
      margin-bottom: 0; }
      .section-supervisor .area-supervisor .item-info .item-link:before, .section-supervisor .area-supervisor .item-info .item-link:after {
        content: " ";
        display: table; }
      .section-supervisor .area-supervisor .item-info .item-link:after {
        clear: both; }
      .section-supervisor .area-supervisor .item-info .item-link li {
        float: left; }
        .section-supervisor .area-supervisor .item-info .item-link li:not(:last-child)::after {
          content: '|';
          display: inline-block; }
        .section-supervisor .area-supervisor .item-info .item-link li:not(:first-child) a {
          padding-left: 8px; }
        .section-supervisor .area-supervisor .item-info .item-link li a {
          display: inline-block;
          padding: 4px 8px 4px 0; }

.common-footer {
  font-size: 12px;
  line-height: 20px;
  padding-top: 0;
  background: #FFF; }
  .common-footer a {
    color: #444; }
    .common-footer a:hover {
      color: #777777; }
  .common-footer .inc {
    color: #fff;
    background: #89CD00;
    padding: 8px 12px;
    line-height: 14px; }

.area-share {
  margin-bottom: 24px; }
  .area-share .grid-row .share-btn {
    height: 40px;
    padding: 10px 0; }
    .area-share .grid-row .share-btn span {
      display: block;
      width: 107px;
      height: 19px;
      margin: auto;
      padding-left: 20px;
      background-image: url(../image/common/share.sp.480.png);
      background-size: 21px 86px;
      background-repeat: no-repeat;
      line-height: 19px;
      font-size: 11px;
      color: #fff; }
  .area-share .grid-row .share-fb {
    background-color: #305097; }
    .area-share .grid-row .share-fb span {
      background-position: 8px 0; }
  .area-share .grid-row .share-tw {
    background-color: #00aced; }
    .area-share .grid-row .share-tw span {
      background-position: 8px -33px;
      padding-left: 26px; }
  .area-share .grid-row .share-li {
    background-color: #5ae628; }
    .area-share .grid-row .share-li span {
      background-position: 8px -67px; }

.area-request {
  margin: 0 auto 32px;
  width: 288px; }
  .area-request a {
    display: block;
    padding: 4px;
    font-size: 16px;
    text-decoration: underline;
    font-weight: bold; }

.area-footnav {
  padding: 0 12px;
  margin-bottom: 40px; }
  .area-footnav .grid-row {
    margin-bottom: 16px; }
    .area-footnav .grid-row a {
      font-size: 10px;
      display: block;
      text-align: center; }
      .area-footnav .grid-row a .footnav-icon {
        display: block;
        width: 48px;
        height: 48px;
        margin: auto;
        background-image: url(../image/common/share.sp.480.png);
        background-repeat: no-repeat; }
        .area-footnav .grid-row a .footnav-icon.icon-help {
          background-position: 0px 0px; }
        .area-footnav .grid-row a .footnav-icon.icon-mail {
          background-position: -56px 0px; }
        .area-footnav .grid-row a .footnav-icon.icon-inquiry {
          background-position: 0px -56px; }
        .area-footnav .grid-row a .footnav-icon.icon-edit {
          background-position: -56px -56px; }
        .area-footnav .grid-row a .footnav-icon.icon-unreg {
          background-position: -112px 0px; }
  .area-footnav .footnav-sub {
    margin: 0 auto;
    width: 285px; }
    .area-footnav .footnav-sub:before, .area-footnav .footnav-sub:after {
      content: " ";
      display: table; }
    .area-footnav .footnav-sub:after {
      clear: both; }
    .area-footnav .footnav-sub li {
      float: left; }
      .area-footnav .footnav-sub li:not(:nth-child(3n))::after {
        content: '|'; }
      .area-footnav .footnav-sub li a {
        display: inline-block;
        padding: 4px; }

.scroll-top {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  margin-bottom: 12px;
  height: 42px; }
  .scroll-top > a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../image/common/scroll-top.sp.480.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 60px 42px; }

.header-main {
  height: 64px;
  background-image: url(../image/202108/header.sp.480.png);
  /*background-color: #A29845;
  background-image: url(../image/site/icon/bg-deco-header-left.sp.480.png), url(../image/site/icon/bg-deco-header-right.sp.480.png);*/
  background-position-x: 0px, 100%;
  background-position-y: 50%, 50%;
  background-size: contain;
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-attachment: initial, initial;
  background-origin: initial, initial;
  background-clip: initial, initial;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 50%, 100% 50%; }
  .header-main .brand-logo {
    margin: 0;
    padding-left: 12px; }
    .header-main .brand-logo > a {
      display: block;
      -webkit-tap-highlight-color: transparent;
      color: transparent; }
      .header-main .brand-logo > a .title-img {
        width: 148px;
        height: 64px;
        margin: 5px 0px 5px 0px;
        /*background-image: url(../image/site/brand.sp.480.png);*/
        background-size: 48%;
        background-repeat: no-repeat;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 100%; }
  .header-main .menu-icon a, .header-main .menu-icon button {
    color: #484D52;
    display: block;
    padding: 16px 0;
    width: 100%;
    height: 64px;
    appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    outline: none; }
    .header-main .menu-icon a [class^=sp-], .header-main .menu-icon button [class^=sp-] {
      display: block;
      margin: auto;
      width: 32px;
      height: 32px;
      background-position: center;
      background-size: 100%; }

.grid-row > div a [class^=sp-] {
  display: block;
  width: 28px;
  height: 28px;
  margin: auto;
  background-size: 100%;
  margin: 0 auto; }
  .grid-row > div a [class^=sp-] + span {
    display: block;
    font-size: 10px;
    line-height: 1;
    text-align: center; }

.header-collapse {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 100; }
  .header-collapse.collapsing {
    position: absolute; }
  .header-collapse .collapse-body {
    padding: 0; }
  .header-collapse .collapse-list {
    background: rgba(65, 65, 65, 0.85);
    border-top: 1px solid #343434; }
    .header-collapse .collapse-list li {
      border-bottom: 1px solid #343434; }
      .header-collapse .collapse-list li a {
        text-decoration: none;
        color: #F7F7F7;
        display: block;
        font-size: 16px;
        line-height: 24px;
        padding: 12px 0;
        text-align: center; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*::before, *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

.hide {
  display: none !important; }

.vh {
  visibility: hidden; }

.container {
/*  position: relative;*/
  margin-right: auto;
  margin-left: auto; }

/*
@media (min-width: 768px) {
  .container {
    width: 750px; } }

@media (min-width: 992px) {
  .container {
    width: 970px; } }

@media (min-width: 1200px) {
  .container {
    width: 1170px; } }

*/


img {
  display: block;
  max-width: 100%; }

.cocoloni-b, .cocoloni-w {
  position: relative;
  z-index: 10;
  height: 25px;
  background: #89CD00; }
  .cocoloni-b .cocoloni, .cocoloni-w .cocoloni {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    background-repeat: no-repeat;
    background-size: 75px 12px;
    background-position: 50% 43%;
    width: 82px;
    height: 25px;
    margin: 0 auto;
    padding: 0;
    background-image: url(../image/common/cocoloni-brand.sp.480.png); }

.cocoloni-w {
  background: #FFF; }

#header {
  position: relative;
  z-index: 100; }

.c, .t-c {
  text-align: center !important; }

.r, .t-r {
  text-align: right !important; }

.l, .t-l {
  text-align: left !important; }

.st_1 {
  color: #414141; }

.st_2 {
  color: #4CAF50; }

.st_3 {
  color: #03A9F4; }

.st_4 {
  color: #FDD835; }

.st_5 {
  color: #F44336; }

.va_m {
  vertical-align: middle; }

.va_t {
  vertical-align: top; }

.va_b {
  vertical-align: bottom; }

.w100 {
  width: 100%;
  height: auto;
  display: block; }

.h100 {
  height: 100%;
  width: auto;
  display: block; }

.float_l, .f-l {
  float: left; }

.float_r, .f-r {
  float: right; }

.both {
  clear: both; }

.rel {
  position: relative; }

.abs {
  position: absolute; }

.fxd {
  position: fixed; }

.list_head {
  font-size: 120%;
  font-weight: bold; }

.list_object {
  font-size: 90%; }

.list_section {
  margin: 10px; }

.cs01 {
  color: #FFF;
  background: #414141; }

.cs02 {
  color: #FFF;
  background: #4CAF50; }

.cs03 {
  color: #FFF;
  background: #03A9F4; }

.cs04 {
  color: #FFF;
  background: #FDD835; }

.cs05 {
  color: #FFF;
  background: #F44336; }

.cs05 {
  color: #FFF;
  background: #E98885; }


.custom-form {
  padding: 0 12px;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto; }
  .custom-form br {
    display: none; }
  .custom-form label {
    -webkit-tap-highlight-color: transparent;
    font-size: 12px;
    display: block;
    line-height: 3; }
    .custom-form label.necessary:after, .custom-form label.optional:after {
      vertical-align: middle;
      content: "";
      display: inline-block;
      line-height: 16px;
      padding: 0px 8px;
      font-size: 10px;
      color: #FFF;
      margin: 0 4px; }
    .custom-form label.necessary:after {
      content: "\5FC5\9808";
      background: #e83f20; }
    .custom-form label.optional:after {
      content: "\4efb\610f";
      background: #2065E8; }
  .custom-form .btn-wrap {
    margin-left: 0;
    margin-right: 0; }
  .custom-form input[type="text"], .custom-form input[type="tel"], .custom-form input[type="date"], .custom-form input[type="email"], .custom-form select, .custom-form textarea {
    color: #656565;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    margin: 8px 0;
    display: block;
border: 1px solid #4F4F4F;
    padding: 5px;
    width: 100%;
    background-color: #FFF;
font-size: 15px;
    line-height: 20px;
    box-sizing: border-box;
border-radius: 4px;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear; }
    .custom-form input[type="text"]:focus, .custom-form input[type="tel"]:focus, .custom-form input[type="date"]:focus, .custom-form input[type="email"]:focus, .custom-form select:focus, .custom-form textarea:focus {
      outline: none;
      border-color: #66afe9; }
  .custom-form textarea {
    resize: none;
    overflow: auto;
    height: auto; }
  .custom-form select, .custom-form select:focus {
    
  background-color: #FFF;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADlSURBVHjaYvz//z/DQALGUQeMOmDUASPeASwlwUECQHo/EF/oXbc+kR6WFgcFzgdSBkDsyAS1HMRJgErQw/IEqJ37QQ64gCRPU0cgWQ4DF5iPX7+x0UpTUwHqIhAwAPFB4jS2fAEoyplBLFo7ApflIAYzTIRWjsBnOYoDaOEIQpZjOICajiDGcqwOoIYjiLUcpwMocQQpluN1ADmOINVygg4gxRHkWE6UA4hxBLmWg2tDSlM2rAgnx3KSHYDDEQzkWk6WA/A4YgE51TkjlYrYBfRqS2A4gtLqe7RNOOqAAXcAQIABAN4y17CjZ6KqAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: 16px;
    height:40px;
  background-position: 98% 50%;
    
    /*
    background-image: url(../image/common/pulldown-arrow.sp.480.png);
    background-repeat: no-repeat;
    background-size: 16px;
    height:40px;
    background-position: 98% 50%;
    background-position: right 8px top 50%; */ }

.custom-form .switch, .common-form .switch {
  padding: 0;
  margin: 0 0 8px;
  position: relative; }
  .custom-form .switch:before, .custom-form .switch:after, .common-form .switch:before, .common-form .switch:after {
    content: " ";
    display: table; }
  .custom-form .switch:after, .common-form .switch:after {
    clear: both; }
  .custom-form .switch li, .common-form .switch li {
    list-style: none; }
    .custom-form .switch li:first-child input[type="radio"], .common-form .switch li:first-child input[type="radio"] {
      left: 0; }
    .custom-form .switch li:first-child label, .common-form .switch li:first-child label {
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .custom-form .switch li:last-child input[type="radio"], .common-form .switch li:last-child input[type="radio"] {
      right: 0; }
    .custom-form .switch li:last-child label, .common-form .switch li:last-child label {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
    .custom-form .switch li input[type="radio"], .common-form .switch li input[type="radio"] {
      cursor: pointer;
      padding: 0;
      margin: 0;
      position: absolute;
      z-index: 2;
      width: 50%;
      height: 40px;
      opacity: 0;
      -webkit-appearance: none;
      appearance: none; }
      .custom-form .switch li input[type="radio"]:disabled, .common-form .switch li input[type="radio"]:disabled {
        opacity: .5; }
        .custom-form .switch li input[type="radio"]:disabled + label, .common-form .switch li input[type="radio"]:disabled + label {
          opacity: .5; }
  .custom-form .switch input[type="radio"] + label, .common-form .switch input[type="radio"] + label {
    display: inline-block;
    position: relative;
    z-index: 1;
    line-height: 1;
    float: left;
    width: 50%;
    height: 40px;
    line-height: 40px;
    background: #C9CBCA;
    color: #666;
    text-align: center;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear; }
  .custom-form .switch input[type="radio"]:checked + label, .common-form .switch input[type="radio"]:checked + label {
    color: #fff;
    background: #414141; }

.radio-list, .check-list {
  margin-left: -12px;
  margin-right: -12px; }
  .radio-list .list-header, .check-list .list-header {
    background: #F7F7F7;
    font-size: 12px;
    padding: 4px 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0; }
    .radio-list .list-header > small, .check-list .list-header > small {
      display: block;
      font-size: 10px; }
  .radio-list ul, .check-list ul {
    margin-bottom: 24px; }
    .radio-list ul li, .check-list ul li {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      .radio-list ul li > label, .check-list ul li > label {
        padding: 8px;
        font-size: 16px;
        line-height: 24px;
        position: relative; }
      .radio-list ul li input[type="radio"], .radio-list ul li input[type="checkbox"], .check-list ul li input[type="radio"], .check-list ul li input[type="checkbox"] {
        -webkit-transform: scale(1.4, 1.4);
        transform: scale(1.4, 1.4);
        vertical-align: middle;
        margin-right: 8px; }

.confirmation {
  table-layout: fixed;
  margin: 0 0 16px;
  empty-cells: show;
  width: 100%; }
  .confirmation tbody {
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1); }
  .confirmation tr {
    height: 40px;
    width: 100%; }
  .confirmation td {
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    background:#656565;
    border-bottom: solid 1px transparent;
    border-color:#656565;
    padding: 0 4px; }
    .confirmation td:nth-child(odd) {
      width: 30%;
      color: #fff; }
    .confirmation td:nth-child(even) {
      font-size: 12px;
      width: 65%;
      border-width: 0 0 1px 0;
      background: white;
      color: inherit; }

.common-form {
  padding: 8px 12px; }
  .common-form .form-control:before, .common-form .form-control:after {
    content: " ";
    display: table; }
  .common-form .form-control:after {
    clear: both; }
  .common-form .form-control label, .common-form .form-control .label {
    display: block; }
    .common-form .form-control label:before, .common-form .form-control label:after, .common-form .form-control .label:before, .common-form .form-control .label:after {
      content: " ";
      display: table; }
    .common-form .form-control label:after, .common-form .form-control .label:after {
      clear: both; }
    .common-form .form-control label > .cell, .common-form .form-control .label > .cell {
      float: left;
      margin: 8px 0; }
    .common-form .form-control label span, .common-form .form-control .label span {
      display: block;
      line-height: 1.2;
      padding: 4px 0; }
      .common-form .form-control label span.must::after, .common-form .form-control .label span.must::after {
        content: '*';
        color: #F00; }
  .common-form .form-control input[type="text"], .common-form .form-control input[type="tel"], .common-form .form-control input[type="time"], .common-form .form-control input[type="date"], .common-form .form-control select {
    color: #484D52;
    background-color: #fff;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 8px;
    font-size: 16px;
    line-height: 2;
    min-height: 32px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease; }
    .common-form .form-control input[type="text"]:focus, .common-form .form-control input[type="tel"]:focus, .common-form .form-control input[type="time"]:focus, .common-form .form-control input[type="date"]:focus, .common-form .form-control select:focus {
      border-color: #66afe9; }
    .common-form .form-control input[type="text"].required.error, .common-form .form-control input[type="tel"].required.error, .common-form .form-control input[type="time"].required.error, .common-form .form-control input[type="date"].required.error, .common-form .form-control select.required.error {
      background: #FFDFD0;
      border-color: #EF7C6C; }
    .common-form .form-control input[type="text"] + label.error, .common-form .form-control input[type="tel"] + label.error, .common-form .form-control input[type="time"] + label.error, .common-form .form-control input[type="date"] + label.error, .common-form .form-control select + label.error {
      color: #F00; }
  .common-form .form-control select, .common-form .form-control select:focus {
    background-color: #fff;
    background-image: url(../image/common/pulldown-arrow.sp.480.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 98% 50%;
    background-position: right 8px top 50%; }
  .common-form .btn-wrap {
    margin: 16px 0; }

.list-check-switch .row {
  display: table;
  table-layout: fixed;
  width: 100%; }
  .list-check-switch .row .text-box, .list-check-switch .row .input-box {
    display: table-cell;
    vertical-align: middle;
    height: 80px;
    padding: 8px;
    -webkit-tap-highlight-color: transparent; }
  .list-check-switch .row .text-box {
    width: 100%;
    padding-right: 0; }
    .list-check-switch .row .text-box small {
      display: block;
      line-height: 1.4;
      font-weight: normal;
      font-size: 12px;
      color: #888; }
  .list-check-switch .row .input-box {
    width: 58px;
    padding: 8px; }
  .list-check-switch .row input[type="checkbox"] {
    position: absolute;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    opacity: 0;
    margin: 0;
    padding: 0;
    height: auto;
    width: auto;
    border: 0; }
  .list-check-switch .row input[type="checkbox"].check-switch + div {
    vertical-align: middle;
    width: 44px;
    height: 26px;
    border: 2px solid #E2E2E2;
    border-radius: 12px;
    background-color: #FAFAFA;
    box-shadow: inset 0 0 0 0px rgba(26, 188, 156, 0);
    -webkit-transition: all .4ms ease;
    transition: all .4ms ease; }
  .list-check-switch .row input[type="checkbox"].check-switch.on:checked + div {
    background-color: #00E051;
    box-shadow: inset 0 0 0 13px #00E051;
    border: 2px solid #00CA49; }
  .list-check-switch .row input[type="checkbox"].check-switch.off:checked + div {
    background-color: #EB7268;
    border: 1px solid #B83D33; }
  .list-check-switch .row input[type="checkbox"].check-switch + div > div {
    float: left;
    background: #ffffff;
    -webkit-transition: all 0.4s cubic-bezier(.54, 1.85, .5, 1);
    transition: all 0.4s cubic-bezier(.54, 1.85, .5, 1);
    border: 1px solid #CACACA;
    pointer-events: none;
    margin-top: 0;
    margin-left: 0; }
  .list-check-switch .row input[type="checkbox"].check-switch + div > div {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    margin-top: -2px;
    margin-left: -2px; }
  .list-check-switch .row input[type="checkbox"].check-switch:checked + div > div {
    -webkit-transform: translate(18px, 0);
    transform: translate(18px, 0);
    background-color: #ffffff; }

.btn-wrap {
  margin-left: 12px;
  margin-right: 12px; }

.btn-row:before, .btn-row:after {
  content: " ";
  display: table; }
.btn-row:after {
  clear: both; }
.btn-row > .col1-2 {
  float: left;
  padding: 4px 0; }
  .btn-row > .col1-2:nth-child(odd) {
    padding-right: 4px; }
  .btn-row > .col1-2:nth-child(even) {
    padding-left: 4px; }
  .btn-row > .col1-2 .btn {
    margin: 0; }

.btn {
  -webkit-appearance: none;
  cursor: pointer;
  border: 0;
  display: inline-block;
  padding: 4px 8px;
  font-size: 12px;
  margin: 0px 0;
  border-radius: 4px;
  line-height: 20px;
  color: #FFF;
  outline: none;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -webkit-touch-callout: none; }
  .btn.smaller {
    margin: 4px 0;
    padding: 2px 4px;
    font-size: 8px; }
  .btn.larger {
    margin: 0px 0;
    padding: 8px 0;
   /*font-weight: bold;*/
   font-size: 15px;
    line-height: 22px;
    min-height: 40px;
  }
  .btn.arrow {
    position: relative; }
    .btn.arrow:after {
      position: absolute;
      content: "\f105";
      font-family: 'FontAwesome';
      color: #FFF;
      font-size: 16px;
      line-height: 1;
      right: 8px;
      top: 50%;
      margin-top: -.5em; }
  .btn.cs01 {
    background: #ACC052; }
    .btn.cs01:hover {
      background: #ACC052; }
  .btn.cs02 {
    background: #4CAF50; }
    .btn.cs02:hover {
      background: #357a38; }
  .btn.cs03 {
    background: #03A9F4; }
    .btn.cs03:hover {
      background: #0275a8; }
  .btn.cs04 {
    background: #FDD835; }
    .btn.cs04:hover {
      background: #e3ba02; }
  .btn.cs05 {
    background: #F44336; }
    .btn.cs05:hover {
      background: #d2190b; }

.btn.cs06{
  background: #E98885;
}

.cs07{
  background: #BC9964;
}

.cs08{	
  background: #FFFFFF;	
  font-size: 13px;	
  line-height: 16px;	
  color: #E98885;	
  border: 1px solid #E98885;	
  box-sizing: border-box;	
  border-radius: 5px;	
}	
.cs09{	
  background: #F3B6B4;	
}

  .btn.outline, .btn.outline:hover {
    margin-top: -1px;
    margin-bottom: -1px;
    background: inherit;
    border: 1px solid #414141;
    color: #414141; }
  .btn.block {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
      margin-bottom: 10px;}
  .btn a {
    color: #fff;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent; }

.category-basic .btn {
  background: #9567EE; }

.category-love .btn {
  background: #EE6F81; }

.category-marry .btn {
  background: #F1845A; }

.category-money .btn {
  background: #CFA746; }

.category-home .btn {
  background: #F1845A; }

.category-business .btn {
  background: #659EEC; }

.category-job .btn {
  background: #659EEC; }

.category-human .btn {
  background: #4ECE87; }

.category-future .btn {
  background: #9567EE; }

.color-type-1 .btn {
  background:#BC9964;
  color: #ffffff; }

.color-type-2 .btn {
  background:#BC9964;
  color: #ffffff; }

.color-type-3 .btn {
  background: #9eb823;
  color: #ffffff; }

.color-type-4 .btn {
  background: #fff;
  color: #fff; }

.color-type-5 .btn {
  background: #000;
  color: #000; }

.btn-wrap-right {
  margin: 0 0 16px auto;
  width: 33.3%; }
  .btn-wrap-right > .btn {
    /* width: 100%; */
    height: 40px;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    background: #BC9964;
    border-radius: 0;
    margin-right: 20px;
    border-radius: 4px;
  }

.list-header {
  background: #F7F7F7;
  font-size: 12px;
  padding: 4px 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0; }
  .list-header small {
    display: block;
    font-size: 10px; }

.list-base {
  padding: 0;
  list-style-type: none;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0; }
  .list-base li {
    background: white;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .list-base li a, .list-base li > div:not(.sub-info) {
      display: block;
      width: 100%;
      text-decoration: none;
      padding: 10px 0px 10px 0px;
      -webkit-tap-highlight-color: transparent; }
      .list-base li a .tip, .list-base li > div:not(.sub-info) .tip {
        display: block;
        float: left;
font-size: 12px;
    border-radius: 2px;
    padding: 1px 4px;
    margin: 0 4px 0 0;
        background:#ACC052;
        color: #FFF;
          border: 1px solid #ACC052;}
        .list-base li a .tip.rank-1, .list-base li > div:not(.sub-info) .tip.rank-1 {
          background: #CF9F45; }
        .list-base li a .tip.rank-2, .list-base li > div:not(.sub-info) .tip.rank-2 {
          background: #A8A7AD; }
        .list-base li a .tip.rank-3, .list-base li > div:not(.sub-info) .tip.rank-3 {
          background: #895E54; }
      .list-base li a .menu-name, .list-base li > div:not(.sub-info) .menu-name {
        clear: both;
        display: block;
        color: #656565;
        font-weight: bold;
        font-size: 15px;
        line-height: 21px;
        padding-top:6px;
      }
        .list-base li a .menu-name img, .list-base li a .menu-name br, .list-base li > div:not(.sub-info) .menu-name img, .list-base li > div:not(.sub-info) .menu-name br {
          display: none; }
      .list-base li a .caption, .list-base li > div:not(.sub-info) .caption {
        display: -webkit-box;
        display: box;
        margin-right: 10px;
        -webkit-box-orient: vertical;
        box-orient: vertical;
        -webkit-line-clamp: 3;
        color: #AAA;
        font-size: 12px;
        line-height: 16px;
        max-height: 48px;
        overflow: hidden;
        position: relative; }
        .list-base li a .caption img, .list-base li > div:not(.sub-info) .caption img {
          display: none; }
        .list-base li a .caption::after, .list-base li > div:not(.sub-info) .caption::after {
          content: attr(data-length-msg);
          position: absolute;
          bottom: 0;
          right: 0;
          background: #FAF9F7; }
    .list-base li div:not(.sub-info) .menu-name {
      color:#656565; }
    .list-base li a:not(.disabled) {
      position: relative; }
      .list-base li a:not(.disabled):after {
        position: absolute;
     /*  content: "\f105"; */
        font-family: 'FontAwesome';
        color: inherit;
        font-size: 16px;
        line-height: 1;
        right: 0px;
        top: 50%;
        margin-top: -.5em; }
    .list-base li a.disabled {
      color: #90756C;
      padding: 24px 12px; }
  .list-base.list-develop {
    border-top: none; }
    .list-base.list-develop li a {
      padding: 12px 20px 0 20px;}
      .list-base.list-develop li a .new {
        color: #ff4a0b;
        margin-right: 2px;
        font-size: 14px; }
      .list-base.list-develop li a .menu-name-wrap {
        display: block;
        line-height: 24px;
        height: 48px; }
        .list-base.list-develop li a .menu-name-wrap > .menu-name {
          display: block; }
    .list-base.list-develop li .sub-info {
      display: block;
      margin-top: 12px; }
      .list-base.list-develop li .sub-info:before, .list-base.list-develop li .sub-info:after {
        content: " ";
        display: table; }
      .list-base.list-develop li .sub-info:after {
        clear: both; }
      .list-base.list-develop li .sub-info .labels {
        float: left;
        margin-right: 8px;
        padding: 0 4%;
        height: 24px;
        text-align: center;
        line-height: 24px;
        color: #fff;
        background: #D8BF41; }
      .list-base.list-develop li .sub-info .date {
        line-height: 24px; }

.list-special {
  border-top: none; }
  .list-special .pakege-name {
    display: block;
    position: relative; }
    .list-special .pakege-name > img {
      margin: 8px 0; }
    .list-special .pakege-name > span {
      position: absolute;
      display: block;
      width: 100%;
      padding: 4px 12px;
      bottom: 0;
      color: #fff;
      font-size: 14px;
      line-height: 18px;
      background: rgba(0, 0, 0, 0.4); }
    .list-special .pakege-name.new::after {
      content: "";
      display: block;
      position: absolute;
      width: 40px;
      height: 40px;
      top: 0;
      left: 0;
      background-image: url(../image/common/special-new.sp.480.png);
      background-size: 100%; }
  .list-special li:before, .list-special li:after {
    content: " ";
    display: table; }
  .list-special li:after {
    clear: both; }
  .list-special li a .caption {
    margin-right: 0; }
  .list-special li a .date {
    float: right;
    margin: 4px 0; }

.list-row-group:before, .list-row-group:after {
  content: " ";
  display: table; }
.list-row-group:after {
  clear: both; }
.list-row-group li {
  float: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .list-row-group li.col1-2:not(:nth-child(odd)) {
    border-left: 1px solid #e3e3e3; }
  .list-row-group li a {
    text-decoration: none;
    display: block;
    padding: 8px 12px;
    position: relative; }

.list-expand {
  margin-bottom: 0; }
  .list-expand li {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 88px; }
    .list-expand li .menu-name {
      display: block;
      clear: both;
      font-weight: bold;
      font-size: 16px;
      line-height: 20px; }
      .list-expand li .menu-name img {
        display: none; }
    .list-expand li .caption {
      color: #BBA894;
      font-size: 12px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block; }
      .list-expand li .caption br {
        display: none; }
    .list-expand li .item-listitem-info {
      display: table-cell;
      vertical-align: middle;
      padding-left: 12px; }
      .list-expand li .item-listitem-info a {
        color: #414141;
        display: block; }
    .list-expand li .item-listitem-status {
      display: table-cell;
      vertical-align: middle;
      width: 66px; }
      .list-expand li .item-listitem-status .item-date, .list-expand li .item-listitem-status .item-check {
        margin-left: auto;
        margin-right: 7px;
        width: 44px;
        text-align: center; }
      .list-expand li .item-listitem-status .item-check {
        height: 44px; }
        .list-expand li .item-listitem-status .item-check .tech-check-menu {
          height: 100%;
          /*background-image: url(../image/site/icon/pocket-off.sp.480.png);*/
          background-image: url(/image/202108/ic/pocket-off.sp.480.png);
          /*background-size: 100%;*/
          background-size: 95%;
          background-repeat: no-repeat;
          -webkit-transition: background-image 150ms ease;
          transition: background-image 150ms ease; }
          .list-expand li .item-listitem-status .item-check .tech-check-menu.checked {
            background-image: url(../image/202108/ic/pocket-on.sp.480.png); }
  .list-expand .rows-tip-area {
    margin-top: 8px;
    margin-bottom: 8px; }
    .list-expand .rows-tip-area:before, .list-expand .rows-tip-area:after {
      content: " ";
      display: table; }
    .list-expand .rows-tip-area:after {
      clear: both; }
    .list-expand .rows-tip-area .tip-item-left {
      float: left;
      margin-left: 12px; }
    .list-expand .rows-tip-area .tip-item-right {
      text-align: right;
     margin-right: 12px;
      /* margin-right: 17px;*/ }
      .list-expand .rows-tip-area .tip-item-right .tip {
        margin-left: 4px;
        margin-right: 0; }
  .list-expand .rows-listinfo {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    width: 70%;  }
  .list-expand .tip {
    text-align: center;
    padding: 2px 8px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    border: 1px solid;
    margin-right: 4px;
    margin-bottom: 8px; }
    .list-expand .tip.read {
      color: #fff;
      background: #ACC052;
      border-radius: 2px;
      /*background: #414141;*/ }
    .list-expand .tip.unreaded {
      background: inherit;
      /*color: #414141; */
      color: #ACC052;
      border-radius: 2px;}
    .list-expand .tip.favorite {
      background: inherit;
      color: #414141; }
    .list-expand .tip.thumbs.thumbs-up {
      background: inherit;
      color: #414141; }
    .list-expand .tip.thumbs.thumbs-down {
      background: inherit;
      color: #414141; }
  .list-expand .tip-item-left:before, .list-expand .tip-item-left:after {
    content: " ";
    display: table; }
  .list-expand .tip-item-left:after {
    clear: both; }
  .list-expand .tip-item-left .tip {
    float: left;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    margin-bottom: 2px;
    display: block;
    background-color: transparent;
    border: 0;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-size: 16px 16px; }
    .list-expand .tip-item-left .tip.function-1 {
      background-image: url("/image/new/icon-func-1.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-2 {
      background-image: url("/image/new/icon-func-2.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-3 {
      background-image: url("/image/new/icon-func-3.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-4 {
      background-image: url("/image/new/icon-func-4.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-5 {
      background-image: url("/image/new/icon-func-5.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-6 {
      background-image: url("/image/new/icon-func-6.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-7 {
      background-image: url("/image/new/icon-func-7.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-8 {
      background-image: url("/image/new/icon-func-8.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-9 {
      background-image: url("/image/new/icon-func-9.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-10 {
      background-image: url("/image/new/icon-func-10.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-11 {
      background-image: url("/image/new/icon-func-11.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-12 {
      background-image: url("/image/new/icon-func-12.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-13 {
      background-image: url("/image/new/icon-func-13.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-14 {
      background-image: url("/image/new/icon-func-14.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-15 {
      background-image: url("/image/new/icon-func-15.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-16 {
      background-image: url("/image/new/icon-func-16.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-17 {
      background-image: url("/image/new/icon-func-17.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-18 {
      background-image: url("/image/new/icon-func-18.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-19 {
      background-image: url("/image/new/icon-func-19.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-20 {
      background-image: url("/image/new/icon-func-20.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-21 {
      background-image: url("/image/new/icon-func-21.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-22 {
      background-image: url("/image/new/icon-func-22.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-23 {
      background-image: url("/image/new/icon-func-23.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-24 {
      background-image: url("/image/new/icon-func-24.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-25 {
      background-image: url("/image/new/icon-func-25.sp.480.png"); }
    .list-expand .tip-item-left .tip.function-26 {
      background-image: url("/image/new/icon-func-26.sp.480.png"); }
    .list-expand .tip-item-left .tip.affinity-0 {
      display: none; }
    .list-expand .tip-item-left .tip.affinity-1 {
      background-image: url("/image/new/icon-affi-1.sp.480.png"); }
    .list-expand .tip-item-left .tip.affinity-2 {
      background-image: url("/image/new/icon-affi-2.sp.480.png"); }

.nav-main {
  /*background: #63793f; */
  background: #B1CC73; }
  .nav-main .grid-row {
    height: 74px; }
    .nav-main .grid-row > div {
      margin: 11px 0; }
      .nav-main .grid-row > div:not(:last-child) a {
        border-right: 1px solid #FFFFFF; }
      .nav-main .grid-row > div a [class^=sp-] {
        display: block;
    width: 40px;
    height: 33px;
        font-size: 20px;
        line-height: 32px;
        margin: auto;
        background-size: 40px;
        background-position: 50% 25%; }
        .nav-main .grid-row > div a [class^=sp-] + span {
          display: block;
          font-size: 9px;
          line-height: 16px;
          text-align: center;
          color: #FFF;
        padding-top: 3px;}

.nav-main-clone {
  position: fixed;
  top: -72px;
  transition: top 0.25s;
  -webkit-transition: top 0.25s;
  width: 100%;
  min-width: 320px;
  z-index: 9999;
  margin: auto;
  left: 0; }
  .nav-main-clone .grid-row {
    height: 66px; }
    .nav-main-clone .grid-row > div a [class^=sp-] {
      width:40px;
      height: 33px;
      line-height: 28px;
      background-size: 40px; }
  .nav-main-clone.visible {
    top: 0;
    left: 0; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none; }
    .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
      text-decoration: none;
      background-color: transparent;
      cursor: not-allowed; }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs > li {
  float: left;
  margin-bottom: -1px; }
  .nav-tabs > li > a {
    margin-right: 2px;
    border: 1px solid transparent; }
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-bottom-color: transparent;
    cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li + li {
    margin-left: 2px; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0; }

.tab-content > .tab-pane {
  display: none; }
.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.menu-list.mypage {
  overflow-x: hidden; }
  .menu-list.mypage .list-expand {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(-64px, 0);
    transform: translate(-64px, 0); }
    .menu-list.mypage .list-expand.edit {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }
    .menu-list.mypage .list-expand li {
      width: 120%;
      width: calc(100% + 64px); }
    .menu-list.mypage .list-expand .item-listitem-status {
      display: none; }

.item-editarea {
  width: 64px;
  display: table-cell;
  vertical-align: middle;
  background: #F7F7F7; }
  .item-editarea .item-edit {
    width: 28px;
    height: 28px;
    margin: 18px;
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.1); }
    .item-editarea .item-edit .js-checkbox {
      background-color: #FFF;
      width: 100%;
      height: 100%; }
      .item-editarea .item-edit .js-checkbox.checked {
        background-color: #FFF;
        background-image: url(../image/site/icon/checkbox-checked.sp.480.png);
        background-repeat: no-repeat;
        background-size: 100%; }

.favorite-editor {
  margin: 0 12px; }
  .favorite-editor .btn {
    width: 112px;
    font-size: 16px;
    text-align: center;
    padding: 6px 8px; }
    .favorite-editor .btn.btn-edit {
      width: auto;
      background: #F7F7F7;
      border: 1px solid #F7F7F7;
      color: #484D52; }
    .favorite-editor .btn.btn-delete {
      background: #414141;
      border: 1px solid #414141; }
    .favorite-editor .btn.btn-cancel {
      background: #FFF;
      color: #414141;
      border: 1px solid #414141; }

.mode-selector {
  height: 56px;
  background: #98b26c; }
  .mode-selector .grid-row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: -1px; }
    .mode-selector .grid-row > div:not(:last-child) a {
      border-right: 1px solid #63793f; }
    .mode-selector .grid-row > div a {
      color: #fff;
      padding: 8px 0;
      margin-bottom: -1px; }
      .mode-selector .grid-row > div a [class^="sp-"] {
        margin: 0 auto 2px; }
    .mode-selector .grid-row > div.active a {
      color: #fff;
      background: #63793f; }

.sel-category-head {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 8px;
  /*background-image: url("/image/new/bg-dot.sp.480.png");
  background-image: url("/image/list/title/bnr.sp.480.png");
  background-size: 26px; */}
  .sel-category-head:before, .sel-category-head:after {
    content: " ";
    display: table; }
  .sel-category-head:after {
    clear: both; }
  .sel-category-head .item-title {
    width: 80%;
    float: left; }
    .sel-category-head .item-title .category-title {
      margin: 0;
      color: #242729;
      font-weight: normal;
      font-size: 16px;
      line-height: 2; }
  .sel-category-head .item-change {
    width: 20%;
    float: right; }
    .sel-category-head .item-change .category-changer a {
      color: #FDFDFD;
      display: block;
      background: #8F8F8F;
      border-radius: 4px;
      padding: 8px 4px;
      text-align: center;
      font-size: 16px;
      line-height: 1; }

.sel-category-body {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .sel-category-body .list-row-group {
    margin-bottom: 0;
    background: #F7F7F7; }
    .sel-category-body .list-row-group li {
      border-bottom: 1px solid #e3e3e3; }
      .sel-category-body .list-row-group li:last-child {
        border: 0; }
    .sel-category-body .list-row-group a {
      font-size: 14px;
      line-height: 24px; }
      .sel-category-body .list-row-group a.current {
        font-weight: bold; }

.list-filter-read {
  padding-top: 8px;
  padding-bottom: 8px;
  /*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/ }
  .list-filter-read .grid-row .btn {
    background: #F7F7F7;
    border: 1px solid #F7F7F7;
    border: 1px solid #e3e3e3;
    color: #484D52;
    padding-top: 3px;
    padding-bottom: 3px; }
    .list-filter-read .grid-row .btn.current {
      color: #FFF;
      font-weight: bold;
      background: #b7b7b7;
      border: 1px solid #b7b7b7; }

.list-filter-function {
  /*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
  padding-top: 8px;
  padding-bottom: 8px; }
  .list-filter-function > div .btn {
    font-size: 8px;
    background: #F7F7F7;
    border: 1px solid #e3e3e3;
    color: #484D52;
    line-height: 1; }
    .list-filter-function > div .btn.current {
      color: #FFF;
      font-weight: bold;
      background: #b7b7b7;
      border: 1px solid #b7b7b7; }
    .list-filter-function > div .btn::before {
      content: "";
      display: block;
      margin: 2px auto 4px; }
    .list-filter-function > div .btn.func-1::before {
      background-image: url(../image/sprite/sprite.sp.480.png);
      background-position: 0px -21px;
      width: 16px;
      height: 16px;
      background-size: 121px 121px; }
    .list-filter-function > div .btn.func-2::before {
      background-image: url(../image/sprite/sprite.sp.480.png);
      background-position: -21px -42px;
      width: 16px;
      height: 16px;
      background-size: 121px 121px; }
    .list-filter-function > div .btn.func-3::before {
      background-image: url(../image/sprite/sprite.sp.480.png);
      background-position: -63px -63px;
      width: 16px;
      height: 16px;
      background-size: 121px 121px; }
    .list-filter-function > div .btn.func-4::before {
      background-image: url(../image/sprite/sprite.sp.480.png);
      background-position: 0px 0px;
      width: 16px;
      height: 16px;
      background-size: 121px 121px; }
    .list-filter-function > div .btn.func-5::before {
      background-image: url(../image/sprite/sprite.sp.480.png);
      background-position: -84px -21px;
      width: 16px;
      height: 16px;
      background-size: 121px 121px; }
    .list-filter-function > div .btn.func-11::before {
      background-image: url(../image/sprite/sprite.sp.480.png);
      background-position: -21px -21px;
      width: 16px;
      height: 16px;
      background-size: 121px 121px; }
    .list-filter-function > div .btn.func-12::before {
      background-image: url(../image/sprite/sprite.sp.480.png);
      background-position: -42px 0px;
      width: 16px;
      height: 16px;
      background-size: 121px 121px; }
    .list-filter-function > div .btn.func-13::before {
      background-image: url(../image/sprite/sprite.sp.480.png);
      background-position: -42px -21px;
      width: 16px;
      height: 16px;
      background-size: 121px 121px; }
    .list-filter-function > div .btn.func-14::before {
      background-image: url(../image/sprite/sprite.sp.480.png);
      background-position: 0px -42px;
      width: 16px;
      height: 16px;
      background-size: 121px 121px; }
    .list-filter-function > div .btn.func-20::before {
      background-image: url(../image/sprite/sprite.sp.480.png);
      background-position: -42px -42px;
      width: 16px;
      height: 16px;
      background-size: 121px 121px; }
    .list-filter-function > div .btn.func-21::before {
      background-image: url(../image/sprite/sprite.sp.480.png);
      background-position: -63px 0px;
      width: 16px;
      height: 16px;
      background-size: 121px 121px; }
    .list-filter-function > div .btn.func-22::before {
      background-image: url(../image/sprite/sprite.sp.480.png);
      background-position: -63px -21px;
      width: 16px;
      height: 16px;
      background-size: 121px 121px; }
    .list-filter-function > div .btn.func-23::before {
      background-image: url(../image/sprite/sprite.sp.480.png);
      background-position: -63px -42px;
      width: 16px;
      height: 16px;
      background-size: 121px 121px; }
    .list-filter-function > div .btn.func-24::before {
      background-image: url(../image/sprite/sprite.sp.480.png);
      background-position: 0px -63px;
      width: 16px;
      height: 16px;
      background-size: 121px 121px; }
    .list-filter-function > div .btn.func-25::before {
      background-image: url(../image/sprite/sprite.sp.480.png);
      background-position: -21px -63px;
      width: 16px;
      height: 16px;
      background-size: 121px 121px; }
    .list-filter-function > div .btn.btn-reset {
      font-size: 12px;
      padding: 8px; }
      .list-filter-function > div .btn.btn-reset::before {
        display: none; }
    .list-filter-function > div .btn .count {
      font-size: 10px;
      margin-top: 4px;
      display: block; }

.sort-panel-heading {
  background: #FFF;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .sort-panel-heading:before, .sort-panel-heading:after {
    content: " ";
    display: table; }
  .sort-panel-heading:after {
    clear: both; }
  .sort-panel-heading .item-size {
    padding: 8px 12px;
    padding-right: 0;
    float: left;
    width: 55%; }
    .sort-panel-heading .item-size .full-size {
      margin-right: 8px; }
      .sort-panel-heading .item-size .full-size strong {
        font-size: 16px; }
  .sort-panel-heading .item-sort {
    font-size: 16px;
    float: right;
    width: 45%;
    padding: 8px 12px;
    padding-left: 0; }
    .sort-panel-heading .item-sort > a {
      font-weight: bold;
      color: #484D52;
      display: block;
      text-align: right; }
      .sort-panel-heading .item-sort > a::after {
        content: "\f106";
        font-family: "FontAwesome";
        margin-left: .5em; }
      .sort-panel-heading .item-sort > a.collapsed::after {
        content: "\f107"; }

.list-sort {
  background: #F7F7F7;
  margin-bottom: 0; }
  .list-sort li {
    border-bottom: 1px solid #e3e3e3; }
  .list-sort a {
    display: block;
    font-size: 14px;
    line-height: 24px;
    padding: 8px; }
    .list-sort a.current {
      font-weight: bold; }

.pager {
  height: 48px; }
  .pager .grid-row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .pager .grid-row > div {
      text-align: center;
      line-height: 48px; }
      .pager .grid-row > div .item-page-size {
        font-size: 12px; }
      .pager .grid-row > div .item-paging a {
        color: #484D52;
        display: block;
        font-size: 32px;
        padding: 0 24px; }
        .pager .grid-row > div .item-paging a.disabled {
          visibility: hidden; }
      .pager .grid-row > div .item-paging.prev a {
        text-align: left; }
      .pager .grid-row > div .item-paging.next a {
        text-align: right; }
  .pager .pager-aside {
    font-size: 10px;
    text-align: center;
    margin-top: 6px;
    line-height: 1; }

.select-affinity-area {
  margin:20px 20px 0; 

  
 }
  .select-affinity-area:before, .select-affinity-area:after {
    content: " ";
    display: table; }
  .select-affinity-area:after {
    clear: both; }
  .select-affinity-area .item-title {
    float: left;
    padding-left: 12px;
    font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    line-height: 68px;
    width: 25%; }
  .select-affinity-area .item-body {
 }
    .select-affinity-area .item-body:before, .select-affinity-area .item-body:after {
      content: " ";
      display: table; }
    .select-affinity-area .item-body:after {
      clear: both; }
  .select-affinity-area .item-add {
    display: inline-block;
    float: left;
    margin-left: 0px; }
    .select-affinity-area .item-add > a {
      background-size: 100%;
      display: block;
      height: 40px;
      width: 40px;
      margin-right: 8px; }
      .select-affinity-area .item-add > a.icon-add-1 {
        background-image: url(../image/site/icon/add-1.sp.480.png); }
      .select-affinity-area .item-add > a.icon-add-2 {
        background-image: url(../image/202108/ic/add/1.sp.480.png); }
  .select-affinity-area .item-selectbox {
    display: inline-block;
    float: right;
    width: 84%; }
    .select-affinity-area .item-selectbox select {
      -webkit-transition: none;
      transition: none;
      margin: 0;
      width: 100%;
      height: 40px; }

.select-category-area {
  padding: 20px 20px 20px; }
  .select-category-area .btn-row .btn {
    text-align: center; }

.item-howto {
  margin: -1px 0;
  float: right; }

.btn-howto {
  padding: 2px 12px;
  margin: 0px 12px; }

.btn-howto, .btn-howto:hover {
  background: transparent;
  border: 1px solid #484D52;
  color: #484D52; }

.tutorial {
  -webkit-transition: all 400ms ease 800ms;
  transition: all 400ms ease 800ms;
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px);
  opacity: 0; }
  .tutorial.show-in {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; }

.tutorial-tip {
  position: relative;
  border-radius: 4px;
  margin: 8px 12px 0;
  line-height: 16px;
  background: rgba(0, 0, 0, 0.8);
  color: #FFF;
  padding: 4px 40px 4px 8px; }
  .tutorial-tip::after {
    content: "";
    top: 100%;
    border-width: 8px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
    position: absolute;
    right: 16px; }
  .tutorial-tip p {
    margin-bottom: 0; }
  .tutorial-tip #tutorial-tip-close {
    position: absolute;
    right: 8px;
    font-size: 32px;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    cursor: pointer; }

.grid-row {
  margin: 0px;
  overflow: hidden; }
  .grid-row:before, .grid-row:after {
    content: " ";
    display: table; }
  .grid-row:after {
    clear: both; }
  .grid-row > div, .grid-row > li {
    display: block;
    float: left; }
    .grid-row > div a, .grid-row > li a {
      display: block;
      text-align: center;
      text-decoration: none; }
    .grid-row > div img, .grid-row > li img {
      margin-left: auto;
      margin-right: auto; }

.col1-7 {
  width: 14.28571%; }

.col2-7 {
  width: 28.57143%; }

.col3-7 {
  width: 42.85714%; }

.col4-7 {
  width: 57.14286%; }

.col5-7 {
  width: 71.42857%; }

.col6-7 {
  width: 85.71428%; }

.col1-6 {
  width: 16.66667%; }

.col2-6 {
  width: 33.33333%; }

.col3-6 {
  width: 50%; }

.col4-6 {
  width: 66.66667%; }

.col5-6 {
  width: 83.33333%; }

.col1-5 {
  width: 20%; }

.col2-5 {
  width: 40%; }

.col3-5 {
  width: 60%; }

.col4-5 {
  width: 80%; }

.col1-4 {
  width: 25%; }

.col2-4 {
  width: 50%; }

.col3-4 {
  width: 75%; }

.col1-3 {
  width: 33.33333%; }

.col2-3 {
  width: 66.66667%; }

.col1-2 {
  width: 50%; }

.col1-1 {
  width: 100%; }

.grid-row-buttons {
  padding-left: 12px;
  padding-right: 12px; }
  .grid-row-buttons .btn {
    margin: 0; }
  .grid-row-buttons > div {
    margin-top: 8px;
    margin-bottom: 8px; }
  .grid-row-buttons .col1-3 {
    width: 31.535%;
    width: calc(33.33333% - 5.4px); }
    .grid-row-buttons .col1-3:not(:nth-child(3n)) {
      margin-right: 8px; }
  .grid-row-buttons .col1-4 {
    width: 22.97825%;
    width: calc(25% - 6px); }
    .grid-row-buttons .col1-4:not(:nth-child(4n)) {
      margin-right: 8px; }

.customer-title {
  text-align: center;
  font-size: 16px; }

.customer-content li {
  padding: 0 16px;
  margin: 16px 0; }
  .customer-content li .customer-content-item {
    height: 202px;
    padding: 8px;
    line-height: 20px; }
    .customer-content li .customer-content-item > img {
      width: 50px; }
    .customer-content li .customer-content-item .customer-voice {
      margin: 8px 0 0; }
    .customer-content li .customer-content-item .customer-name {
      margin-top: 8px;
      text-align: right;
      font-size: 14px; }

.top-section {
 }
  .top-section .top-section-heading-1 {
    height: 50px;
    padding-left: 12px;
    background-color: #A29845;
    background-image: url("../image/site/icon/top-section-hedding-1.sp.480.png");
    background-size: 100px;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 50%; }
    .top-section .top-section-heading-1:before, .top-section .top-section-heading-1:after {
      content: " ";
      display: table; }
    .top-section .top-section-heading-1:after {
      clear: both; }
    .top-section .top-section-heading-1 .top-section-title {
      color: #FFF;
      font-size: 16px;
      margin: 0;
      line-height: 50px; }
  .top-section .top-section-heading-2 {
    height: 50px;
    padding-left: 12px;
    background-color: #A29845;
    background-image: url("../image/site/icon/top-section-hedding-2.sp.480.png");
    background-size: 100px;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 50%; }
    .top-section .top-section-heading-2:before, .top-section .top-section-heading-2:after {
      content: " ";
      display: table; }
    .top-section .top-section-heading-2:after {
      clear: both; }
    .top-section .top-section-heading-2 .top-section-title {
      color: #FFF;
      font-size: 16px;
      margin: 0;
      line-height: 50px; }
  .top-section .top-section-heading-3 {
    height: 50px;
    padding-left: 12px;
    background-color: #A29845;
    background-image: url("../image/site/icon/icon-deco-03.sp.480.png");
    background-size: 130px;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 50%; }
    .top-section .top-section-heading-3:before, .top-section .top-section-heading-3:after {
      content: " ";
      display: table; }
    .top-section .top-section-heading-3:after {
      clear: both; }
    .top-section .top-section-heading-3 .top-section-title {
      color: #FFF;
      font-size: 16px;
      margin: 0;
      line-height: 50px; }
  .top-section .top-section-heading-4 {
    height: 50px;
    padding-left: 12px;
    background-color: #A29845;
    background-image: url("../image/site/icon/icon-deco-04.sp.480.png");
    background-size: 130px;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 50%; }
    .top-section .top-section-heading-4:before, .top-section .top-section-heading-4:after {
      content: " ";
      display: table; }
    .top-section .top-section-heading-4:after {
      clear: both; }
    .top-section .top-section-heading-4 .top-section-title {
      color: #FFF;
      font-size: 16px;
      margin: 0;
      line-height: 50px; }
  .top-section .top-section-body .custom-form {
    padding: 0;
    max-width: 100%; }
  .top-section .top-section-body .text-area {
    margin: 24px 12px; }
    .top-section .top-section-body .text-area .read {
      text-align: center;
      font-size: 16px;
      margin-bottom: 16px;
      font-weight: bold;
      color: #414141; }
    .top-section .top-section-body .text-area p {
      margin-bottom: 16px; }

span.title-img.supervisor, span.title-img.special, span.title-img.fukaku, span.title-img.column, span.title-img.basic, span.title-img.affinity, span.title-img.destiny {
  color: #FFF;
  font-weight: lighter; }

.top-section-tab-content {
 /* border-top: 5px solid #000;
  padding-top: 16px; */ }

  .top-section-tab-content .top-section-tabs {
    margin: 0 8px 16px;
    padding-top: 2px; }
    .top-section-tab-content .top-section-tabs > li {
      border-bottom: 2px solid #ccc;
      padding-bottom: 8px;
      -webkit-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
      -webkit-transform: translate(0, 0px);
      transform: translate(0, 0px); }
      .top-section-tab-content .top-section-tabs > li.active {
        -webkit-transform: translate(0, -2px);
        transform: translate(0, -2px);
        border-bottom: 4px solid red; }
        .top-section-tab-content .top-section-tabs > li.active > a {
          -webkit-tap-highlight-color: transparent;
          color: red;
          font-weight: bold; }
      .top-section-tab-content .top-section-tabs > li > a {
        color: #ccc;
        font-size: 14px; }

.post {
  float: left;
  font-weight: lighter; }

.post-btn {
  float: right;
  margin-right: 16px;
  padding-left: 32px;
  height: 32px;
  line-height: 26px;
  background: #fff;
  color: #414141;
  background-image: url(../image/site/icon/post2.sp.480.png);
  background-size: 18px;
  background-position: 9px 50%;
  background-repeat: no-repeat; }

html, body, #wrapper {
  min-width: 320px;
  margin: 0 auto; }

body {
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Roboto, 'Droid Sans', 'osaka', 'メイリオ', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.66667;
  color: #484D52;
  background-color: #FFF;
  -webkit-font-smoothing: antialiased; }

a {
  color: #414141;
  text-decoration: none; }
  a[href="javascript:void(0);"] {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    cursor: default; }

::selection {
  background: rgba(65, 65, 65, 0.5);
  color: #FFF;
  text-shadow: none; }

::-moz-selection {
  background: rgba(65, 65, 65, 0.5);
  color: #FFF;
  text-shadow: none; }

[class^=sp-] {
  background-repeat: no-repeat; }

.sp-maniac {
  background-image: url(../image/site/icon/deep.sp.480.png); }

.sp-help {
  background-image: url(../image/site/icon/help.sp.480.png); }

.sp-settings {
  background-image: url(../image/site/icon/config.sp.480.png); }

.sp-new {
  /*background-image: url(../image/site/icon/new.sp.480.png); */
  background-image: url(../image/202108/ic/navi/new.sp.480.png);
}

.sp-mypage {
  background-image: url(../image/site/icon/mypage.sp.480.png); }

.sp-mylist {
  background-image: url(../image/site/icon/list.sp.480.png); }

.sp-love {
  /*background-image: url(../image/site/icon/love.sp.480.png); */
  background-image: url(../image/202108/ic/navi/situation.sp.480.png); 
}

.sp-tarot {
  background-image: url(../image/site/icon/tarot.sp.480.png); }

.sp-favorite-btn {
  background-image: url(../image/site/icon/btn-favorite.sp.480.png); }

.sp-check-btn {
  background-image: url(../image/site/icon/btn-check.sp.480.png); }

.sp-favorite {
  background-image: url(../image/site/icon/favorite.sp.480.png); }

.sp-history {
  background-image: url(../image/site/icon/history.sp.480.png); }

.sp-check {
  background-image: url(../image/site/icon/check.sp.480.png); }

.sp-eki {
  background-image: url(../image/site/icon/btn-eki.sp.480.png); }

.sp-affinity {
  /*background-image: url(../image/site/icon/affinity.sp.480.png); */
  background-image: url(../image/202108/ic/navi/basic.sp.480.png); 
}

.sp-post {
  background-image: url(../image/site/icon/post.sp.480.png); }

.sp-post-2 {
  background-image: url(../image/site/icon/pos2.sp.480.png); }

.sp-divination {
  /*background-image: url(../image/site/icon/divination.sp.480.png); }*/
  background-image: url(../image/202108/ic/navi/kobetsu.sp.480.png); }

.sp-menu {
    background-image: url(../image/202108/ic/header/drower.sp.480.png);
}
.sp-nickname{
  background-image: url(../image/202108/ic/navi/name.sp.480.png);
}

.result {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  background: transparent;
  color: #656565;
  padding: 12px 20px; }
  .result .result-text {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 2em; }
    .result .result-text:first-letter {
      margin-left: 1em; }
  .result .result-image {
    width: 240px;
    text-align: center;
    margin: 16px auto; }
    .result .result-image > img {
      margin: auto; }
    .result .result-image figure {
      margin: 0; }
    .result .result-image figcaption {
      display: block;
      text-align: center; }
  .result .result-table {
    margin: 8px auto;
    min-width: 280px; }
    .result .result-table tr:nth-child(even) {
      background: #F7F7F7; }
    .result .result-table td {
      font-size: 12px;
      line-height: 16px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      padding: 4px 16px; }
  .result h4 {
    border-left: 4px solid;
    padding-left: 8px;
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 32px;
    font-weight: normal; }
  .result .btn-wrap {
    margin: 0; }

.content-head .item-title, .basic-text-style .item-title {
  /* background: #FFF; */
  background: #CFDEB7;
  padding: 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .content-head .item-title br, .basic-text-style .item-title br {
    display: none; }
  .content-head .item-title .menu-name, .content-head .item-title .title, .basic-text-style .item-title .menu-name, .basic-text-style .item-title .title {
    padding-left: 12px;
    padding-right: 12px;
    font-weight: normal;
    color: #242729;
    margin: 0;
    font-size: 20px;
    line-height: 24px; }
    .content-head .item-title .menu-name img, .content-head .item-title .title img, .basic-text-style .item-title .menu-name img, .basic-text-style .item-title .title img {
      display: none; }
    .content-head .item-title .menu-name .caption, .content-head .item-title .title .caption, .basic-text-style .item-title .menu-name .caption, .basic-text-style .item-title .title .caption {
      display: block;
      padding-left: 12px;
      padding-right: 12px;
      font-size: 12px;
      line-height: 18px; }
.content-head .sv-image, .basic-text-style .sv-image {
  width: 160px;
  margin: auto; }
  .content-head .sv-image > img, .basic-text-style .sv-image > img {
    width: 100%; }

.content-body {
/*  margin-bottom: 32px; */
}

.basic-text-style, .sel-fid {
  padding-left: 12px;
  padding-right: 12px;
  margin-top: 16px;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 2; }
  .basic-text-style h4, .sel-fid h4 {
    border-left: 4px solid;
    padding-left: 8px;
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 32px;
    font-weight: normal; }
  .basic-text-style p, .basic-text-style .basic-image, .sel-fid p, .sel-fid .basic-image {
    margin-bottom: 1em; }
  .basic-text-style .custom-form, .sel-fid .custom-form {
    padding-left: 0;
    padding-right: 0; }
  .basic-text-style .btn-wrap, .sel-fid .btn-wrap {
    margin-left: 0;
    margin-right: 0; }
  .basic-text-style.caution, .sel-fid.caution {
    font-size: 12px;
    line-height: 16px; }

.basic-text-small {
  padding: 16px 12px; }

.sel-fid {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto; }
  .sel-fid:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .sel-fid .basic-text-style {
    padding-left: 0;
    padding-right: 0; }

.dot-list {
  padding-left: 1.6em;
  list-style-type: disc; }

ß .menu-list.situation .item-listitem-status div {
  display: none; }
ß .menu-list.harmonics .item-listitem-status div {
  display: none; }
ß .menu-list.mypage .item-listitem-status .item-check {
  display: none; }

.sel-fid .custom-form select {
  margin-bottom: 16px; }
.sel-fid .add-friend {
  text-align: right;
  margin-bottom: 16px; }


/*# sourceMappingURL=../maps/style.css.map */

.foot-controler .grid-row {
    height: 56px;
    background:#CFDEB7; 
}

/* キーワード一覧 */
.searchArea-tagList{
  margin-top:24px;
  margin-left:16px;
  margin-right:16px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;-ms-flex-wrap:wrap;
  flex-wrap:wrap;-webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}

.searchArea-tagList__item{
  background-color:#eee;
  color:#000;
  -webkit-box-shadow:0 1px 1px rgba(0,0,0,.25);
  box-shadow:0 1px 1px rgba(0,0,0,.25);
  margin:auto 12px 8px 0;
  border-radius:3px;
  text-align:center;
  box-shadow: 0 1px 1px rgba(0,0,0,.25);
  font-size: 12px;
}
.searchArea-tagList__item a{
  color:inherit;
  display:block;
  padding:6px
}




/* 退会ボタン　なぜかマーケのcssだったので移植 */

.unreg-btn > .btn {
    display: inline-block;
    margin: 10px 0;
    padding: 7px 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    border-top: 1px solid #BEBEBE;
    border-left: 1px solid #BEBEBE;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.25) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0.25)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.25) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.25) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.25) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.25) 100%);
    color: #331200;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}