@charset "utf-8";

.message-wrapper {
	padding: 0;
	color: var(--msg2026m-color3);
}

.message-wrapper .color1 {
	color: var(--msg2026m-color4);
	background-color: var(--msg2026m-color1);
}
.message-wrapper .color2 {
	color: var(--msg2026m-color4);
	background-color: var(--msg2026m-color2);
}
.message-wrapper .block-2col {
	display: table;
	width: 100%;
	margin-top: 1em;
	font-size: 120%;
}
.message-wrapper .block-2col .tr {
	display: table-row;
}
.message-wrapper .block-2col .th {
	white-space: nowrap;
}
.message-wrapper .block-2col .th, .message-wrapper .block-2col .td {
	display: table-cell;
	vertical-align: top;
}
.message-wrapper .block-2col .td {
	padding: 0 1em 2em;
	line-height: 1.8;
}

.message-wrapper .block3 {
	background-color: #c5b5b4;
}
.message-wrapper .block3 img {
	width: 100%;
}
.message-wrapper .top-image div {
	padding: 1em;
}
.message-wrapper .block1 {
	text-align: center;
	padding: 0.7em;
}
.message-wrapper .block1.welcome {
/*	font-size: 27px;*/
	font-size: 100%;
}
.pc .message-wrapper .block1.welcome {
/*	font-size: 24px;*/
	font-size: 100%;

}
.message-wrapper .block1 a {
	color: #707070;
	text-decoration: none;
}
.message-wrapper .bonus-message {
	text-align: right;
}
.message-wrapper .bonus-message .received {
	font-size: 120%;
}
.message-wrapper .bonus-message .bonus-strong {
	color: var(--msg2026m-color7);
	font-weight: bold;
	text-decoration: underline;
}
.message-wrapper .received-wrapper {
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 156px;
	padding: 15px;
}
.message-wrapper .received-1 {
	background-image: url(/image/2026mmessage/ue.png);
}
.message-wrapper .received-2 {
	background-image: url(/image/2026mmessage/sita.png);
}
.message-wrapper .bonus-message .received .count {
	display: inline-block;
	font-size: 250%;
	font-weight: 500;
	margin: 0 0.2em;
	vertical-align: baseline;
}
.message-wrapper .block2 {
	text-align: center;
	background-color: #3791a7;
	color: #fff;
	padding: 0.7em;
}
.message-wrapper .block4 {
	text-align: center;
	padding: 1.5em 1.5em 1.5em 3em;
}
.message-wrapper .block5 {
	text-align: center;
	background-color: #043b89;
	color: #fff;
	padding: 0.7em;
}

.message-wrapper .main-message {
	min-width: 70%;
	font-size: 100%;
	margin-bottom: 1em;
}
.message-wrapper .main-message a.btn {
	font-size: 120%;
	min-width: 70%;
}
.message-wrapper .main-message .name {
	color: var(--msg2026m-color5); 
	text-align: center;
/*	font-size: 60%;*/
	height: 3.5em;
}
/*.pc .message-wrapper .main-message .name {
	font-size: 85%;
}*/
.message-wrapper .main-message .name a {
	display: block;
	color: var(--msg2026m-color5);
	text-decoration: none;
	margin-top: 0.3em;
}
.message-wrapper .categories .items {
	display: table;
	width: 100%;
}
.message-wrapper .categories .items .row {
	display: table-row;
}
.message-wrapper .categories .items .row .item {
	display: table-cell;
	width: 33.3333%;
	height: auto;
	text-align: center;
	vertical-align: top;
	padding-bottom: 1em;
}
.message-wrapper .categories .items .row .item a.detail-link {
	display: block;
	text-align: center;
	margin-bottom: 0.3em;
	text-decoration: none;
}
.message-wrapper .categories .items .row .item.item-1, .message-wrapper .categories .items .row .item.item-1 a.detail-link {
	color: var(--msg2026m-color2);
}
.message-wrapper .categories .items .row .item.item-2, .message-wrapper .categories .items .row .item.item-2 a.detail-link {
	color: var(--msg2026m-color1);
}
.message-wrapper .categories .items .row .item.item-3, .message-wrapper .categories .items .row .item.item-3 a.detail-link {
	color: var(--msg2026m-color6);
}
.message-wrapper .categories .items .row .item.item-4, .message-wrapper .categories .items .row .item.item-4 a.detail-link {
	color: var(--msg2026m-color5);
}
.message-wrapper .categories .items .row .item img {
	width: 100%;
}
.message-wrapper .categories .item .name {
	text-align: center;
	padding: 0.5em 0;
	font-size: 100%;
	min-height: 5em;
	line-height: 1.3;
}
.pc .message-wrapper .categories .item .name {
	min-height: 4.3em;
/*	font-size: 85%;*/
}
.message-wrapper .detail-link {
/*	font-size: 24px;*/
	font-size: 100%;
}
.message-wrapper .matomete-list {
	display: table;
	width: 100%;
	margin-bottom: 1em;
}
.message-wrapper .matomete-list .items {
	display: table-row;
}
.message-wrapper .matomete-list .items .btn {
	font-size: 88.88888%;
}
.pc .message-wrapper .matomete-list .items .btn {
	font-size: 100%;
}
.message-wrapper .matomete-list .items > div {
	display: table-cell;
	width: 50%;
	text-align: center;
}
.message-wrapper .matomete-list.col3 .items > div {
	width: 33.3333%;
}
.message-wrapper .matomete-list.col3 .items > div .btn {
	margin: 0;
	width: 100%;
}
.message-wrapper .matomete-list .items .num {
	font-size: 150%;
	letter-spacing: 5%;
	vertical-align: baseline;
}
/*
.message-wrapper .matomete-list a {
	display: block;
	margin: 0.5em auto;
	width: 92%;
	padding: 0.5em 0;
}
.message-wrapper .matomete-list img {
	width: 100%;
}
*/
#audio-button img {
	width: 100%;
}
.message-wrapper a.bonus-dl {
	text-decoration: none;
}
.message-wrapper .bonus-link {
	text-align: right;
	padding: 0.2em 0.1em 1em;
}
.message-wrapper .bonus-link a:link, .message-wrapper .bonus-link a:visited {
	text-decoration: none;
	color: #3791a7;
}
.message-wrapper .button {
	display: block;
	width: 70%;
	margin: 0 auto;
}
.message-wrapper .button.button-1 {
	color: #000;
	background-color: #d47f7f;
}
.message-wrapper .button.button-2 {
	color: #000;
	background-color: #8ee967;
}
.message-wrapper a.button {
	text-decoration: none;
}
.message-wrapper span.button {
	opacity: 0.7;
	background-color: #999;
}

.message-wrapper .fixed-footer {
	position: fixed;
	bottom: 0;
	left: calc(50% - 320px);
	width: 640px;
	text-align: center;
	color: #fff;
	background-color: #b2352b;
	padding: 0.5em 0;
	font-size: 120%;
}
.pc .message-wrapper .fixed-footer {
	width: 800px;
	left: calc(50% - 400px);
}
.message-wrapper .small {
	font-size: 80%;
}
.message-wrapper .huge {
	font-size: 150%;
	font-weight: 500;
	display: inline-block;
	margin: 0 0.1em;
}

.message-wrapper .btn {
  margin: 0;
  min-width: 100%;
  position: relative;
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
  padding: 0;
  /*font-size: 20px;*/
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  transition: transform 0.3s ease, box-shadow 0.3s ease 0.2s, color 0.2s ease-in 0.4s;
  box-sizing: border-box;
  z-index: 1;
  background-color: var(--msg2026m-color4);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  line-height: 1.1;
}
.message-wrapper .categories {
	font-size: 88.888888%;
}
.pc .message-wrapper .categories {
	font-size: 100%;
}
.message-wrapper .categories .items .btn {
/*	font-size: 24px;*/
	font-size: 100%;
}
.message-wrapper .btn.big {
/*	font-size: 30px;*/
	font-size: 125%;
}/*
.message-wrapper .btn.big2 {
	letter-spacing: 2;
}
.message-wrapper .btn.big3 {
	letter-spacing: 1.5;
}
.message-wrapper .btn.big .title-text {
	width: 5em;
	display: block;
	margin: 0 auto;
	text-align: justify;
}*/
.message-wrapper .btn::after {
  display: block;
  content: "";
  z-index: -1;
  transform: scale(2) skew(-45deg) translateX(-100%);
  transition: transform 0.4s ease-in;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  visibility: visible;
}
.message-wrapper .btn:hover {
  color: var(--msg2026m-color4);
}
.message-wrapper .btn:hover::after {
  transform: scale(2) skew(-45deg) translateX(0);
}
.message-wrapper .btn:focus {
  outline: none;
}
.message-wrapper .btn:active {
  transform: scale(0.95);
}

.message-wrapper .btn.one {
  color: var(--msg2026m-color2);
  border-color: var(--msg2026m-color2);
  border-width: 6px;
}
.message-wrapper .btn.one:hover {
  color: var(--msg2026m-color4);
}
.message-wrapper .btn.one::after {
  background-color: var(--msg2026m-color2);
}
.message-wrapper .btn.one2 {
  color: var(--msg2026m-color4);
  border-color: var(--msg2026m-color2);
  background-color: var(--msg2026m-color2);
}
.message-wrapper .btn.one2:hover {
  color: var(--msg2026m-color2);
}
.message-wrapper .btn.one2::after {
  background-color: var(--msg2026m-color4);
}
.message-wrapper .btn.three {
  color: var(--msg2026m-color1);
  border-color: var(--msg2026m-color1);
  border-width: 6px;
}
.message-wrapper .btn.three:hover {
  color: var(--msg2026m-color4);
}
.message-wrapper .btn.three::after {
  background-color: var(--msg2026m-color1);
}
.message-wrapper .btn.three2 {
  color: var(--msg2026m-color4);
  border-color: var(--msg2026m-color1);
  background-color: var(--msg2026m-color1);
}
.message-wrapper .btn.three2:hover {
  color: var(--msg2026m-color1);
}
.message-wrapper .btn.three2::after {
  background-color: var(--msg2026m-color4);
}
.message-wrapper .btn.five {
  color: var(--msg2026m-color5);
  border-color: var(--msg2026m-color5);
  border-width: 6px;
}
.message-wrapper .btn.five:hover {
  color: var(--msg2026m-color4);
}
.message-wrapper .btn.five::after {
  background-color: var(--msg2026m-color5);
}
.message-wrapper .btn.five2 {
  color: var(--msg2026m-color4);
  background-color: var(--msg2026m-color5);
  border-color: var(--msg2026m-color5);
}
.message-wrapper .btn.five2:hover {
  color: var(--msg2026m-color5);
}
.message-wrapper .btn.five2::after {
  background-color: var(--msg2026m-color4);
}
.message-wrapper .btn.twenty_seven {
  background-color: var(--msg2026m-color6);
  border-color: var(--msg2026m-color6);
  color: var(--msg2026m-color4);
  transition: none;
}
.message-wrapper .btn.twenty_seven::after {
  transition: none;
}
.message-wrapper .btn.twenty_seven.border {
	border-color: var(--msg2026m-color4);
}
.message-wrapper span.detail-link.twenty_seven {
	color: var(--msg2026m-color6);
}
.message-wrapper .voice-link {
	width: 70%;
	margin: 1em auto;
}
.message-wrapper .voice-link .btn {
	font-size: 120%;
}
.message-wrapper .ui-disabled {
	opacity: 0.5;
}
.message-wrapper .register-button {
	padding:1em 3em;
}
.message-wrapper .register-button .btn.five2 {
	font-size: 100%;
	height: 100px;
}
/*
.message-wrapper .btn.twenty_seven:hover {
  color: var(--msg2026m-color4);
}
.message-wrapper .btn.twenty_seven::after {
  background-color: var(--msg2026m-color6);
}
*/.