html {
  line-height: 1.5; }

html, body {
  width: 100%;
  height: 100%;
  background-color: #000;
  color: #fff; }

body{
 background-color:#000;
 font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

img {
  max-width: inherit; }

ul, li {
  list-style: none;
  margin: 0;
  padding: 0; }

h1, h2, h3 {
  margin: 0;
  padding: 0; }

a {
  color: white;
  color: #fff; }
  a:hover, a:active, a:focus {
    color: #cccccc; }

/*.l-backlayer {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden; }*/

.l-fixedlayer {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.l-absolutelayer {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }

.l-frontlayer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10000;
  display: none; }

.l-main {
  position: relative;
  width: 100%;
  min-height: 100%; }

.l-main__contents {
  position: relative;
  width: 100%;
  min-height: 100%; }

.l-main{
 display: grid;
 grid-template-rows: auto 1fr auto;
 grid-template-columns: 100%;
 min-height: 100vh;
}

.l-fixedlayer {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.l-absolutelayer {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }

.l-frontlayer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10000;
  display: none; }

.l-container {
  position: relative;
  width: 100%; }

.l-container--pageContentsWidth {
  position: relative;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto; }

.sceneList {
  position: relative;
  width: 100%; }

.scene {
  position: relative;
  width: 100%; }

.page {
  position: relative;
  width: 100%; }

.page__contents {
  position: relative;
  width: 100%; }

input[type="submit"].button {
  -webkit-appearance: none; }

input[type="button"].button {
  -webkit-appearance: none; }

.button {
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  display: inline-block; }

.button--flow {
  width: 100%;
  font-size: 1.6rem;
  padding: 1rem 2rem;
  letter-spacing: 2px;
  color: #ffffff;
  border-radius: 2.4rem;
  border: none; }

.button--flow:hover {
  color: #ffffff; }

.button--flow:active {
  color: #ffffff; }

.button--flow--advance {
  background: #76472e; }

.button--flow--retreat {
  background: #695d56; }

.button--UI input[type="submit"] {
  border: none;
  cursor: pointer; }
.button--UI input[type="button"] {
  border: none;
  cursor: pointer; }

.button--UI {
  width: 100%;
  font-size: 1.6rem;
  padding: 1px;
  letter-spacing: 2px;
  color: #fff;
  border-radius: 5px;
   }
  .button--UI .inner {
 width: 100%;
 color: #d7ae6a;
 background-color: rgba(0, 0, 0, 0.7);
 font-weight: bold;
 font-size: 2rem;
 padding: 1.0rem;
 border-radius: 5px;
 border:1px solid #d7ae6a!important;}

.itemList--information + .pager .inner,
.itemList--information + .pager .button--UI{
 border-radius: 0;
}

.button--UI--advance, .button--UI--acitve, .button--UI--default.current {
  background-color: #d7ae6a;
  color: #000;}
  .button--UI--advance .inner, .button--UI--acitve .inner, .button--UI--default.current .inner {
  border: 1px solid #d7ae6a;
  background-color: #d7ae6a;
  color:#000; }


.button--grayOut {
  -webkit-filter: grayscale(1);
  filter: gray;
  filter: grayscale(1);
  pointer-events: none;
  color: #999999 !important; }
  .button--grayOut div {
    color: #999999 !important; }

.button--util {
  padding: 1rem 2.5rem;
  font-size: 1.6rem;
  transition: all 0.2s ease; }

.button--util.round {
  border-radius: 2.1rem; }

.button--util--red {
  border: solid 1px #e82a2a;
  background: rgba(176, 27, 27, 0.9); }

.button--util--purple {
  border: solid 1px #9442c7;
  background: rgba(66, 25, 121, 0.9); }

.button--util--orange {
  background: rgba(210, 123, 0, 0.9); }

.button--util--orange:hover {
  box-shadow: 0 0 8px #f78103; }
  .button--util--orange:hover a {
    color: #ffefde; }

.button--util--brown {
  background: rgba(137, 71, 0, 0.9); }

.button--util--brown:hover {
  background: rgba(202, 104, 0, 0.9); }
  .button--util--brown:hover a {
    color: #ffefde; }

a.button {
  text-decoration: none; }

.button.textShadow {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }

.button.boxShadow {
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }

.button.rounded {
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em; }

.rounded--05 {
  -moz-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem; }

.button--purple {
  color: #ffffff;
  border: solid 1px #3e0042;
  background: #530059;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjMDA5NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUzMDA1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8c0096), color-stop(100%, #530059));
  background-image: -moz-linear-gradient(top, #8c0096, #530059);
  background-image: -webkit-linear-gradient(top, #8c0096, #530059);
  background-image: linear-gradient(to bottom, #8c0096, #530059);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF8C0096', endColorstr='#FF530059'); }

.button--purple:hover, .button--purple:active {
  background: #700078;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDBiNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzcwMDA3OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a900b5), color-stop(100%, #700078));
  background-image: -moz-linear-gradient(top, #a900b5, #700078);
  background-image: -webkit-linear-gradient(top, #a900b5, #700078);
  background-image: linear-gradient(to bottom, #a900b5, #700078);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFA900B5', endColorstr='#FF700078'); }

.button--red {
  color: #ffffff;
  border: solid 1px #590015;
  background: #73001b;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwMDAyOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzczMDAxYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b00029), color-stop(100%, #73001b));
  background-image: -moz-linear-gradient(top, #b00029, #73001b);
  background-image: -webkit-linear-gradient(top, #b00029, #73001b);
  background-image: linear-gradient(to bottom, #b00029, #73001b);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFB00029', endColorstr='#FF73001B'); }

.button--red:hover, .button--red:active {
  background: #920022;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmMDAzMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkyMDAyMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cf0031), color-stop(100%, #920022));
  background-image: -moz-linear-gradient(top, #cf0031, #920022);
  background-image: -webkit-linear-gradient(top, #cf0031, #920022);
  background-image: linear-gradient(to bottom, #cf0031, #920022);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFCF0031', endColorstr='#FF920022'); }

.button.asRed {
  color: #ffffff;
  border: solid 1px #720202;
  background: #a60202;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyMDMwMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E2MDIwMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e20303), color-stop(100%, #a60202));
  background-image: -moz-linear-gradient(top, #e20303, #a60202);
  background-image: -webkit-linear-gradient(top, #e20303, #a60202);
  background-image: linear-gradient(to bottom, #e20303, #a60202);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE20303', endColorstr='#FFA60202'); }

.button.asRed:hover, .button.asRed:active {
  background: #c40202;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjMDgwOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M0MDIwMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fc0808), color-stop(100%, #c40202));
  background-image: -moz-linear-gradient(top, #fc0808, #c40202);
  background-image: -webkit-linear-gradient(top, #fc0808, #c40202);
  background-image: linear-gradient(to bottom, #fc0808, #c40202);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFC0808', endColorstr='#FFC40202'); }

.button.asLightGlay {
  color: #000000;
  border: solid 1px #999999;
  background: #cccccc;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #cccccc));
  background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
  background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
  background-image: linear-gradient(to bottom, #ffffff, #cccccc);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFCCCCCC'); }

.button.asLightGlay:hover, .button.asLightGlay:active {
  background: #dbdbdb;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dbdbdb));
  background-image: -moz-linear-gradient(top, #ffffff, #dbdbdb);
  background-image: -webkit-linear-gradient(top, #ffffff, #dbdbdb);
  background-image: linear-gradient(to bottom, #ffffff, #dbdbdb);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDBDBDB'); }

.button--blue {
  color: #ffffff;
  border: solid 1px #0969b2;
  background: #0a78cc;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmOThmNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBhNzhjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1f98f4), color-stop(100%, #0a78cc));
  background-image: -moz-linear-gradient(top, #1f98f4, #0a78cc);
  background-image: -webkit-linear-gradient(top, #1f98f4, #0a78cc);
  background-image: linear-gradient(to bottom, #1f98f4, #0a78cc);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1F98F4', endColorstr='#FF0A78CC'); }

.button--blue:hover, .button--blue:active {
  background: #0b89e9;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjYTVmNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBiODllOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3ca5f5), color-stop(100%, #0b89e9));
  background-image: -moz-linear-gradient(top, #3ca5f5, #0b89e9);
  background-image: -webkit-linear-gradient(top, #3ca5f5, #0b89e9);
  background-image: linear-gradient(to bottom, #3ca5f5, #0b89e9);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3CA5F5', endColorstr='#FF0B89E9'); }

.button--green {
  color: #ffffff;
  border: solid 1px #436614;
  background: #53801a;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc0YjMyNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUzODAxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #74b324), color-stop(100%, #53801a));
  background-image: -moz-linear-gradient(top, #74b324, #53801a);
  background-image: -webkit-linear-gradient(top, #74b324, #53801a);
  background-image: linear-gradient(to bottom, #74b324, #53801a);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF74B324', endColorstr='#FF53801A'); }

.button--green:hover, .button--green:active {
  background: #63991f;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0Y2MyOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYzOTkxZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #84cc29), color-stop(100%, #63991f));
  background-image: -moz-linear-gradient(top, #84cc29, #63991f);
  background-image: -webkit-linear-gradient(top, #84cc29, #63991f);
  background-image: linear-gradient(to bottom, #84cc29, #63991f);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF84CC29', endColorstr='#FF63991F'); }

.button--orange {
  color: #ffffff;
  border: solid 1px #b37012;
  background: #cb8015;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhOWYzMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NiODAxNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ea9f33), color-stop(100%, #cb8015));
  background-image: -moz-linear-gradient(top, #ea9f33, #cb8015);
  background-image: -webkit-linear-gradient(top, #ea9f33, #cb8015);
  background-image: linear-gradient(to bottom, #ea9f33, #cb8015);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEA9F33', endColorstr='#FFCB8015'); }

.button--orange:hover, .button--orange:active {
  background: #e79118;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkYWM0ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3OTExOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edac4f), color-stop(100%, #e79118));
  background-image: -moz-linear-gradient(top, #edac4f, #e79118);
  background-image: -webkit-linear-gradient(top, #edac4f, #e79118);
  background-image: linear-gradient(to bottom, #edac4f, #e79118);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEDAC4F', endColorstr='#FFE79118'); }

.button--glay {
  color: #ffffff;
  border: solid 1px #1a1a1a;
  background: #333333;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #525252), color-stop(100%, #333333));
  background-image: -moz-linear-gradient(top, #525252, #333333);
  background-image: -webkit-linear-gradient(top, #525252, #333333);
  background-image: linear-gradient(to bottom, #525252, #333333);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF525252', endColorstr='#FF333333'); }

.button--glay:hover, .button--glay:active {
  background: #424242;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxNjE2MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQyNDI0MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #616161), color-stop(100%, #424242));
  background-image: -moz-linear-gradient(top, #616161, #424242);
  background-image: -webkit-linear-gradient(top, #616161, #424242);
  background-image: linear-gradient(to bottom, #616161, #424242);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF616161', endColorstr='#FF424242'); }

.button--black {
  color: #ffffff;
  border: solid 1px #000000;
  background: #1b1b1b;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhM2EzYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFiMWIxYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3a3a3a), color-stop(100%, #1b1b1b));
  background-image: -moz-linear-gradient(top, #3a3a3a, #1b1b1b);
  background-image: -webkit-linear-gradient(top, #3a3a3a, #1b1b1b);
  background-image: linear-gradient(to bottom, #3a3a3a, #1b1b1b);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3A3A3A', endColorstr='#FF1B1B1B'); }

.button--black:hover, .button--black:active {
  background: #2a2a2a;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5NDk0OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJhMmEyYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #494949), color-stop(100%, #2a2a2a));
  background-image: -moz-linear-gradient(top, #494949, #2a2a2a);
  background-image: -webkit-linear-gradient(top, #494949, #2a2a2a);
  background-image: linear-gradient(to bottom, #494949, #2a2a2a);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF494949', endColorstr='#FF2A2A2A'); }

.button--lightGlay {
  color: #ffffff;
  border: solid 1px #555555;
  background: #444444;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzNjM2MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #636363), color-stop(100%, #444444));
  background-image: -moz-linear-gradient(top, #636363, #444444);
  background-image: -webkit-linear-gradient(top, #636363, #444444);
  background-image: linear-gradient(to bottom, #636363, #444444);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF636363', endColorstr='#FF444444'); }

.button--lightGlay:hover, .button--lightGlay:active {
  background: #535353;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyNzI3MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUzNTM1MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #727272), color-stop(100%, #535353));
  background-image: -moz-linear-gradient(top, #727272, #535353);
  background-image: -webkit-linear-gradient(top, #727272, #535353);
  background-image: linear-gradient(to bottom, #727272, #535353);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF727272', endColorstr='#FF535353'); }

input[type=radio], input[type=checkbox] {
  display: none; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 1rem 1rem;
  font-size: 1.4rem;
  border: 1px solid #5d5a61;
  background: #f8f8f8;
  border-radius: 0.8rem; }

.input--select {
  position: relative;
  width: 100%;
  max-width: 350px; }
  @media screen and (min-width: 400px) {
    .input--select {
      padding-right: 1rem; } }
  .input--select .arrow {
    position: absolute;
    top: 0;
    width: 2.2rem;
    height: 100%;
    right: 0;
    background: #5d5a61;
    pointer-events: none;
    border-radius: 0 0.8rem 0.8rem 0; }
    @media screen and (min-width: 400px) {
      .input--select .arrow {
        right: 1rem; } }
  .input--select .arrow::after {
    position: absolute;
    top: -0.1rem;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 0.8rem;
    height: 0.8rem;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    pointer-events: none; }

.input--text input {
  border: 1px solid #5d5a61;
  border-radius: 5px;
  padding: 1rem;
  width: 100%;
  background: #f8f8f8; }
.input--text textarea {
  border: 1px solid #5d5a61;
  border-radius: 5px;
  padding: 1rem;
  width: 100%;
  background: #f8f8f8;
  min-height: 250px; }

.error--text--input span {
  display: inline-block;
  padding: 0.2rem 1rem;
  border-radius: 1rem;
  color: #ffffff;
  background: #a71717;
  font-size: 1.3rem; }

.inputText--confirm {
 border-bottom: 1px solid #796139;
 padding: .5rem 1rem;
 margin-bottom: 2rem;
 width: 100%;
 max-width: 100%;
 min-height: 40px;
 font-size: 1.6rem;
 color: #fff; }

.u-table--simple {
  position: relative;
  width: 100%;
  border-collapse: collapse; }
  .u-table--simple th, .u-table--simple .table_header {
    /*background: rgba(155, 122, 59, 0.9);*/
    background-color: #d7ae6a;
    border: solid 1px #21180f;
    color: #000;
    padding: 0.5rem;
    text-align: center;
    font-weight: bold; }
  .u-table--simple td {
    border: solid 1px #222;
    padding: 0.5rem;
    color: #fff; }
  .u-table--simple tbody tr:nth-child(odd) {
    background: #444444; }
  .u-table--simple tbody tr:nth-child(even) {
    background: #333333; }
  @media screen and (min-width: 768px) {
    .u-table--simple th, .u-table--simple .table_header {
      padding: 0.5rem 1rem; }
    .u-table--simple td {
      padding: 0.5rem 1rem; } }

.u-table--simple--headerLeft {
  width: 100%; }

.u-table--line {
  position: relative;
  border-collapse: collapse; }
  .u-table--line th, .u-table--line .table_header {
    border: solid 1px #787878;
    padding: 0.5rem;
    text-align: center; }
  .u-table--line td {
    border: solid 1px #787878;
    padding: 0.5rem; }
  @media screen and (min-width: 768px) {
    .u-table--line th, .u-table--line .table_header {
      padding: 0.5rem 1rem; }
    .u-table--line td {
      padding: 0.5rem 1rem; } }

.u-table--line2 {
  position: relative;
  border-collapse: collapse; }
  .u-table--line2 th, .u-table--line2 .table_header {
    border: solid 1px #333;
    padding: 0.5rem;
    text-align: center; }
  .u-table--line2 td {
    border: solid 1px #333;
    padding: 0.5rem; }
  @media screen and (min-width: 768px) {
    .u-table--line2 th, .u-table--line2 .table_header {
      padding: 0.5rem 1rem; }
    .u-table--line2 td {
      padding: 0.5rem 1rem; } }

.c-discList {
  list-style-type: disc;
  padding-left: 1.5rem; }

.c-numList {
  list-style-type: decimal;
  margin-bottom: 32px;
  padding-left: 1.5rem; }

.c-alphaList {
  list-style-type: lower-alpha;
  padding-left: 1.5rem; }

.c-indentList {
  list-style-type: none;
  text-indent: -1em;
  padding-left: 1em; }
  .c-indentList > li {
    margin-bottom: 0.5rem; }
  .c-indentList span.indentAdjust {
    display: inline-block;
    width: 1em;
    text-indent: 0; }

.c-heading--leftBorder {
  padding-left: 0.8rem;
  border-left: 0.4rem solid #d7ae6a;
  color: #d7ae6a;
  margin-bottom: 0.25rem;
  font-weight: bold; }

.horizontalRule {
  position: relative;
  padding: 2rem 1rem; }
  .horizontalRule .horizontalRule__ornament {
    position: relative;
    width: 100%;
    height: 5px;
    margin: 0 auto; }
  .horizontalRule .bar {
    width: 100%;
    height: 1px;
    background: #604531; }
  .horizontalRule .square {
    position: absolute;
    width: 7px;
    height: 7px;
    background: #604531;
    transform: rotate(-45deg);
    top: -3px; }
  .horizontalRule .square--left {
    left: 0; }
  .horizontalRule .square--right {
    right: 0; }

.dotLine {
  height: 5px;
  margin: 5px 0 0 0;
  background-position: top;
  background-repeat: repeat-x; }

.dotLine--white--small {
  background-image: linear-gradient(to right, #ffffff, #ffffff 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 2px);
  background-size: 3px 1px; }

.dotLine--white--medium {
  background-image: linear-gradient(to right, #ffffff, #ffffff 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 2px);
  background-size: 6px 1px; }

.dotLine--white--large {
  background-image: linear-gradient(to right, #ffffff, #ffffff 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 2px);
  background-size: 12px 2px; }

.infoCategory {
  padding: 0.3rem 1rem 0.1rem;
  margin-right: 0.25rem;
  color: #ffffff;
  font-size: 1.4rem;
  min-width: 110px;
  display: inline-block;
  text-align: center;
}

.oldest .button--UI .inner,
.latest .button--UI .inner {
 color: #3c3c3c;
 background-color: #d7ae6a;
 border-radius: 3px;
 padding: 0.25rem 3rem 0rem;
 margin-top: 2rem;
}

.infoCategory.infoCategory--all {
  background-color: rgba(190, 100, 29, 0.8); }

.infoCategory.infoCategory--important {
  background-color: rgba(255, 0, 78, 1); }

.infoCategory.infoCategory--update {
  background-color: rgba(0, 176, 197, 0.8); }

.infoCategory.infoCategory--defect {
  background-color: rgba(120, 120, 120, 0.8); }

.infoCategory.infoCategory--maintenance {
  background-color: rgba(18, 110, 203, 1); }

.infoCategory.infoCategory--other {
  background-color: rgba(0, 165, 172, 1); }

.infoCategory.infoCategory--event {
  background-color: rgba(203, 125, 18, 1); }

.infoCategory.infoCategory--blog {
  background-color: rgba(140, 36, 149, 0.8); }

.infoCategoryTab.infoCategoryTab--all .infoCategoryTab__all {
  background-color: rgba(215, 174, 106, 1);}
.infoCategoryTab.infoCategoryTab--all .infoCategoryTab__all a{
  color: #3c3c3c; }

.infoCategoryTab.infoCategoryTab--important .infoCategoryTab__important {
  background-color: rgba(215, 174, 106, 1); }
.infoCategoryTab.infoCategoryTab--important .infoCategoryTab__important a{
  color: #3c3c3c; }

.infoCategoryTab.infoCategoryTab--update .infoCategoryTab__update {
  background-color: rgba(215, 174, 106, 1);}
.infoCategoryTab.infoCategoryTab--update .infoCategoryTab__update a{
  color: #3c3c3c; }

.infoCategoryTab.infoCategoryTab--defect .infoCategoryTab__defect {
  background-color: rgba(215, 174, 106, 1);}
.infoCategoryTab.infoCategoryTab--defect .infoCategoryTab__defect a{
  color: #3c3c3c; }

.infoCategoryTab.infoCategoryTab--maintenance .infoCategoryTab__maintenance {
  background-color: rgba(215, 174, 106, 1);}
.infoCategoryTab.infoCategoryTab--maintenance .infoCategoryTab__maintenance a{
  color: #3c3c3c; }

.infoCategoryTab.infoCategoryTab--other .infoCategoryTab__other {
  background-color: rgba(215, 174, 106, 1);}
.infoCategoryTab.infoCategoryTab--other .infoCategoryTab__other a{
  color: #3c3c3c; }

.infoCategoryTab.infoCategoryTab--event .infoCategoryTab__event {
  background-color: rgba(215, 174, 106, 1);}
.infoCategoryTab.infoCategoryTab--event .infoCategoryTab__event a{
  color: #3c3c3c; }

.infoCategory.infoCategory--blog {
  background-color: rgba(140, 36, 149, 0.8); }

.infoRate {
  width: 100%;
  position: relative; }
  .infoRate .infoRateLabel {
    width: 100%;
    position: relative;
    border: 1px solid #ccc;
    margin-bottom: 1rem; }
    .infoRate .infoRateLabel > div {
      width: 100%;
      position: relative;
      border-left: 10px solid #ccc; }
    .infoRate .infoRateLabel .type {
      white-space: nowrap;
      padding: 0.8rem 1rem; }
    .infoRate .infoRateLabel .totalRate {
      border-left: 1px solid #ccc;
      padding: 0.8rem 2rem;
      margin-left: auto; }
  .infoRate .infoRateTable {
    position: relative;
    width: 100%;
    border-collapse: collapse; }
    .infoRate .infoRateTable th, .infoRate .infoRateTable .table_header {
      border: solid 1px #ccc;
      color: #fff;
      padding: 0.5rem;
      text-align: center;
      font-weight: bold; }
    .infoRate .infoRateTable td {
      border: solid 1px #ccc;
      padding: 0.5rem;
      color: #fff;
      word-break: break-all; }
    .infoRate .infoRateTable tr td:nth-child(1) {
      text-align: center; }
    .infoRate .infoRateTable tr td:nth-child(2) {
      text-align: center; }
    .infoRate .infoRateTable tr td:nth-child(3) {
      text-align: center;
      white-space: nowrap; }
    .infoRate .infoRateTable tr td:nth-child(5) {
      text-align: center;
      white-space: nowrap; }

.infoRate--legend .infoRateLabel {
  border: 1px solid #a67100; }
  .infoRate--legend .infoRateLabel > div {
    border-left: 10px solid #a67100;
    background-color: rgba(0, 0, 0, 0.2);
    font-size: 1.5rem;
    background: rgba(121, 107, 78, 0.15); }
  .infoRate--legend .infoRateLabel .type {
    color: #fdac00;
    font-weight: bold; }
  .infoRate--legend .infoRateLabel .totalRate {
    border-left: 1px solid #a67100;
    color: #fdac00;
    font-weight: bold; }
.infoRate--legend .infoRateTable th, .infoRate--legend .infoRateTable .table_header {
  background: #a67100;
  border: solid 1px #a67100;
  color: #fff0cf; }
.infoRate--legend .infoRateTable th, .infoRate--legend .infoRateTable .table_header {
  border-right: solid 1px rgba(255, 255, 255, 0.2); }
.infoRate--legend .infoRateTable th:last-child, .infoRate--legend .infoRateTable .table_header:last-child {
  border-right: solid 1px #a67100; }
.infoRate--legend .infoRateTable td {
  background: rgba(121, 107, 78, 0.15);
  border: solid 1px #a67100;
  color: #fff0cf; }

.infoRate--epic .infoRateLabel {
  border: 1px solid #6c2480; }
  .infoRate--epic .infoRateLabel > div {
    border-left: 10px solid #6c2480;
    background-color: rgba(0, 0, 0, 0.2);
    font-size: 1.5rem;
    background: rgba(110, 77, 119, 0.15); }
  .infoRate--epic .infoRateLabel .type {
    color: #d647ff;
    font-weight: bold; }
  .infoRate--epic .infoRateLabel .totalRate {
    border-left: 1px solid #6c2480;
    color: #d647ff;
    font-weight: bold; }
.infoRate--epic .infoRateTable th, .infoRate--epic .infoRateTable .table_header {
  background: #6c2480;
  border: solid 1px #6c2480;
  color: #f7ddff; }
.infoRate--epic .infoRateTable th, .infoRate--epic .infoRateTable .table_header {
  border-right: solid 1px rgba(255, 255, 255, 0.2); }
.infoRate--epic .infoRateTable th:last-child, .infoRate--epic .infoRateTable .table_header:last-child {
  border-right: solid 1px #6c2480; }
.infoRate--epic .infoRateTable td {
  background: rgba(110, 77, 119, 0.15);
  border: solid 1px #6c2480;
  color: #f7ddff; }

.infoRate--rare .infoRateLabel {
  border: 1px solid #0075ae; }
  .infoRate--rare .infoRateLabel > div {
    border-left: 10px solid #0075ae;
    background-color: rgba(0, 0, 0, 0.2);
    font-size: 1.5rem;
    background: rgba(81, 111, 125, 0.15); }
  .infoRate--rare .infoRateLabel .type {
    color: #00abff;
    font-weight: bold; }
  .infoRate--rare .infoRateLabel .totalRate {
    border-left: 1px solid #0075ae;
    color: #00abff;
    font-weight: bold; }
.infoRate--rare .infoRateTable th, .infoRate--rare .infoRateTable .table_header {
  background: #0075ae;
  border: solid 1px #0075ae;
  color: #d4f1ff; }
.infoRate--rare .infoRateTable th, .infoRate--rare .infoRateTable .table_header {
  border-right: solid 1px rgba(255, 255, 255, 0.2); }
.infoRate--rare .infoRateTable th:last-child, .infoRate--rare .infoRateTable .table_header:last-child {
  border-right: solid 1px #0075ae; }
.infoRate--rare .infoRateTable td {
  background: rgba(81, 111, 125, 0.15);
  border: solid 1px #0075ae;
  color: #d4f1ff; }

.infoRate--magic .infoRateLabel {
  border: 1px solid #82b000; }
  .infoRate--magic .infoRateLabel > div {
    border-left: 10px solid #82b000;
    background-color: rgba(0, 0, 0, 0.2);
    font-size: 1.5rem;
    background: rgba(111, 122, 78, 0.15); }
  .infoRate--magic .infoRateLabel .type {
    color: #bcff00;
    font-weight: bold; }
  .infoRate--magic .infoRateLabel .totalRate {
    border-left: 1px solid #82b000;
    color: #bcff00;
    font-weight: bold; }
.infoRate--magic .infoRateTable th, .infoRate--magic .infoRateTable .table_header {
  background: #82b000;
  border: solid 1px #82b000;
  color: #f7ffdf; }
.infoRate--magic .infoRateTable th, .infoRate--magic .infoRateTable .table_header {
  border-right: solid 1px rgba(255, 255, 255, 0.2); }
.infoRate--magic .infoRateTable th:last-child, .infoRate--magic .infoRateTable .table_header:last-child {
  border-right: solid 1px #82b000; }
.infoRate--magic .infoRateTable td {
  background: rgba(111, 122, 78, 0.15);
  border: solid 1px #82b000;
  color: #f7ffdf; }

.infoRate--other .infoRateLabel {
  border: 1px solid #787878; }
  .infoRate--other .infoRateLabel > div {
    border-left: 10px solid #787878;
    background-color: rgba(0, 0, 0, 0.2);
    font-size: 1.5rem;
    background: rgba(125, 125, 125, 0.15); }
  .infoRate--other .infoRateLabel .type {
    color: #dfdfdf;
    font-weight: bold; }
  .infoRate--other .infoRateLabel .totalRate {
    border-left: 1px solid #787878;
    color: #dfdfdf;
    font-weight: bold; }
.infoRate--other .infoRateTable th, .infoRate--other .infoRateTable .table_header {
  background: #787878;
  border: solid 1px #787878;
  color: #eeeeee; }
.infoRate--other .infoRateTable th, .infoRate--other .infoRateTable .table_header {
  border-right: solid 1px rgba(255, 255, 255, 0.2); }
.infoRate--other .infoRateTable th:last-child, .infoRate--other .infoRateTable .table_header:last-child {
  border-right: solid 1px #787878; }
.infoRate--other .infoRateTable td {
  background: rgba(125, 125, 125, 0.15);
  border: solid 1px #787878;
  color: #eeeeee; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: none;
  left: 0;
  right: auto;
  margin-top: 0; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: none;
  right: 0;
  left: auto;
  margin-top: 0; }

.swiper-container-3d .swiper-slide-shadow-left {
  background: none; }

.swiper-container-3d .swiper-slide-shadow-right {
  background: none; }

.swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  text-align: center;
  line-height: 6px;
  opacity: 1;
  background: rgba(255, 255, 255, 0.6);
  margin-right: 6px; }
  @media screen and (min-width: 560px) {
    .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
      line-height: 8px;
      margin-right: 8px; } }

.swiper-pagination-bullet-active {
  color: #fff;
  background: #d80000;
  box-shadow: 0 0 6px red; }

.swiper-container--infoApp {
  position: relative;
  width: 80%;
  overflow: hidden; }

.swiper-button-prev--infoApp {
  background: url("../img/arrow/arrow-left.png") no-repeat center center;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: 80%; }
  @media screen and (min-width: 680px) {
    .swiper-button-prev--infoApp {
      background-size: auto; } }

.swiper-button-next--infoApp {
  background: url("../img/arrow/arrow-right.png") no-repeat center center;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: 80%; }
  @media screen and (min-width: 680px) {
    .swiper-button-next--infoApp {
      background-size: auto; } }

.rotationBanner .rotationBanner__Visual {
  margin-bottom: 1rem; }
  .rotationBanner .rotationBanner__Visual .leftArea {
    position: relative;
    width: 10%; }
  .rotationBanner .rotationBanner__Visual .rightArea {
    position: relative;
    width: 10%; }

.rotationBanner--infoApp .swiper-container-horizontal > .swiper-pagination-bullets, .rotationBanner--infoApp .swiper-pagination-custom, .rotationBanner--infoApp .swiper-pagination-fraction {
  bottom: 5px; }

.swiper-pagination--infoApp {
  position: absolute;
  z-index: 1000; }

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

.u-fontWeight--bold {
  font-weight: bold; }

.u-fontSize--88 {
  font-size: 88%; }

.u-fontSize--normal {
  font-size: 1.6rem; }

.u-fontSize--small {
  font-size: 1.5rem; }

.u-fontSize--verysmall {
  font-size: 1.2rem; }

.u-fontSize--large {
  font-size: 1.8rem; }

.u-fontSize--1_0rem {
  font-size: 1rem; }

.u-fontSize--1_1rem {
  font-size: 1.1rem; }

.u-fontSize--1_2rem {
  font-size: 1.2rem; }

.u-fontSize--1_3rem {
  font-size: 1.3rem; }

.u-fontSize--1_4rem {
  font-size: 1.4rem; }

.u-fontSize--1_5rem {
  font-size: 1.5rem; }

.u-fontSize--1_6rem {
  font-size: 1.6rem; }

.u-fontSize--1_7rem {
  font-size: 1.7rem; }

.u-fontSize--1_8rem {
  font-size: 1.8rem; }

.u-fontSize--1_9rem {
  font-size: 1.9rem; }

.u-fontSize--2_0rem {
  font-size: 2rem; }

.u-fontSize--2_1rem {
  font-size: 2.1rem; }

.u-fontSize--2_2rem {
  font-size: 2.2rem; }

.u-fontSize--2_3rem {
  font-size: 2.3rem; }

.u-fontSize--2_4rem {
  font-size: 2.4rem; }

.u-fontSize--2_5rem {
  font-size: 2.5rem; }

.u-fontSize--2_6rem {
  font-size: 2.6rem; }

.u-fontSize--2_7rem {
  font-size: 2.7rem; }

.u-fontSize--2_8rem {
  font-size: 2.8rem; }

.u-fontSize--2_9rem {
  font-size: 2.9rem; }

.u-color--black {
  color: #000000; }

.u-color--orange {
  color: #fe8b01; }

.u-color--red0 {
  color: #ff0000; }

.u-color--red {
  color: #ff0000; }

.u-color--red--light {
  color: #ff4040; }

.u-color--white {
  color: #ffffff; }

.u-color--glay--999 {
  color: #999999; }

.u-color--glay--ccc {
  color: #ccc; }

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

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

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

.u-textShadow--white--1 {
  text-shadow: white 1px 1px 0px; }

.u-textShadow--white--2 {
  text-shadow: 0px 0px 1px #ffffff, 0px 0px 2px #ffffff, 0px 0px 3px #ffffff, 0px 0px 4px #ffffff, 2px 0 1px #ffffff, 0 2px 1px #ffffff, -2px 0 1px #ffffff, 0 -2px 1px #ffffff; }

.u-textShadow--blue--1 {
  text-shadow: 2px 2px 10px #0091ce,2px 2px 5px #0091ce; }

.u-textShadow--blue--2 {
  text-shadow: 2px 2px 10px #006bb0,2px 2px 5px #006bb0; }

.bg_mat_white {
  background-color: #ffffff; }

.bg_mat_white_alpha {
  background-color: rgba(255, 255, 255, 0.7); }

.bg_mat_white_alpha02 {
  background-color: rgba(255, 255, 255, 0.2); }

.bg_mat_white_alpha015 {
  background-color: rgba(255, 255, 255, 0.15); }

.bg_mat_black_alpha05 {
  background-color: rgba(0, 0, 0, 0.5); }

.bg_mat_black_alpha015 {
  background-color: rgba(0, 0, 0, 0.15); }

.bg_mat_glay_light {
  background-color: #cccccc; }

.bg_mat_beige {
  background-color: #d1c1ae; }

.bg_mat_beige_light {
  background-color: #ede6df; }

.bg_mat_darkGray {
  background-color: #333; }

.translucentMat {
  background-color: rgba(255, 255, 255, 0.6);
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear; }

.translucentMat:hover {
  background-color: rgba(255, 255, 255, 0.75); }

.translucentMat--noEffect {
  background-color: rgba(255, 255, 255, 0.6); }

.u-borderRadius05rem {
  -moz-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem; }

.u-borderRadius10rem {
  -moz-border-radius: 1rem;
  -webkit-border-radius: 1rem;
  border-radius: 1rem; }

.u-borderRadius15rem {
  -moz-border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  border-radius: 1.5rem; }

.u-borderBox--white {
  border: 1px solid white; }

.u-inlineBlock {
  display: inline-block; }

.u-relative {
  position: relative; }

.u-width100 {
  width: 100%; }

.u-background_brown {
  background-color: #483018; }

.u-background_white02 {
  background-color: rgba(255, 255, 255, 0.2); }

.u-boxShadow--000--45 {
  -moz-box-shadow: 0 0 45px rgba(0, 0, 0, 0.85) inset;
  -webkit-box-shadow: 0 0 45px rgba(0, 0, 0, 0.85) inset;
  box-shadow: 0 0 45px rgba(0, 0, 0, 0.85) inset; }

.u-boxShadowEffect--hover {
  -moz-box-shadow: 0 0 5rem rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: 0 0 5rem rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0 0 5rem rgba(0, 0, 0, 0.3) inset; }

.u-boxShadowEffect {
  -moz-box-shadow: 0 0 4rem transparent;
  -webkit-box-shadow: 0 0 4rem transparent;
  box-shadow: 0 0 4rem transparent;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear; }

.u-boxShadowEffect:hover {
  -moz-box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5); }

.u-lineHeight0 {
  line-height: 0; }

.u-opacity02 {
  opacity: 0.2; }

.u-opacity05 {
  opacity: 0.5; }

.u-opacity08 {
  opacity: 0.8; }

.u-opacityFade {
  opacity: 0;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }

.u-opacityFade.fadein {
  opacity: 1; }

.u-flashLightButton img {
  -webkit-filter: brightness(1);
  filter: brightness(1); }

.u-flashLightButton:hover img {
  -moz-animation: flash-light 0.75s;
  -webkit-animation: flash-light 0.75s;
  animation: flash-light 0.75s; }

.u-mb025rem {
  margin-bottom: 0.25rem; }

.u-mb05rem {
  margin-bottom: 0.5rem; }

.u-mb1rem {
  margin-bottom: 1rem; }

.u-mb2rem {
  margin-bottom: 2rem; }

.u-mb3rem {
  margin-bottom: 3rem; }

.u-mb4rem {
  margin-bottom: 4rem; }

.u-mb5rem {
  margin-bottom: 5rem; }

.u-mb6rem {
  margin-bottom: 6rem; }

.u-mb7rem {
  margin-bottom: 7rem; }

.u-mb8rem {
  margin-bottom: 8rem; }

.u-mb9rem {
  margin-bottom: 9rem; }

.u-mb10rem {
  margin-bottom: 10rem; }

.u-mb20 {
  margin-bottom: 20px; }

.u-mb30 {
  margin-bottom: 30px; }

.u-mb40 {
  margin-bottom: 40px; }

.u-p05rem {
  padding: 0.5rem; }

.u-p1rem {
  padding: 1rem; }

.u-p2rem {
  padding: 2rem; }

.u-pb05rem {
  padding-bottom: 0.5rem; }

.u-pb1rem {
  padding-bottom: 1rem; }

.u-pt05rem {
  padding-top: 0.5rem; }

.u-pt1rem {
  padding-top: 1rem; }

.u-ptb05rem {
  padding: 0.5rem 0; }

.u-ptb1rem {
  padding: 1rem 0; }

.u-ptb2rem {
  padding: 2rem 0; }

.u-ptb3rem {
  padding: 3rem 0; }

.u-ptb4rem {
  padding: 4rem 0; }

.u-ptb6rem {
  padding: 6rem 0; }

.u-plr025rem {
  padding: 0 0.25rem; }

.u-plr05rem {
  padding: 0 0.5rem; }

.u-plr1rem {
  padding: 0 1rem; }

.u-pr05rem {
  padding-right: 0.5rem; }

.u-pr1rem {
  padding-right: 1rem; }

.u-pl05rem {
  padding-left: 0.5rem; }

.u-pl1rem {
  padding-left: 1rem; }

.u-indent1em {
  padding-left: 1em; }

.u-ptb05lr1rem {
  padding: 0.5rem 1rem; }

.u-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }

.u-flexWrap {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  /* Safari */ }

.u-flexAlignItemsCenter {
  -webkit-align-items: center;
  align-items: center; }

.u-flexJustifyContentCenter {
  -webkit-justify-content: center;
  justify-content: center; }

.u-flexJustifyContentSpaceBetween {
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.u-displayNone {
  display: none; }

.u-preview {
  display: none; }

.u-previewOpacity {
  opacity: 0; }

.u-maxWidth--960 {
  max-width: 960px; }

.u-maxWidth--600 {
  max-width: 600px; }

.u-maxWidth--480 {
  max-width: 480px; }

.u-marginSideAuto {
  margin-left: auto;
  margin-right: auto; }

body .u-textLink {
  text-decoration: underline; }

body .u-textLink:hover, body .u-textLink:active {
  text-decoration: underline; }

.u-textLink--red {
  color: #ff1e1e; }

.u-textLink--red:hover, .u-textLink--red:active {
  color: #ff6b6b; }

.u-linkNoDecoration:hover {
  text-decoration: none;
  color: inherit; }

.u-linkDecorationUnderLine {
  text-decoration: underline;
  color: inherit; }

.u-display--deviceLarge {
  display: none; }

.u-display--deviceSmall {
  display: block; }

@media screen and (min-width: 1024px) {
  .u-display--deviceLarge {
    display: block; }

  .u-display--deviceSmall {
    display: none; } }
.u-insertBeforeContent:before {
  content: ' '; }

.u-whiteSpaceNowrap {
  white-space: nowrap; }

.u-accordion {
  position: relative; }

.u-accordion_trigger {
  position: relative; }

.u-accordion_content {
  position: relative;
  display: none; }

.u-accordion_trigger {
  width: 100%;
  margin: 0 auto; }

.u-accordion--info .u-accordion_trigger {
  position: relative;
  display: block;
  width: 100%;
  background: #483018;
  padding: 1rem 4rem 1rem 1rem;
  text-decoration: none; }
  .u-accordion--info .u-accordion_trigger .text {
    display: inline-block;
    border-left: 4px solid #fff;
    padding-left: 1rem; }
  .u-accordion--info .u-accordion_trigger .icon {
    position: absolute;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    right: 1rem;
    top: 50%;
    margin-top: -1.5rem; }
  .u-accordion--info .u-accordion_trigger .icon::before, .u-accordion--info .u-accordion_trigger .icon::after {
    position: absolute;
    top: 14px;
    left: 50%;
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    border-top: 2px solid #fff;
    transform: translateX(-50%); }
  .u-accordion--info .u-accordion_trigger .icon:after {
    top: 8px;
    left: 3px;
    transform: rotate(90deg); }
.u-accordion--info .u-accordion_trigger:hover, .u-accordion--info .u-accordion_trigger:active, .u-accordion--info .u-accordion_trigger:link, .u-accordion--info .u-accordion_trigger:visited {
  color: #fff; }
.u-accordion--info .u-accordion_trigger.active .icon:after {
  display: none; }
.u-accordion--info .u-accordion_content {
  padding: 1rem;
  border-left: 1px solid #483018;
  border-right: 1px solid #483018;
  border-bottom: 1px solid #483018; }

.u-tab--info {
  width: 100%;
  padding: 2rem 0; }
  .u-tab--info .u-tab_navs {
    width: 100%; }
  .u-tab--info .u-tab_nav {
    position: relative;
    padding: 1.5rem;
    width: 100%;
    background: #2a2119;
    color: #ffffff;
    cursor: pointer;
    border-right: 1px solid rgba(193, 161, 129, 0.5); }
    .u-tab--info .u-tab_nav .label {
      line-height: 1.6rem; }
    .u-tab--info .u-tab_nav .num {
      line-height: 1.6rem; }
  .u-tab--info .u-tab_nav:last-child {
    border-right: none; }
  .u-tab--info .u-tab_nav.active {
    padding: 1.5rem;
    background: #5b492a;
    color: #ffffff; }
  .u-tab--info .u-tab_nav.active:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -0.8rem;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #5b492a transparent transparent transparent;
    border-width: 0.8rem 0.8rem 0 0.8rem; }
  .u-tab--info .u-tab_contents {
    padding-top: 2rem;
    background-color: rgba(255, 255, 255, 0.1); }
  .u-tab--info .u-tab_content {
    padding: 2rem;
    display: none; }
  .u-tab--info .u-tab_content.is-contents-active {
    padding: 2rem;
    display: block; }

.neon {
  color: #fff6a9;
  text-shadow: 0 0 2px #ffa500, 0 0 8px #ffa500, 0 0 10px #ffa500, 0 0 5px #ff8d00;
  animation: glow 4s infinite;
  font-size: 1.7rem; }

@keyframes glow {
  0% {
    text-shadow: 0 0 2px #ffa500, 0 0 8px #ffa500, 0 0 10px #ffa500, 0 0 5px #ff8d00;
    color: #fff6a9; }
  50% {
    text-shadow: none;
    text-shadow: 0 0 0px #ffa500, 0 0 2px #ffa500, 0 0 5px #ffa500, 0 0 0px #ff8d00;
    color: #fff; }
  100% {
    text-shadow: 0 0 2px #ffa500, 0 0 8px #ffa500, 0 0 10px #ffa500, 0 0 5px #ff8d00;
    color: #fff6a9; } }
@keyframes blink {
  20%,
  24%,
  55% {
    color: #111;
    text-shadow: none; }
  0%,
  19%,
  21%,
  23%,
  25%,
  54%,
  56%,
  100% {
    /*     color: #fccaff;
        text-shadow: 0 0 5px #f562ff, 0 0 15px #f562ff, 0 0 25px #f562ff,
          0 0 20px #f562ff, 0 0 30px #890092, 0 0 80px #890092, 0 0 80px #890092; */
    text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
    color: #fff6a9; } }
html {
  font-size: 62.5%; }

body {
 font-size: 1.5rem;
 line-height: 1.7;
}


.l-fixedlayer .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 1920px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url("//torerowa-com-web.akamaized.net/web/ja/img/bg04.jpg") no-repeat top center;
  background-size: cover; }

.webp .l-fixedlayer .bg{
 background: url("//torerowa-com-web.akamaized.net/web/ja/img/bg04.webp") top center no-repeat;
 background-size: cover;
}
.no-webp .l-fixedlayer .bg{
 background: url("//torerowa-com-web.akamaized.net/web/ja/img/bg04.jpg") top center no-repeat;
 background-size: cover;
}


img {
  max-width: 100%;
  height: auto; }

a, a:hover {
  text-decoration: none; }

.title--text {
  color: #d7ae6a; }

.textLink {
  color: orange;
  text-decoration: underline; }

.textLink:hover, .textLink:active {
  color: #ffc04d;
  text-decoration: underline; }

.text02 {
  font-size: 18px;
  margin-bottom: 1rem;
  display: block; }

.pager .itemList > div {
  padding: 0.5rem; }
.pager .button--UI {
  font-size: 1.9rem;
  letter-spacing: 2px;}
  .pager .button--UI .inner {
    font-size: 1.9rem;
    padding: 0.1rem 1rem;
    border: 1px solid #d7ae6a;}
@media screen and (max-width: 768px) {
 .pager .button--UI {
  font-size: 1.6rem;}
 .pager .button--UI .inner {
  font-size: 1.6rem;}
}
.oldest .button--UI .inner,
.latest .button--UI .inner{
 color: #3c3c3c;
 background-color: #d7ae6a;
 border-radius: 3px;
 padding: 0.25rem 3rem 0rem;
 margin-top: 2rem;
}

.pagerNext .button--UI .inner,
.pagerPrev .button--UI .inner{
  background: #d7ae6a;
  height: calc(tan(60deg)* 34px / 2);
  width: 25px;
}

@media screen and (max-width: 768px) {
 .pagerNext .button--UI .inner,
 .pagerPrev .button--UI .inner{
  height: calc(tan(60deg) * 32px / 2);
  width: 20px;
 }
}

.pagerNext .button--UI .inner{
 clip-path: polygon(0 0, 100% 50%, 0 100%);
 margin-left: 1rem;
}
.pagerPrev .button--UI .inner{
 clip-path: polygon(0 50%, 100% 0, 100% 100%);
 margin-right: 1rem;
}

.pagerNext .button--UI--default,
.pagerPrev .button--UI--default{
 background-color: inherit;
}

.fixedNav {
  position: fixed;
  z-index: 2;
  top: 50%;
  right: 1rem; }

.fixedNav--infoDetail .fixedNav__inner > div {
  margin-bottom: 1rem; }
.fixedNav--infoDetail .fixedNav__inner > div:last-child {
  margin-bottom: 0; }
.fixedNav--infoDetail a {
  width: 36px;
  height: 36px;
  background-color: #d7ae6a; }


.body--under .underContentBox {
  position: relative;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding: 1rem 2rem; }
  .body--under .underContentBox .ttl {
    position: relative;
    width: 100%; }
  .body--under .underContentBox .ttl .text {
    font-size: 4rem;
    line-height: 2.1;
    margin-bottom: 3rem;
    color: #d7ae6a;
    font-family: "corporate-logo-ver2", sans-serif;
    font-weight: 700;
  }
@media screen and (max-width: 767px) {
.body--under .scene--information--detail .underContentBox {
  padding: 1rem 0; }
 .body--under .underContentBox .ttl .text {
  font-size: 3rem;
  }
}

  .body--under .underContentBox .ttl__ornament {
    position: relative;
    width: 64px;
    height: 5px; }
    .body--under .underContentBox .ttl__ornament .bar {
      width: 64px;
      height: 1px;
      background: #604531; }
    .body--under .underContentBox .ttl__ornament .square {
      position: absolute;
      width: 7px;
      height: 7px;
      background: #604531;
      transform: rotate(-45deg);
      top: -3px; }
  .body--under .underContentBox .ttl__ornament--left .square {
    right: 0; }
  .body--under .underContentBox .ttl--sub {
    padding: 0.25rem 0;
    margin-bottom: .5rem; }
    .body--under .scene--contactConf .underContentBox .ttl--sub label{
      padding-left: 1em;
      text-indent: -1em;
      display: inline-block;
    }
.body--under .buttonContent {
  max-width: 680px;
  margin: 0 auto;
  width: 100%;
  display: block; }
  .body--under .buttonContent > div {
    width: 100%; }
  @media screen and (min-width: 480px) {
    .body--under .buttonContent > div {
      width: 50%; } }
.body--under .buttonContent.buttonContent--multiple {
  max-width: none;
  margin: 0 auto;
  width: 100%;
  display: block; }
  .body--under .buttonContent.buttonContent--multiple > div {
    margin-bottom: 1.5rem; }
  .body--under .buttonContent.buttonContent--multiple > div:last-child {
    margin-bottom: 0; }
@media screen and (min-width: 480px) {
  .body--under .buttonContent.buttonContent--multiple {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; }
    .body--under .buttonContent.buttonContent--multiple > div {
      margin-bottom: 2rem;
      max-width: 400px; } }
.body--under .u-flex.buttonContent > div {
  -webkit-box-flex: 0;
  /* before Android4.3 iOS6:Safari */
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
  width: 50%;
  /* before Android4.3 iOS6:Safari */
  max-width: 50%;
  /* IE11*/ }
.body--under .label--bgMat--base {
  position: relative;
  width: 100%;
  text-align: center;
  overflow: hidden; }
  .body--under .label--bgMat--base span {
    width: 100%;
    text-align: center;
    display: inline-block;
    background: #604531;
    padding: 0.5rem 3rem;
    border-radius: 1rem;
    margin: 0 auto;
    color: #fff; }

.scene--under {
 padding-top: 12rem;
 padding-bottom: 6rem; }

 .body--under .scene--under {
 padding-top: 12rem;
 padding-bottom: 6rem; }

@media screen and (max-width: 768px) {
 .body--under .scene--under {
 padding-top: 13rem; }
}

.scene--contact .required {
  display: inline-block;
  padding: 0rem 0.5rem;
  margin-left: 0.5rem;
  background: #a71717;
  border-radius: 0.5rem;
  color: #fff;
  font-size: 1.3rem;
  font-weight: normal; }
.scene--contact .u-accordion--orderConfirm .u-accordion_trigger .u-flex {
  padding: 0.5rem 0; }
.scene--contact .u-accordion--orderConfirm .u-accordion_trigger .icon {
  padding: 0 1rem; }
  .scene--contact .u-accordion--orderConfirm .u-accordion_trigger .icon .cross {
    position: relative;
    width: 1.6rem;
    height: 1.6rem;
    background-color: #787878;
    border-radius: 0.8rem;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear; }
  .scene--contact .u-accordion--orderConfirm .u-accordion_trigger .icon .cross:before, .scene--contact .u-accordion--orderConfirm .u-accordion_trigger .icon .cross:after {
    position: absolute;
    display: block;
    content: '';
    background-color: #fff;
    width: 10px;
    height: 2px;
    left: 3px;
    top: 7px; }
  .scene--contact .u-accordion--orderConfirm .u-accordion_trigger .icon .cross:before {
    width: 2px;
    height: 10px;
    top: 3px;
    left: 7px; }
.scene--contact .u-accordion--orderConfirm .u-accordion_trigger span.text {
  border-bottom: 1px dashed #fff; }
.scene--contact .u-accordion--orderConfirm .u-accordion_trigger.active .cross {
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }
.scene--contact .u-accordion--orderConfirm .u-accordion_content {
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.4); }
  .scene--contact .u-accordion--orderConfirm .u-accordion_content .case {
    background-color: rgba(255, 255, 255, 0.25);
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    border-left: 5px solid rgba(255, 255, 255, 0.25); }
  .scene--contact .u-accordion--orderConfirm .u-accordion_content .u-fontSize--small {
    font-size: 1.2rem; }
.scene--contact .u-accordion--orderConfirm table {
  width: 100%; }
  .scene--contact .u-accordion--orderConfirm table tr {
    background-color: rgba(255, 255, 255, 0.08); }
    .scene--contact .u-accordion--orderConfirm table tr td:first-child {
      white-space: nowrap; }
    .scene--contact .u-accordion--orderConfirm table tr td:last-child {
      width: 100%; }

.scene--information .infoCategoryTab {
  position: relative;
  width: 100%;
  margin-bottom: 6rem; }
@media screen and (max-width: 767px) {
.scene--information .infoCategoryTab {
  margin-bottom: 4rem; }
}
  .scene--information .infoCategoryTab ul {
    position: relative;
    width: 70%;
    margin-left: auto;
    margin-right: auto; }
@media screen and (max-width: 1200px) {
  .scene--information .infoCategoryTab ul {
    width: 80%; }
 }
  .scene--information .infoCategoryTab li {
    position: relative;
    width: 100%;
    font-size: 1.9rem;
    border: 1px solid #d7ae6a;
    background-color: rgba(2, 2, 2, 0.4);
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; }
  .scene--information .infoCategoryTab li + li{
    margin-left: 1rem; }
@media screen and (max-width: 768px) {
  .scene--information .infoCategoryTab ul {
    width: 100%;
    flex-wrap: wrap; }
   .scene--information .infoCategoryTab li {
    font-size: 1.8rem;
    width: calc(50% - .5rem);
    margin-bottom: 1rem;
  }
  .scene--information .infoCategoryTab li + li{
    margin-left: 0; }
  .scene--information .infoCategoryTab li:nth-child(2n){
    margin-left: 1rem; }
  .scene--information .infoCategoryTab li:nth-last-child(-n + 2){
    margin-bottom: 0; }
 }



    .scene--information .infoCategoryTab li a {
      position: relative;
      display: block;
      padding: .3rem .2rem .1rem;
      font-weight: bold;
      color: #d7ae6a;
      text-decoration: none;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center; }
/*    .scene--information .infoCategoryTab li a:hover {
      color: #fff; }*/
.scene--information .itemList--information {
  position: relative;
  width: 100%;
  margin-bottom: 5rem; }
  .scene--information .itemList--information li {
    position: relative;
    width: 100%;
    border: 1px solid #d7ae6a;
    background-color: rgba(0, 0, 0, 0.7);
    margin: 0px; }
  .scene--information .itemList--information li + li{
    margin-top: 20px; }
    .scene--information .itemList--information li a {
      width: 100%;
      position: relative;
      display: block;
      margin: 0;
      padding: 2rem;
      text-decoration: none;
      -moz-transition: background-color 0.15s linear;
      -o-transition: background-color 0.15s linear;
      -webkit-transition: background-color 0.15s linear;
      transition: background-color 0.15s linear; }

    .scene--information .itemList--information li a:hover {
      background-color: rgba(255, 255, 255, 0.1); }

    @media screen and (min-width: 768px) {
      .scene--information .itemList--information li a {
        padding: 2rem 3rem; }
        }
/*  .scene--information .itemList--information li:first-child {
    border-top: none; }*/
  .scene--information .itemList--information time {
    color: #ffffff;
    padding: 0.25rem;
    font-size: 1.6rem;
    display: inline-block;
    margin-right: 10px; }
  .scene--information .itemList--information .article__title {
    font-size: 2rem;
    color: #fff;
    margin: 0.5rem 0;
    width: 100%;
    text-decoration: none;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
     }
@media screen and (max-width: 768px) {
 .scene--information .itemList--information .article__title {
    font-size: 1.8rem;
    -webkit-line-clamp: 2;
  }
 .infoCategory {
  padding: 0.3rem .5rem 0.1rem;
  min-width: 100px;
 }
}
.scene--information .itemList--information--flg {
  position: relative;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1); }
  .scene--information .itemList--information--flg li {
    position: relative;
    width: 100%;
    border-top: 1px solid #333333;
    margin: 0px; }
    .scene--information .itemList--information--flg li a {
      width: 100%;
      position: relative;
      color: #212121;
      background-color: rgba(255, 255, 255, 0);
      display: block;
      margin: 0;
      padding: 0.5rem 2.5rem 0.5rem 0.5rem;
      text-decoration: none;
      -moz-transition: background-color 0.15s linear;
      -o-transition: background-color 0.15s linear;
      -webkit-transition: background-color 0.15s linear;
      transition: background-color 0.15s linear; }
    .scene--information .itemList--information--flg li a:before,
    .scene--information .itemList--information--flg li a:after {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      content: "";
      vertical-align: middle; }
    .scene--information .itemList--information--flg li a:before {
      right: 1.5rem;
      width: 1rem;
      height: 1rem;
      border-top: 1px solid #ffffff;
      border-right: 1px solid #ffffff;
      -moz-transition: right 0.15s linear;
      -o-transition: right 0.15s linear;
      -webkit-transition: right 0.15s linear;
      transition: right 0.15s linear;
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .scene--information .itemList--information--flg li a:hover {
      background-color: rgba(255, 255, 255, 0.1); }
    .scene--information .itemList--information--flg li a:hover:before {
      right: 0.8rem; }
    @media screen and (min-width: 600px) {
      .scene--information .itemList--information--flg li a {
        padding: 0.5rem 5rem 0.5rem 1rem; }
      .scene--information .itemList--information--flg li a:before {
        right: 2.5rem; }
      .scene--information .itemList--information--flg li a:hover:before {
        right: 1.5rem; } }
  .scene--information--detail .article__info{
   margin-bottom: 3rem;
  }
  .scene--information .itemList--information--flg li:first-child {
    border-top: none; }
  .scene--information .itemList--information--flg time {
    color: #df9e39;
    padding: 0.25rem;
    font-size: 1.2rem;
    display: inline-block; }
  .scene--information .itemList--information--flg .article__info {
    color: #fff;
    font-size: 1.25rem; }
  .scene--information .itemList--information--flg .article__title {
    color: #fff;
    margin: 0.5rem 0;
    width: 100%;
    font-size: 1.25rem;
    text-decoration: none; }
  .scene--information .itemList--information--flg .infoCategory {
    font-size: 1.05rem; }

.scene--information--detail .article {
  padding: 8rem 12rem;
  background-color: rgba(0, 0, 0, 0.5);
  border-top: 12px solid #d7ae6a;
  border-bottom: 1px solid #d7ae6a; }
@media screen and (max-width: 767px){
.scene--information--detail .article {
  padding: 3rem 4rem; }
}


.scene--information--detail .article__title {
  font-size: 2rem;
  border-bottom: 1px solid #d7ae6a;
  padding-bottom: 1.5rem; }
.scene--information--detail time {
  color: #fff;
  padding: 0.25rem;
  font-size: 1.6rem;
  display: inline-block;
  margin-right: 2rem; }
.scene--information--detail .buttonContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }
.scene--information--detail .buttonContent--infoDetail {
  display: block; }
  .scene--information--detail .buttonContent--infoDetail > div {
    margin-bottom: 1rem; }
  @media screen and (min-width: 500px) {
    .scene--information--detail .buttonContent--infoDetail {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
      .scene--information--detail .buttonContent--infoDetail > div {
        margin-bottom: 0; } }
.scene--information--detail .invalid {
  pointer-events: none;
  cursor: default;
  -webkit-filter: grayscale(1);
  filter: grayscale(1); }
.scene--information--detail .heading {
  position: relative;
  width: 100%;
  word-wrap: break-word; }
/*.scene--information--detail .heading--h1 {
  font-size: 1.8rem;
  font-weight: bold;
  border-radius: 15px;
  border: 2px solid #7d633a;
  padding: 1.2rem 2rem;
  overflow: hidden;
  background: #312519; }
.scene--information--detail .heading--h1--ornament {
  border: 2px solid #7d633a;
  padding: 1.2rem 4rem;
  background-image: url("../img/frame/frame-ornament-left.png"), url("../img/frame/frame-ornament-right.png"), linear-gradient(to right, #312519, #312519);
  background-repeat: no-repeat,no-repeat,repeat;
  background-position: center left,center right,top center; }*/
.scene--information--detail .heading--h2 {
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0.8rem 2rem;
  overflow: hidden;
  background: #312c27;
  border-bottom: 2px solid #7d633a; }
.scene--information--detail .heading--h3 {
  font-size: 1.5rem;
  font-weight: bold;
  padding: 0.5rem 2rem;
  overflow: hidden;
  border-bottom: 1px solid #7d633a; }

.scene--historyCoin .itemlist--possess {
  padding: 2rem 0 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  /* Safari */ }
  .scene--historyCoin .itemlist--possess .item {
    width: 100%;
    padding: 0rem 0.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 2rem; }
  .scene--historyCoin .itemlist--possess .item__stone {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 0.5rem 0; }
  .scene--historyCoin .itemlist--possess .item__stone__icon img {
    width: 30px; }
  .scene--historyCoin .itemlist--possess .item__stone__info {
    padding: 0.8rem;
    min-width: 210px; }
    .scene--historyCoin .itemlist--possess .item__stone__info .u-flex {
      font-size: 1.3rem;
      padding: 0 0.5rem 0.2rem 0.5rem; }
  @media screen and (min-width: 580px) {
    .scene--historyCoin .itemlist--possess .item__stone__icon img {
      width: 40px; }
    .scene--historyCoin .itemlist--possess .item {
      width: 50%; } }
.scene--historyCoin .itemlist--historyCoin {
  font-size: 1.3rem; }
  .scene--historyCoin .itemlist--historyCoin .item {
    position: relative;
    width: 100%;
    padding: 0.5rem 0;
    display: block; }
    .scene--historyCoin .itemlist--historyCoin .item > div {
      padding: 0 0.5rem;
      width: 100%; }
    .scene--historyCoin .itemlist--historyCoin .item > div:first-child {
      padding: 0 0.5rem;
      max-width: none; }
    .scene--historyCoin .itemlist--historyCoin .item > div:nth-child(2) {
      max-width: none; }
    .scene--historyCoin .itemlist--historyCoin .item > div:last-child {
      padding: 0 0.5rem; }
  @media screen and (min-width: 480px) {
    .scene--historyCoin .itemlist--historyCoin .item {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
      .scene--historyCoin .itemlist--historyCoin .item > div {
        padding: 0 0.5rem; }
      .scene--historyCoin .itemlist--historyCoin .item > div:first-child {
        padding: 0 0.5rem 0 1rem;
        max-width: 18rem; }
      .scene--historyCoin .itemlist--historyCoin .item > div:last-child {
        padding: 0 1rem 0 0.5rem; } }

/*------------HEADER-----------------------*/

.pcDis {
 display: block;
}
@media screen and (max-width: 767px) {
 .pcDis {
 display: none;
 }
}

.spDis {
 display: none;
}
@media screen and (max-width: 767px) {
 .spDis {
  display: block;
 }
}

.header{
 position: relative;
}

.header--color {
 position: fixed;
 width: 100%;
 top: 0;
 left: 0;
 right: 0;
 margin: auto;
 max-width: 1920px;
 z-index: 11;
 pointer-events: none;
 background-color:rgba(0,0,0,0.8);
 height: 60px;
 border-bottom: 1px solid #6e5d46;
}

@media screen and (max-width: 767px) {
 .header--color {
  border: none;
  position: absolute;
  background-color: rgba(0,0,0,0);
 }
}

.show .header--color {
 position: fixed;
}

.header  .page__contents__inner {
 display: flex;
 justify-content: space-between;
 align-items:center;
 pointer-events: auto;
 padding: 0 4%;
 height: 60px;
}

/*.top .header  .page__contents__inner {
 align-items:flex-start;
}
*/

@media screen and (max-width: 767px) {
 .header  .page__contents__inner {
   justify-content: center;
 }
}

.headerLogo img {
 width: 100%;
 max-width: 170px;
 position: relative;
 display: block;
}

@media screen and (max-width: 767px) {
 .top .headerLogo img {
 max-width: 200px;
 top: 0px;
 }
 .headerLogo img {
 max-width: 180px;
 top: 70px;
 }
}

.snsSectionTit {
 display: none;
}

.show .snsSectionTit {
 display: block;
}

.headerRightBox{
 display: flex;
 align-items: center;
 height: 60px;
}

@media screen and (max-width: 767px){
 .headerRightBox {
  position: absolute;
 }
}

/*.headerLogo.openLogo {
 display: none;
}

.show .headerLogo.openLogo {
 display: block;
 max-width: 400px;
 margin: 5rem auto 0;
}

@media screen and (min-width: 1024px) {
 .headerLogo.openLogo {
 display: block;
 }
}


 .headerLogo.closeLogo,
.top .headerLogo.closeLogo{
 display: none;
}


@media screen and (max-width: 1023px) {
 .headerLogo.closeLogo {
 display: block;
 max-width: 80px;
 margin-top: 1rem;
 }
}

.show .headerLogo.closeLogo {
 display: none;
}
*/
.menuClose{
 display: none;
}

.show .menuClose{
 display: block;
}

.show .menuOpen{
 display: none;
}

/*.header .itemList {
 display: block;
 padding: 2rem;
 font-size: 2.4rem;
}

.show .header .itemList{
 padding:15% 0 25%;
 font-size: 2.4rem;
}

.header .itemList li{
 position: relative;
 border-bottom: none;
}

.header .itemList li span {
 font-family: 'nocturne-serif', serif;
 color: #404040;
 position: relative;
 font-weight: 500;
}

 .header .itemList li:last-child{
 border-bottom: none;
}

 .header .itemList a{
 display: inline-block;
 padding: 1rem;
 line-height: 1.3;
}


 .header nav {
 display: none;
}

@media screen and (min-width: 1024px) {
 .header nav {
  display: block;
 }
}

.show .header nav {
 display: block;
}

 .header nav a {
 position: relative;
 height: auto;
}
*/
 .header .snslink {
 margin-right: 1rem;
}

 .show .header .snslink {
 position: relative;
 top: 0;
 left: 6rem;
}

.header .snslink .snslink__content__inner li{
 margin: 0 1rem;
}

 @media screen and (max-width: 767px) {
 .header .snslink .snslink__content__inner li{
  margin: 0 ;
 }
}

.show .header  .snslink .snslink__content__inner li {
 margin-right: 2rem;
}

.header  .snslink img {
 height: 30px;
 vertical-align: middle;
}

.show .header .snslink img {
 height: 32px;
}

.header  .snslink img {
 width: 100%;
}

@media screen and (min-width: 1024px) {
  .header .snslink .snslink__content__inner li {
  padding: 0;
  height: 30px;
 }
}

@media screen and (max-width: 767px) {
 .header .snslink {
  margin-right: 0;
 }
}

.snslink__content__inner{
 display: flex;
 align-items: center;
 justify-content: center;
}

.twitter{
 width: 24px;
}

.youtube{
 width: 28px;
}

.line{
 width: 25px;
}

.show .twitter{
 width: 40px;
}

.show .youtube{
 width: 44px;
}

.show .line{
 width: 40px;
}

.show .body--under .header--color{
/* background: url(https://torerowa-com.akamaized.net/web/ja/img/sp-menu-bg.jpg) no-repeat top center;*/
 background-size: cover;
 height: 100%;
}

@media screen and (min-width: 1024px) {
 .top .header .page__contents nav {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-right: 50px;}
 .top .header .page__contents .selectLanguage {
  margin-left: auto; }
/* .top .header .page__contents .itemList {
  font-size: 1.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  -webkit-flex: 1;
  flex: 1;
 }
 .top .header .page__contents .itemList li {
  width:inherit;
  border-bottom: none;
  margin-right: 40px;
 }
 .top .header .page__contents .itemList li:last-child{
  margin-right: 0;
 }
 .top .header .page__contents .itemList a {
  position: relative;
  text-align: center;
  padding: 0;
  font-weight: 500px;
 }*/
}


/*@media screen and (max-width: 1200px) {
 .top .header .page__contents .itemList {
  justify-content: flex-start;
 }
}

@media screen and (max-width: 1150px) {
 .top .header .page__contents .itemList li{
  margin-right: 25px;
 }
}*/


/*
.show .top .header .vertical {
 height: 100%;
 position: absolute;
 width: 100%;
 overflow: hidden;
}

@media screen and (min-width: 1024px) {
 .show .top .header .vertical {
  overflow: scroll;
 }
}

.show .body--sp .top .header .vertical{
 overflow: scroll;
}*/

.globalNavTrigger {
 position: inherit;
 top: 0rem;
 right: 1rem;
 padding: 1rem 1rem 0.8rem 0.8rem;
 -moz-transform: scale(0.9, 0.9);
 -ms-transform: scale(0.9, 0.9);
 -webkit-transform: scale(0.9, 0.9);
 transform: scale(0.9, 0.9);
 -moz-transform-origin: right center;
 -ms-transform-origin: right center;
 -webkit-transform-origin: right center;
 transform-origin: right center;
}

@media screen and (min-width: 320px) {
 .globalNavTrigger {
  top: 0.5rem;
 }
}

@media screen and (min-width: 835px) {
 .globalNavTrigger {
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
 }
}

@media screen and (min-width: 1024px) {
 .globalNavTrigger {
  display: none;
 }
}

.menu-trigger,
.menu-trigger span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}

.menu-trigger {
 position: inherit;
 width: 38px;
 height: 28px;
 right: 0;
}

.menu-trigger span {
 position: absolute;
 left: 0;
 width: 100%;
 height: 3px;
 background-color: #404040;
 border-radius: 2px;
}

.menu-trigger span:nth-of-type(1) {
 top: 0;
}

.menu-trigger span:nth-of-type(2) {
 top: 13px;
}

.menu-trigger span:nth-of-type(3) {
 bottom: 0;
}

/*.menu-trigger.active {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}*/

.menu-trigger.active span:nth-of-type(1) {
 -webkit-transform: translateY(13px) rotate(-45deg);
 transform: translateY(13px) rotate(-45deg);
}

.menu-trigger.active span:nth-of-type(2) {
 -webkit-transform: translateY(0) rotate(45deg);
 transform: translateY(0) rotate(45deg);
}

.menu-trigger.active span:nth-of-type(3) {
 opacity: 0;
}

.selectLanguage__trigger{
 line-height: 1;
}

.language-ct {
 display: inline-block;
 color: #ccc;
 font-size: 1.3rem;
 line-height: 1;
 position: relative;
 cursor: pointer;
}

/*.language-ct:after{
 content: "";
 width: .8rem;
 height: .8rem;
 border-top: solid 1px #555;
 border-left: solid 1px #555;
 position: absolute;
 top: 29%;
 right: -80%;
 transform: rotate(225deg);
 transition: 0.3s;
}


.active.language-ct:after {
 transform: rotate(45deg);
 top: 46%;
}*/

.selectLanguage__content__inner{
 position: absolute;
 top: 10px;
 left: 2%;
 z-index: 2;
}

@media screen and (max-width: 767px) {
 .selectLanguage__content__inner{
  left: 10px;
 }
}


.selectLanguage__list {
 position: absolute;
 top: 62px;
 right: 0;
 text-align: left;
 z-index: 10;
 width: 100%;
}

.selectLanguage__list > li {
 background-color: rgba(215,174,106,.7);
 margin-bottom: 0.8px;
 padding: 1.5rem;
 text-align: center;
}

@media screen and (max-width: 767px) {
.selectLanguage__list > li {
 background-color: rgba(215,174,106,.8);
 }
}


.selectLanguage__list a {
 color: #fff;
 font-size: 1.5rem;
 display: inline-block;
}

.selectLanguage__list {
 display: none;
}



 #header.is-animation .headerLogo{
 animation-name: none;
 }

 @media screen and (max-width: 767px) {
.top #header.is-animation .headerLogo{
  animation:ScaleAnime .3s ease-in forwards;
  position: relative;
 }
}
 @keyframes ScaleAnime{
  0%{
  transform: scale(1, 1);
  top:0;
  }
  100%{
  transform: scale(0.6, 0.6);
  top: -35px;
  }
 }
}


/*----------------------------------------------------------*/
@media screen and (max-width: 1024px) {

.body--under .headerRightBox{
 position: absolute;
 right: 6rem;
}

.show + .headerRightBox{
 position: absolute;
 left: 0;
}

.show .body--under .headerRightBox{
  position: absolute;
  padding-left: 30px;
}
}

@media screen and (max-width: 767px) {
 .body--under .headerRightBox{
  right: 2rem;
 }
}

@media screen and (max-width: 1023px) {
.show .body--under .headerRightBox{
  padding-left: 0;
  left: 0rem;
  right: inherit;
 }
}


.show .headerRightBox{
 display: block;
}

.show .u-flexJustifyContentCenter{
 justify-content: inherit;
}

.headerListItemSp{
 display: none;
}

.show .headerListItemSp{
 display: flex;
 margin-top: 2rem;
 margin-left: -4rem;
}


.globalNavTrigger{
 position: absolute;
 right: 20px;
 top: -5px;
}

.show .globalNavTrigger{
 position: absolute;
 right: 20px;
 top: -10px;
}

.show #frontlayer,
.show .scene--under{
 display: none;
}

.selectLanguage__list{
 top: 60px;
 width: 180px;
}

.show .selectLanguage__list{
 top: 32px;
}

@media screen and (max-width: 767px) {
.selectLanguage__list{
 max-width: 150px;
 right: -20px;
 }
}

.pageTop {
 position: fixed;
 bottom: 10px;
 right: 10px;
 z-index: 10;
 max-width: 100px;
 transition: all 700ms 0s ease;
}

.pagetopImg {
 width: 100%;
}

@media screen and (max-width: 767px) {
 .pageTop {
  max-width: 85px;
 }
}

/*-------------/HEADER----------------------*/

.articleBoxWp{
 min-height: 80px;
 background-color: #2c2c2c;
 bottom: 0;
 margin: auto;
 z-index: 1;
 width: 100%;
 position: relative;
}

.top .articleBoxWp{
 position: relative;
}

@media screen and (max-width: 767px) {
 .articleBoxWp{
  padding-top: 5rem;
 }
}

.articleBoxInner{
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 3rem 4rem;
 max-width: 1920px;
 width: 100%;
 margin: auto;
 box-sizing: border-box;
}


@media screen and (max-width: 767px) {
 .articleBoxInner{
  display: block;
  padding: 0;
  width: inherit;
 }
}

.footerNaviList{
 display: flex;
 align-items: center;
 justify-content: flex-end;
 flex-wrap: wrap;
 margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
 .footerNaviList{
  margin-bottom: 6rem;
  justify-content: center;
 }
 .articleLogo{
  text-align: center;
  margin-bottom: 2.5rem;
 }
}

.footerNaviList li{
 padding-right: 4rem;
 position: relative;
}

.footerNaviList li::after{
 content: "|";
 position:absolute;
 top: 10%;
 right: 1.75rem;
 color: #fff;
}

.footerNaviList li:last-child{
 padding-right: 0;
}

.footerNaviList li:last-child::after{
 content: none;
}

.footerNaviList li a{
 color: #fff;
 font-size: 1.4rem;
 line-height: 2.5;
}

.copyright{
 font-size: 1.2rem;
 color: #fff;
 text-align: right;
 display: block;
 font-family: 'Roboto', sans-serif;
}

@media screen and (max-width: 767px) {
 .footerNaviList li a{
  font-size: 1.2rem;
 }
 .copyright{
 padding-bottom: 3rem;
 text-align: center;
 }
}

.articleLogo{
 width: 200px;
}

@media screen and (max-width: 767px) {
 .articleLogo{
 width: inherit;
 }
}

@media screen and (max-width: 767px) {
 .top .articleBoxWp{
  margin-top: 0;
 }
}

.pageTop01 {
 position: fixed;
 bottom: 100px;
 right: 10px;
 z-index: 10;
 max-width: 100px;
}

.pagetopImg {
 width: 100%;
}

@media screen and (max-width: 767px) {
 .pageTop01 {
  bottom: 10px;
  max-width: 85px;
 }
}

.scene--faq .faq_search_area {
 display: flex;
 margin-bottom: 3rem;
}

.scene--faq .adminContents,.bgRule{
 margin: 0 auto 4rem;
 max-width: 1200px;
 padding: 2rem;
 box-sizing: border-box;
 background-color: rgba(30, 16, 2, 0.8);
 border: 2px solid #5d544e;
}

@media screen and (max-width: 767px) {
 .bgRule{
  padding: 1rem;
 }
}

.scene--faq .input_search input {
 width: 100%;
 font-size: 1.6rem;
 padding: 1.2rem;
 border:none;
}

.scene--faq .btn_search input {
 font-size: 1.9rem;
 font-weight: bold;
 color: #000;
 cursor: pointer;
 background-color: #d7ae6a;
 display: inline-block;
 font-size: 1.6rem;
 padding: 1.2rem;
 border-radius: 0 5px 5px 0;
 width: 100%;
 min-width: 124px;
 border: none;
}

@media screen and (max-width: 767px) {
 .scene--faq .btn_search input {
  min-width: 90px;
 }
}

.scene--faq .txt_search{
 border-radius: 5px 0 0 5px;
}

.scene--faq .input_search {
 width: calc(100% - 124px);
}

@media screen and (max-width: 767px) {
 .scene--faq .input_search {
  width: calc(100% - 90px);
 }
}

.scene--faq .faq_category_list li a {
 text-decoration: inherit;
}

.scene--faq .faq_category_list li a {
 display: block;
 height: auto;
 line-height: 1.3;
 padding: 12px 30px 12px 20px;
 border-radius: 6px;
 color: #4d360f;
 font-size: 1.7rem;
 cursor: pointer;
 position: relative;
 margin-bottom: 0;
 font-weight: bold;
 margin-bottom: 12px;
 border: 1px solid #4d360f;
 background-color: #d1bb96;
 position: relative;
}


.scene--faq .faq_category_list li a:before {
 position: absolute;
 content: "";
 top: 30%;
 right: 1.2rem;
 transition: right 0.15s linear;
 background: url(https://torerowa-com-web.akamaized.net/web/en/img/link.svg) no-repeat center center;
 background-size: contain;
 display: block;
 height: 20px;
 width: 20px;
}

.scene--faq .txt_err{
 font-size: 1.6rem;
 margin: 5rem 0;
}

.btnCommon04{
 position: relative;
 width: 100%;
 text-align: center;
}

.btnCommon04 a {
 position: relative;
 font-size: 1.6rem;
 font-weight: bold;
 color: #000;
 cursor: pointer;
 background-color: #d7ae6a;
 width: 220px;
 height: 45px;
 display: inline-block;
 line-height: 3;
 border-radius: 5px;
 margin-top: 3rem;
}

.underpageBox {
    background-color: #fff;
    max-width: 1000px;
    margin: auto;
    box-sizing: border-box;
    padding: 7rem;
    margin-bottom: 15rem;
    border-top: 10px solid #b6de5e;
    position: relative;
    z-index: 1;
    top: 10rem;
    min-height: 555px;
}

.mark_question {
    width: 25px;
    position: relative;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
}

.mark_question::after {
    content: "";
    background: url(https://torerowa-com-web.akamaized.net/web/en/img/tit_question.svg) no-repeat center center;
    background-size: contain;
    display: block;
    position: absolute;
    height: 25px;
    width: 25px;
}

.mark_answer {
    width: 25px;
    position: relative;
    margin-right: 4px;
    display: inline-block;
    vertical-align: top;
}

.mark_answer::after {
    content: "";
    background: url(https://torerowa-com-web.akamaized.net/web/en/img/tit_answer.svg) no-repeat center center;
    background-size: contain;
    display: block;
    position: absolute;
    height: 25px;
    width: 25px;
}

.scene--faq .accordionBox p {
    margin-bottom: 8rem;
}
.scene--faq .accordionTitle p, .scene--faq .accordionBox p {
    padding-left: 1.7em;
    text-indent: -1.7em;
}

.accordionBox + .accordionTitle {
    margin-top: 5rem;
}
.accordionTitle {
    margin-bottom: 2rem;
}


.noDate{
 margin: 5rem 0;
 text-align: center;
 display: block;
}

.btnBack{
 text-align: center;
 margin-top: 3rem;
}

.btnCommon span {
 position: relative;
 font-size: 1.9rem;
 font-weight: bold;
 color: #000;
 cursor: pointer;
 background-color: #d7ae6a;
 width: 220px;
 height: 45px;
 display: inline-block;
 line-height: 2.5;
 border-radius: 5px;
}

.scene--faq .input--text input {
 border: none;
}


.scene--faq .small_title{
 font-size: 2.0rem;
 font-weight: bold;
 margin-bottom: 4rem;
}

.scene--faq .card + .card{
 margin-top: 4rem;
}

.scene--faq .card-body{
 margin-top: 1rem;
}

.heading--h1 {
font-size: 2.4rem;
font-weight: 900;
line-height: 2.1;
margin-bottom: 2rem;
color: #d7ae6a;
font-family: "corporate-logo-ver2", sans-serif;
}
.decorationTit01--wp {
position: relative;
}
.body--under .underContentBox .decorationTit01 {
position: relative;
text-stroke: 4px #5c3408;
-webkit-text-stroke: 4px #5c3408;
display: inline-block;
display: block;
}
.decorationTit01::after {
position: absolute;
left: 0;
top: 0;
content: attr(data-txt);
background: linear-gradient(180deg, rgba(250, 242, 215, 1) 19%, rgba(250, 219, 169, 1) 43%, rgba(255, 168, 34, 1));
background-clip: text;
-webkit-background-clip: text;
text-fill-color: transparent;
-webkit-text-fill-color: transparent;
color: transparent;
text-stroke: .1px #5c3408;
-webkit-text-stroke: .1px #5c3408;
width: 100%;
}
.decorationTit02 {
position: relative;
padding: 1.5rem 1rem;
}
.decorationTit02:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
content: '';
background-image: -webkit-repeating-linear-gradient(135deg, #d7ae6a, #d7ae6a 1px, transparent 2px, transparent 5px);
background-image: repeating-linear-gradient(-45deg, #d7ae6a, #d7ae6a 1px, transparent 2px, transparent 5px);
background-size: 7px 7px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.heading--h2 {
font-size: 1.7rem;
font-weight: bold;
padding: 0.8rem 2rem;
overflow: hidden;
background: #312c27;
border-bottom: 2px solid #d7ae6a;
}
.heading--h3 {
font-size: 1.6rem;
font-weight: bold;
padding: 1rem 0;
overflow: hidden;
border-bottom: 1px solid #d7ae6a;
color: #d7ae6a;
}
.adminContents .templateTitle{
border: 1px solid rgb(250 234 215 / 40%);
background: rgb(255 140 0 / 60%);
font-size: 1.8rem;
}
.infoRate {
width: 100%;
position: relative; }
.infoRate .infoRateLabel {
width: 100%;
position: relative;
border: 1px solid #ccc;
margin-bottom: 1rem; }
.infoRate .infoRateLabel > div {
width: 100%;
position: relative;
border-left: 10px solid #ccc; }
.infoRate .infoRateLabel .type {
white-space: nowrap;
padding: 0.8rem 1rem; }
.infoRate .infoRateLabel .totalRate {
border-left: 1px solid #ccc;
padding: 0.8rem 2rem;
margin-left: auto; }
.infoRate .infoRateTable {
position: relative;
width: 100%;
border-collapse: collapse; }
.infoRate .infoRateTable th, .infoRate .infoRateTable .table_header {
border: solid 1px #ccc;
color: #fff;
padding: 0.5rem;
text-align: center;
font-weight: bold; }
.infoRate .infoRateTable td {
border: solid 1px #ccc;
padding: 0.5rem;
color: #fff;
word-break: break-all; }
.infoRate .infoRateTable tr td:nth-child(1) {
text-align: center; }
.infoRate .infoRateTable tr td:nth-child(2) {
text-align: center; }
.infoRate .infoRateTable tr td:nth-child(3) {
text-align: center;
white-space: nowrap; }
.infoRate .infoRateTable tr td:nth-child(5) {
text-align: center;
white-space: nowrap; }
.infoRate--legend .infoRateLabel {
border: 1px solid #b39a26; }
.infoRate--legend .infoRateLabel > div {
border-left: 10px solid #b39a26;
background-color: rgba(0, 0, 0, 0.5);
font-size: 1.5rem; }
.infoRate--legend .infoRateLabel .type {
color: #ceb544;
font-weight: bold; }
.infoRate--legend .infoRateLabel .totalRate {
border-left: 1px solid #b39a26;
color: #ceb544;
font-weight: bold; }
.infoRate--legend .infoRateTable th, .infoRate--legend .infoRateTable .table_header {
background: #b39a26;
border: solid 1px #b39a26;
color: #fafafa; }
.infoRate--legend .infoRateTable th, .infoRate--legend .infoRateTable .table_header {
border-right: solid 1px rgba(255, 255, 255, 0.2); }
.infoRate--legend .infoRateTable th:last-child, .infoRate--legend .infoRateTable .table_header:last-child {
border-right: solid 1px #b39a26; }
.infoRate--legend .infoRateTable td {
background: rgba(121, 107, 78, 0.15);
border: solid 1px #b39a26;
color: #fafafa; }
.infoRate--epic .infoRateLabel {
border: 1px solid #054d51; }
.infoRate--epic .infoRateLabel > div {
border-left: 10px solid #054d51;
background-color: rgba(0, 0, 0, 0.2);
font-size: 1.5rem;
background: rgba(110, 77, 119, 0.15); }
.infoRate--epic .infoRateLabel .type {
color: #3aa3a2;
font-weight: bold; }
.infoRate--epic .infoRateLabel .totalRate {
border-left: 1px solid #054d51;
color: #3aa3a2;
font-weight: bold; }
.infoRate--epic .infoRateTable th, .infoRate--epic .infoRateTable .table_header {
background: #054d51;
border: solid 1px #054d51;
color: #fafafa; }
.infoRate--epic .infoRateTable th, .infoRate--epic .infoRateTable .table_header {
border-right: solid 1px rgba(255, 255, 255, 0.2); }
.infoRate--epic .infoRateTable th:last-child, .infoRate--epic .infoRateTable .table_header:last-child {
border-right: solid 1px #054d51; }
.infoRate--epic .infoRateTable td {
background: rgba(110, 77, 119, 0.15);
border: solid 1px #054d51;
color: #fafafa; }
.infoRate--rare .infoRateLabel {
border: 1px solid #0075ae; }
.infoRate--rare .infoRateLabel > div {
border-left: 10px solid #0075ae;
background-color: rgba(0, 0, 0, 0.2);
font-size: 1.5rem;
background: rgba(81, 111, 125, 0.15); }
.infoRate--rare .infoRateLabel .type {
color: #0083c4;
font-weight: bold; }
.infoRate--rare .infoRateLabel .totalRate {
border-left: 1px solid #0075ae;
color: #0083c4;
font-weight: bold; }
.infoRate--rare .infoRateTable th, .infoRate--rare .infoRateTable .table_header {
background: #0075ae;
border: solid 1px #0075ae;
color: #fafafa; }
.infoRate--rare .infoRateTable th, .infoRate--rare .infoRateTable .table_header {
border-right: solid 1px rgba(255, 255, 255, 0.2); }
.infoRate--rare .infoRateTable th:last-child, .infoRate--rare .infoRateTable .table_header:last-child {
border-right: solid 1px #0075ae; }
.infoRate--rare .infoRateTable td {
background: rgba(81, 111, 125, 0.15);
border: solid 1px #0075ae;
color: #fafafa; }
.infoRate--magic .infoRateLabel {
border: 1px solid #258260; }
.infoRate--magic .infoRateLabel > div {
border-left: 10px solid #258260;
background-color: rgba(0, 0, 0, 0.2);
font-size: 1.5rem;
background: rgba(111, 122, 78, 0.15); }
.infoRate--magic .infoRateLabel .type {
color: #469e7e;
font-weight: bold; }
.infoRate--magic .infoRateLabel .totalRate {
border-left: 1px solid #258260;
color: #469e7e;
font-weight: bold; }
.infoRate--magic .infoRateTable th, .infoRate--magic .infoRateTable .table_header {
background: #258260;
border: solid 1px #258260;
color: #f7ffdf; }
.infoRate--magic .infoRateTable th, .infoRate--magic .infoRateTable .table_header {
border-right: solid 1px rgba(255, 255, 255, 0.2); }
.infoRate--magic .infoRateTable th:last-child, .infoRate--magic .infoRateTable .table_header:last-child {
border-right: solid 1px #258260; }
.infoRate--magic .infoRateTable td {
background: rgba(111, 122, 78, 0.15);
border: solid 1px #258260;
color: #f7ffdf; }
.infoRate--other .infoRateLabel {
border: 1px solid #4e4e4e; }
.infoRate--other .infoRateLabel > div {
border-left: 10px solid #4e4e4e;
background-color: rgba(0, 0, 0, 0.2);
font-size: 1.5rem;
background: rgba(125, 125, 125, 0.15); }
.infoRate--other .infoRateLabel .type {
color: #ddd;
font-weight: bold; }
.infoRate--other .infoRateLabel .totalRate {
border-left: 1px solid #4e4e4e;
color: #ddd;
font-weight: bold; }
.infoRate--other .infoRateTable th, .infoRate--other .infoRateTable .table_header {
background: #4e4e4e;
border: solid 1px #4e4e4e;
color: #eeeeee; }
.infoRate--other .infoRateTable th, .infoRate--other .infoRateTable .table_header {
border-right: solid 1px rgba(255, 255, 255, 0.2); }
.infoRate--other .infoRateTable th:last-child, .infoRate--other .infoRateTable .table_header:last-child {
border-right: solid 1px #4e4e4e; }
.infoRate--other .infoRateTable td {
background: rgba(125, 125, 125, 0.15);
border: solid 1px #4e4e4e;
color: #eeeeee; }
.body--under .templateInfoItem .copySource .copySourceButton {
background: #306592;
}


/*---accordion---*/

.js-accordion_title{
 cursor: pointer;
}

.js-accordion_title.open .icon:after {
 display: none;
}

.u-accordion_content + .js-accordion_title{
 border-top: 1px solid #8b7055;
}

.u-accordion--info .u-accordion_trigger{
 background-color: #5b492a;
}

.u-accordion--info .u-accordion_content {
 border-left: 1px solid #5b492a;
 border-right: 1px solid #5b492a;
 border-bottom: 1px solid #5b492a;
}