body{
  word-break: break-all;
}

footer{
  width: 100%;
  height: 80px;
  padding: 10;
  background-color: #fff;
  z-index: 9;
}

h4{
  color:#6B4EFF;
  font-weight: bold;
  margin-bottom: 20px;
}

a {
  color: #6B4EFF;
}
a:hover {
  color: #6B4EFF;
}

.luna-color{
  color: #6B4EFF;
}

.entry_page{
  padding:60px 10px;
  color: #bbb;
  font-size: 20px;
  font-weight: bold;
}

.img_back_box{
  width: 100%;
    height: 300px;
    object-fit: cover;
}

.top_h{
  color: #fff;
  background-color: #5538EE;
  width: 540px;
  padding: 13px 10px;
  font-size: 18px;
  position:absolute;
  top: 215px;
  margin:0;
  z-index: 100;
}

/* twitterのボタン色 */
.btn-twitter,
.btn-twitter.disabled, .btn-twitter:disabled {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
  border-radius: 50px;
  z-index:9;
}

.btn-twitter-d,
.btn-twitter-d.disabled, .btn-twitter-d:disabled {
  color: #fff;
  background-color: #bbb;
  border-color: #bbb;
  border-radius: 50px;
}

/* focusされた時の枠線の色 */
.btn-twitter:focus, .btn-twitter.focus,
.btn-twitter:not(:disabled):not(.disabled):active:focus, .btn-twitter:not(:disabled):not(.disabled).active:focus,
.show > .btn-twitter.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #d2f0ee;
}

/* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定） */
.btn-twitter:hover {
  color: #fff;
  background-color: #303030;
  border-color: #303030;
}

/* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
.btn-twitter:not(:disabled):not(.disabled):active, .btn-twitter:not(:disabled):not(.disabled).active,
.show > .btn-twitter.dropdown-toggle {
  color: #fff;
  background-color: #5432ff;
  border-color: #5432ff;
}

/* 通常のボタン色 */
.btn-luna,
.btn-luna.disabled, .btn-luna:disabled {
  color: #fff;
  background-color: #6B4EFF;
  border-color: #6B4EFF;
  border-radius: 50px;
  z-index:9;
}

.btn-luna-d,
.btn-luna-d.disabled, .btn-luna-d:disabled {
  color: #fff;
  background-color: #bbb;
  border-color: #bbb;
  border-radius: 50px;
}

/* focusされた時の枠線の色 */
.btn-luna:focus, .btn-luna.focus,
.btn-luna:not(:disabled):not(.disabled):active:focus, .btn-luna:not(:disabled):not(.disabled).active:focus,
.show > .btn-luna.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #d2f0ee;
}

/* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定） */
.btn-luna:hover {
  color: #fff;
  background-color: #6B4EFF;
  border-color: #6B4EFF;
}

/* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
.btn-luna:not(:disabled):not(.disabled):active, .btn-luna:not(:disabled):not(.disabled).active,
.show > .btn-luna.dropdown-toggle {
  color: #fff;
  background-color: #5432ff;
  border-color: #5432ff;
}

/* 通常のボタン色 */
.btn-luna-sec,
.btn-luna-sec.disabled, .btn-luna-sec:disabled {
  color: #fff;
  background-color: #BAACFF;
  border-color: #BAACFF;
  border-radius: 50px;
  z-index:9;
}

.btn-luna-sec-d,
.btn-luna-sec-d.disabled, .btn-luna-sec-d:disabled {
  color: #fff;
  background-color: #bbb;
  border-color: #bbb;
  border-radius: 50px;
}

/* focusされた時の枠線の色 */
.btn-luna-sec:focus, .btn-luna-sec.focus,
.btn-luna-sec:not(:disabled):not(.disabled):active:focus, .btn-luna-sec:not(:disabled):not(.disabled).active:focus,
.show > .btn-luna-sec.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #d2f0ee;
}

/* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定） */
.btn-luna-sec:hover {
  color: #fff;
  background-color: #BAACFF;
  border-color: #BAACFF;
}

/* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
.btn-luna-sec:not(:disabled):not(.disabled):active, .btn-luna-sec:not(:disabled):not(.disabled).active,
.show > .btn-luna-sec.dropdown-toggle {
  color: #fff;
  background-color: #5432ff;
  border-color: #5432ff;
}


/* 通常のボタン色 */
.btn-luna-outline,
.btn-luna-outline.disa-outlinebled, .btn-luna:disabled {
  color: #6B4EFF;
  background-color: #fff;
  border-color: #6B4EFF;
  border-radius: 50px;
  z-index:9;
}

/* focusされた時の枠線の色 */
.btn-luna-outline:focus, .btn-luna-outline.focus,
.btn-luna-outline:not(:disabled):not(.disabled):a-outlinective:focus, .btn-luna:not(:disabled):not(.disabled).active:focus,
.show > .btn-luna-outline.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #d2f0ee;
}

/* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定） */
.btn-luna-outline:hover {
  color: #6B4EFF;
  background-color: #fff;
  border-color: #6B4EFF;
}

/* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
.btn-luna-outline:not(:disabled):not(.disab-outlineled):active, .btn-luna:not(:disabled):not(.disabled).active,
.show > .btn-l-outlineuna.dropdown-toggle {
  color: #fff;
  background-color: #6B4EFF;
  border-color: #6B4EFF;
}

/* 通常のボタン色 */
.btn-skip,
.btn-skip.disabled, .btn-skip:disabled {
  color: #fff;
  background-color: #FF2AA3;
  border-color: #FF2AA3;
  border-radius: 50px;
  z-index:9;
}

.btn-skip-d,
.btn-skip-d.disabled, .btn-skip-d:disabled {
  color: #fff;
  background-color: #bbb;
  border-color: #bbb;
  border-radius: 50px;
}

/* focusされた時の枠線の色 */
.btn-skip:focus, .btn-skip.focus,
.btn-skip:not(:disabled):not(.disabled):active:focus, .btn-skip:not(:disabled):not(.disabled).active:focus,
.show > .btn-skip.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #d2f0ee;
}

/* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定） */
.btn-skip:hover {
  color: #fff;
  background-color: #FF2AA3;
  border-color: #FF2AA3;
}

/* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
.btn-skip:not(:disabled):not(.disabled):active, .btn-skip:not(:disabled):not(.disabled).active,
.show > .btn-skip.dropdown-toggle {
  color: #fff;
  background-color: #FF2AA3;
  border-color: #FF2AA3;
}

/* 通常のボタン色 */
.btn-skip-outline,
.btn-skip-outline.disa-outlinebled, .btn-skip:disabled {
  color: #FF2AA3;
  background-color: #fff;
  border-color: #FF2AA3;
  border-radius: 50px;
  z-index:9;
}

/* focusされた時の枠線の色 */
.btn-skip-outline:focus, .btn-skip-outline.focus,
.btn-skip-outline:not(:disabled):not(.disabled):a-outlinective:focus, .btn-skip:not(:disabled):not(.disabled).active:focus,
.show > .btn-skip-outline.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #d2f0ee;
}

/* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定） */
.btn-skip-outline:hover {
  color: #FF2AA3;
  background-color: #fff;
  border-color: #FF2AA3;
}

/* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
.btn-skip-outline:not(:disabled):not(.disab-outlineled):active, .btn-skip:not(:disabled):not(.disabled).active,
.show > .btn-l-outlineuna.dropdown-toggle {
  color: #fff;
  background-color: #FF2AA3;
  border-color: #FF2AA3;
}

/* 検索のボタン色 */
.btn-luna-search,
.btn-luna-search.disabled, .btn-luna-search:disabled {
  color: #fff;
  background-color: #FF2AA3;
  border-color: #fff;
  border-radius: 5px;
  z-index:9;
}

.btn-luna-search-d,
.btn-luna-search-d.disabled, .btn-luna-search-d:disabled {
  color: #fff;
  background-color: #bbb;
  border-color: #bbb;
  border-radius: 5px;
}

/* focusされた時の枠線の色 */
.btn-luna-search:focus, .btn-luna-search.focus,
.btn-luna-search:not(:disabled):not(.disabled):active:focus, .btn-luna-search:not(:disabled):not(.disabled).active:focus,
.show > .btn-luna-search.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #d2f0ee;
}

/* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定） */
.btn-luna-search:hover {
  color: #fff;
  background-color: #FF2AA3;
  border-color: #FF2AA3;
}

/* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
.btn-luna-search:not(:disabled):not(.disabled):active, .btn-luna-search:not(:disabled):not(.disabled).active,
.show > .btn-luna-search.dropdown-toggle {
  color: #fff;
  background-color: #FF2AA3;
  border-color: #FF2AA3;
}


/* アイコンボタン */
.btn-luna-icon,
.btn-luna-icon.disabled, .btn-luna-icon:disabled {
  color: #fff;
  background-color: #f2f2f2;
  border-color: #fff;
  border-radius: 20px;
  z-index:9;
}

.btn-luna-icon-d,
.btn-luna-icon-d.disabled, .btn-luna-icon-d:disabled {
  color: #fff;
  background-color: #bbb;
  border-color: #bbb;
  border-radius: 5px;
}

/* focusされた時の枠線の色 */
.btn-luna-icon:focus, .btn-luna-icon.focus,
.btn-luna-icon:not(:disabled):not(.disabled):active:focus, .btn-luna-icon:not(:disabled):not(.disabled).active:focus,
.show > .btn-luna-icon.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #d2f0ee;
}

/* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定） */
.btn-luna-icon:hover {
  color: #fff;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}

/* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
.btn-luna-icon:not(:disabled):not(.disabled):active, .btn-luna-icon:not(:disabled):not(.disabled).active,
.show > .btn-luna-icon.dropdown-toggle {
  color: #fff;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}


.luna-subtitle{
    width: 100%;
    padding: 10px 20px;
    color: #fff;
    background-color: #6B4EFF;
    letter-spacing: 0.12em;
}

.luna-title{
  width: 100%;
  color: #6B4EFF;
  font-size: 70px;
}
.luna-h-title{
  color: #6B4EFF;
  font-weight: 500;
  font-size: 40px;
}
.luna-footer{
    width: 100%;
    letter-spacing: 0.12em;
    font-size: 20px;
    padding-top: 20px;
}

.header-menu-box{
  position: fixed;
  width: 300px;
  height: 100%;
  right: -300px;
  background-color: #6B4EFF;
  padding: 10px;
}

.gradation {
  position:absolute;
  display: inline-block;
  padding: 0.5em 6em;
  background: #F5F5F5;
  color: #fff;
  font-size: 1px;
  width: 540px;
  margin-top: -1px;
}

.luna-form-control{
  display: block;
    width: 100%;
    padding: 14px 18px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #F2F2F1;
    background-clip: padding-box;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 0px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 6px;
}
.luna-form-control:focus{
  outline: none;
  border-bottom: 0px solid #6B4EFF;
}

.luna-form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 0.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.luna-form-select:focus{
  outline: none;
  border-bottom: 1px solid #6B4EFF;
}

.error-text{
  color:red;
  font-size: 13px;
}
.error-primary{
  color:#6B4EFF;
  font-size: 13px;
}

/*Radioのみ*/
label.radio {
	position      : relative;
	display       : inline-block;
	width         : 30px;
	height        : 30px;
	border        : 1px solid #666;
	border-radius : 100%;
	overflow      : hidden;
	cursor        : pointer;
}
label.radio:before {
	content          : '';
	display          : block;
	width            : 22px;
	height           : 22px;
	border-radius    : 100%;
	position         : absolute;
	top              : 3px;
	left             : 3px;
	z-index          : 1;
	background-color : #6B4EFF; 
}
label.radio input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	margin     : 0px;
	position   : absolute;
	z-index    : 2;
	top        : -3px;
	left       : -33px;
	width      : 30px;
	height     : 30px;
	display    : block;
	box-shadow : 30px 0px #FFF;
}
label.radio input[type="radio"]:checked {
	box-shadow : none;
}
label.radio input[type="radio"]:focus {
	box-shadow : 30px 0px #FFF;
	opacity    : 0.2;
}

/*Radio-sxのみ*/
label.radio-sx {
  position      : relative;
  display       : inline-block;
  width         : 22px;
  height        : 22px;
  border        : 1px solid #666;
  border-radius : 100%;
  overflow      : hidden;
  cursor        : pointer;
}
label.radio-sx:before {
  content          : '';
  display          : block;
  width            : 14px;
  height           : 14px;
  border-radius    : 100%;
  position         : absolute;
  top              : 3px;
  left             : 3px;
  z-index          : 1;
  background-color : #6B4EFF; 
}
label.radio-sx input[type="radio"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  margin     : 0px;
  position   : absolute;
  z-index    : 2;
  top        : -3px;
  left       : -23px;
  width      : 22px;
  height     : 22px;
  display    : block;
  box-shadow : 22px 0px #FFF;
}
label.radio-sx input[type="radio"]:checked {
  box-shadow : none;
}
label.radio-sx input[type="radio"]:focus {
  box-shadow : 22px 0px #FFF;
  opacity    : 0.2;
}



.form-check-input-luna {
  float: left;
  margin-left: -1.5em;
}

.form-check-input-luna {
  width: 30px;
  height: 30px;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}
.form-check-input-luna[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input-luna[type=radio] {
  border-radius: 50%;
}
.form-check-input-luna:active {
  filter: brightness(90%);
}
.form-check-input-luna:focus {
  border-color: #6B4EFF;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input-luna:checked {
  background-color: #6B4EFF;
  border-color: #6B4EFF;
}
.form-check-input-luna:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input-luna:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input-luna[type=checkbox]:indeterminate {
  background-color: #6B4EFF;
  border-color: #6B4EFF;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input-luna:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input-luna[disabled] ~ .form-check-label, .form-check-input-luna:disabled ~ .form-check-label {
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input-luna {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input-luna {
    transition: none;
  }
}
.form-switch .form-check-input-luna:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input-luna:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.luna-page-header{
  background-color: #6B4EFF;
  color: #fff;
  padding:10px 20px;
  font-size: 18px;
}

.luna-nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #aaa;
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.luna-active{
  border-bottom: 1px solid #6B4EFF;
  color:#6B4EFF;
}

.luna-page-box-l{
  float:left;
  width:90%
}
.luna-page-box-r{
  float:left;
  width:10%
}

.luna-footer-menu{
  position: fixed;
  bottom:0;
  width:540px;
  height:90px;
  background-color: #fff;
  padding-top: 15px;
  z-index: 99999;
}

.form-check-input-luna-outline {
  width: 30px;
  height: 30px;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}
.form-check-input-luna-outline[type=checkbox] {
}
.form-check-input-luna-outline[type=radio] {
  border-radius: 50%;
}
.form-check-input-luna-outline:active {
  filter: brightness(90%);
}
.form-check-input-luna-outline:focus {
  color: #6B4EFF;
  outline: 0;
}
.form-check-input-luna-outline:checked {
  color: #6B4EFF;
  border:0;
}
.form-check-input-luna-outline:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%236B4EFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input-luna-outline:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input-luna-outline[type=checkbox]:indeterminate {
  background-color: #6B4EFF;
  border-color: #6B4EFF;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input-luna-outline:disabled {
  pointer-events: none;
  filter: none;
  opacity: 1;
}
.form-check-input-luna-outline[disabled] ~ .form-check-label, .form-check-input-luna-outline:disabled ~ .form-check-label {
  opacity: 0;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input-luna-outline {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input-luna-outline {
    transition: none;
  }
}
.form-switch .form-check-input-luna-outline:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input-luna-outline:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.ellipsis {
  width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.minifont {
  font-size:10px
  -webkit-transform:scale(0.5);
  -moz-transform:scale(0.5);
  -ms-transform:scale(0.5);
  -o-transform:scale(0.5);
  transform:scale(0.5);
  }

.luna-search-box{
  padding:10px 15px;
  background-color: #F2F4F5;
  border-radius: 5px;
  color:#999999;
}

.luna-modal{
  position:fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 37, 41, 0.167);
  z-index: 999999;
}

.luna-modal-menu{
  /*コレ*/position: absolute;
  /*コレ*/right: 0px;
  /*コレ*/bottom: -60px;
  background-color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 18px;
  width: 130px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .5);
}

.good_box{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color: #6B4EFF;
  color:#fff;
}

.good-icon-pos{
  position: fixed;
  top:35%;
  left:50%;
  margin-left: -25px;
  background-color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: 10px 15px;
  font-size: 20px;
  color:#6B4EFF;
}
.matching-icon-pos{
  position: fixed;
  top:45%;
  left:50%;
  margin-top: -20px;
  margin-left: -25px;
  background-color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: 10px 12px;
  font-size: 25px;
  color:#FF5247;
  z-index: 99999;
}

.fixed {
  position: fixed;
  top: 0;
  margin-left: -10px;
  padding-left: 10px;
  margin-right: -10px;
  padding-right: 10px;
  background-color: #fff;
  width: 538px;
}

.page-box{
  width: 540px;
  margin: auto;
}

@media (max-width: 576px) {
  .fixed {
    width: 100%;
  }

  .page-box{
    width: 100%;
  }
  .luna-footer-menu{
    width:100%;
  }
  .top_h{
    width: 100%;
  }
  .gradation{
    width: 100%;
  }
}

.luna-setting-sub-titile{
  padding:20px;
  background-color: #F2F4F5;
  color: #979C9E;
}

.modal-back{
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.29);
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
}

/* vue-toasted（エラーメッセージ表示）のz-indexをモーダル等より最も高く設定 */
.toast-high-z-index {
  z-index: 9999999999999 !important;
}