@charset "utf-8";

/**
 * Degital Mirror DM Page Style
 * ================================================================================
 * Table of Contents:
 *
 * Parts Settings
 * Module Settings
 * ================================================================================
 */



/**
 * ================================================================================
 * Parts Settings
 * ================================================================================
 */

/**
 * Button
 * -------------------------------
 */

/* -- .btn01 -- */
.btn01 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 760px;
  min-height: 120px;
  padding: 20px 90px;
  border: 1px solid #000;
  border-radius: 7px;
  color: #004b9f;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}

.btn01::after {
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  border-top: 1px solid #004b9f;
  border-right: 1px solid #004b9f;
  content: '';
}

@media only screen and (max-width: 767px) {
  /* -- .btn01 -- */
  .btn01 {
    min-width: 100%;
    min-height: 50px;
    padding: 8px 30px;
    border-radius: 4px;
    font-size: 1.2rem;
  }

  .btn01::after {
    right: 15px;
    width: 7px;
    height: 7px;
  }
}



/**
 * ================================================================================
 * Module Settings
 * ================================================================================
 */

/**
 * Tab Menu Area
 * -------------------------------
 */
  
.tabMenuArea {
  border-bottom: none;
}

.tabMenuArea > ul {
  flex-wrap: wrap;
}

.tabMenuArea > ul > li > a {
  border: 1px solid #000;
}

.tabMenuArea > ul > li > a:hover,
.tabMenuArea > ul > li.current > a {
  border-color: #003395;
  background-color: #003395;
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .tabMenuArea > ul {
    margin-left: -3px;
  }

  .tabMenuArea > ul > li {
    padding-left: 3px;
  }
}


/**
 * Tab Content Area
 * -------------------------------
 */

#r46.tabContentArea.current .r46-disBlock,
#a2.tabContentArea.current .a2-disBlock,
#cover.tabContentArea.current .cover-disBlock,
#uc.tabContentArea.current .uc-disBlock {
  display: block !important;
}

#r46.tabContentArea.current .r46-disNone,
#a2.tabContentArea.current .a2-disNone,
#cover.tabContentArea.current .cover-disNone,
#uc.tabContentArea.current .uc-disNone {
  display: none !important;
}