@charset "UTF-8";

/*
======================================================================================================
	ver1.0 2017.12.30
	**- PandoraPartyProject -**
	 -- InContents (SP) --
	URL: https://rev1.reversion.jp/
	author:Yuhki
======================================================================================================
 */

@import url(common_sp.css?1678554830);


/*====================================================================================================
	Layout: In Common Contents
======================================================================================================*/
#InContents {
}

input[type="checkbox"].checkbutton {
	display: none;
}
input[type="checkbox"].checkbutton + .checkbutton-label::before {
	display: inline-block;
	color: black;
	background-color: white;
	padding: 2vw;
	border: solid 1px #ccc;
	border-radius: 5px;
	cursor: pointer;
	content: attr(data-off);
}
input[type="checkbox"].checkbutton:checked + .checkbutton-label::before,
input[type="checkbox"].checkbutton[data-checked="yes"] + .checkbutton-label::before {
	background-color: #ffd;
	border-color: #cc8;
	content: attr(data-on);
}
input[type="checkbox"].checkbutton:disabled + .checkbutton-label::before,
input[type="checkbox"].checkbutton.readonly + .checkbutton-label::before {
	color: #888;
	background-color: #f8f8f8;
	cursor: not-allowed;
}
input[type="checkbox"].checkbutton:checked:disabled + .checkbutton-label::before,
input[type="checkbox"].checkbutton.readonly[data-checked="yes"] + .checkbutton-label::before {
	background-color: #ffe;
	border-color: #dd9;
}

/*====================================================================================================
	Contents: Common Parts - Main Visual
======================================================================================================*/
/* Main Visual(InContents)
------------------------------------------------------------------------------------------------------*/
.ttl_visual {
	margin: 0 auto;
	text-align:center;
	background: url("../images_sp/common/bg_contents.png") repeat-y 50% 0;
}
article.alt .ttl_visual {
	background-image: url("../images_sp/common/alt/bg_contents.png");
}
.ttl_visual .deco {
	display: none;
}
.ttl_visual .ttl_image,
.ttl_visual > img {
	overflow: hidden;
	width: 96.875vw;
	height: 54.4921875vw;
}
.ttl_visual > .ttl_image,
.ttl_visual > img,
.ttl_visual-top-wrapper {
	position: relative;
	left: 1.5625vw;
	width: 96.875vw;
}
.ttl_visual .ttl_image_overlap {
	position: absolute;
	top: 0;
	left: 12.109375vw;
	width: 72.65625vw;
	right: 12.109375vw;
}
.ttl_visual .ttl_image_overlap.foreground {
	left: 0;
	width: 100vw;
	right: 0;
}
.ttl_visual .ttl_image_overlap.npc_1_of_1,
.ttl_visual .ttl_image_overlap.npc_1_of_3 {
	left: 0;
	width: 96.875vw;
	right: 0;
}
.ttl_visual .ttl_image_overlap.npc_1_of_2 {
	left: -24.21875vw;
	width: 96.875vw;
	right: 24.21875vw;
}
.ttl_visual .ttl_image_overlap.npc_2_of_2 {
	left: 24.21875vw;
	width: 96.875vw;
	right: -24.21875vw;
}
.ttl_visual .ttl_image_overlap.npc_2_of_3 {
	left: -36.328125vw;
	width: 96.875vw;
	right: 36.328125vw;
}
.ttl_visual .ttl_image_overlap.npc_3_of_3 {
	left: 36.328125vw;
	width: 96.875vw;
	right: -36.328125vw;
}
.ttl_visual .ttl_image_overlap.ttl_npc_width_480.npc_1_of_1,
.ttl_visual .ttl_image_overlap.ttl_npc_width_480.npc_1_of_3 {
	left: 12.109375vw;
	width: 72.65625vw;
	right: 12.109375vw;
}
.ttl_visual .ttl_image_overlap.ttl_npc_width_480.npc_1_of_2 {
	left: -12.109375vw;
	width: 72.65625vw;
	right: 36.328125vw;
}
.ttl_visual .ttl_image_overlap.ttl_npc_width_480.npc_2_of_2 {
	left: 36.328125vw;
	width: 72.65625vw;
	right: -12.109375vw;
}
.ttl_visual .ttl_image_overlap.ttl_npc_width_480.npc_2_of_3 {
	left: -24.21875vw;
	width: 72.65625vw;
	right: 48.4375vw;
}
.ttl_visual .ttl_image_overlap.ttl_npc_width_480.npc_3_of_3 {
	left: 48.4375vw;
	width: 72.65625vw;
	right: -24.21875vw;
}
.ttl_visual .ttl_image_overlap.left {
	left: -12.109375vw;
	right: 36.328125vw;
}
.ttl_visual .ttl_image_overlap.right {
	left: 36.328125vw;
	right: -12.109375vw;
}

@media (max-aspect-ratio: 1/1) {
	.ttl_fixer.fixed::before {
		display: block;
		height: 54.4921875vw;
		content: "";
	}
	.ttl_fixer.fixed .ttl_visual {
		position: fixed;
		top: -1em;
		z-index: 1;
	}
}

/*====================================================================================================
	Twitter link
======================================================================================================*/
p.tweet-button-owner { margin-top: 0.5em; padding-top: 0 !important; height: 20px; text-align: right; }

/*====================================================================================================
	Contents: Member Regist
======================================================================================================*/
.form_supp {
	font-size: 1.875vw;
}
.form_caution {
	color: #c40026;
	font-size: 1.875vw;
}
.text_caution {
	font-size: 1.875vw;
}


/*====================================================================================================
	Contents: Character
======================================================================================================*/
/* Heading(Character Name)
------------------------------------------------------------------------------------------------------*/
article h1.h1_char {
	padding-top: 3.125vw;
	height: 20.3125vw;
	background: url("../images_sp/character/h1_char_sheet.png") no-repeat 50% 0 /contain;
	color: #fff7d9;
	font-size: 3.75vw;
	font-weight: bold;
	line-height: .85em;
	text-align: center;
	text-indent: 0;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: inherit;
}
article h1.h1_char span.title { display: inline-block; padding-bottom: 3px; font-size: 1.875vw; }
article h1.h1_char span.kana { font-size: 1.875vw; font-weight: normal; }
article h1.h1_char a {
	color: #fff7d9;
}
article h1.h1_char::before,
article h1.h1_char::after {
	display: none;
}
article h1.h1_char div.h1_char_transform {
	margin-left: auto;
	margin-right: auto;
	max-width: 95vw;
	display: block;
	transform-origin: 0 0;
}
article h1.h1_char.alt div.h1_char_transform {
	max-width: 78vw;
}
article h1.h1_char div.h1_char_transform_inner {
	white-space: nowrap;
	display: inline;
}
article h1.h1_char .image_voice {
	position: absolute;
	top: 5.125vw;
	left: 3.5vw;
	font-size: 3.125vw;
}
article h1.h1_char .charaname-side-icon {
	position: absolute;
	width: 7.5vw;
	height: 7.5vw;
	top: 5.25vw;
	right: 3.5vw;
}
article.alt h1.h1_char {
	background-image: url("../images_sp/character/alt/h1_char_sheet.png");
	color: #e4f2ff;
}
article.alt h1.h1_char a {
	color: #e4f2ff;
}

form.width-100 * {
	max-width: 100% !important;
}

/* Mini Menu
------------------------------------------------------------------------------------------------------*/
.char_menu {
	margin: 0 auto;
	padding:0 0 1.5625vw;
	width: 93.75vw;
	text-align: center;
}
.char_menu li {
	float: left;
	width: 8.9vw;
	height: 8.9vw;
	margin-right: 0.5vw;
}
.char_menu li a {
	width: 8.9vw;
	height: 8.9vw;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.char_menu li.charicon img		{ width: 8.9vw; height: 8.9vw; background: #fff; }
.char_menu li.scenario a		{ background: url("../images/character/img_char_menu01.png") no-repeat 50% 0 /cover; }
.char_menu li.album a			{ background: url("../images/character/img_char_menu02.png") no-repeat 50% 0 /cover; }
.char_menu li.voice a			{ background: url("../images/character/img_char_menu12.png") no-repeat 50% 0 /cover; }
.char_menu li.status a			{ background: url("../images/character/img_char_menu03.png") no-repeat 50% 0 /cover; }
.char_menu li.charedit a		{ background: url("../images/character/img_char_menu04.png") no-repeat 50% 0 /cover; }
.char_menu li.skilledit a		{ background: url("../images/character/img_char_menu05.png") no-repeat 50% 0 /cover; }
.char_menu li.itemdetail a		{ background: url("../images/character/img_char_menu10.png") no-repeat 50% 0 /cover; }
.char_menu li.letter a			{ background: url("../images/character/img_char_menu06.png") no-repeat 50% 0 /cover; }
.char_menu li.emotion a			{ background: url("../images/character/img_char_menu07.png") no-repeat 50% 0 /cover; }
.char_menu li.territory a		{ background: url("../images/character/img_char_menu11.png") no-repeat 50% 0 /cover; }
.char_menu li:last-child		{ margin-right: 0; }

.char_menu li a:hover			{ background-position: 50% -8.9vw; }
.char_menu li a.denied			{ background-position: 50% -17.8vw; }

article.alt .char_menu li.scenario a		{ background-image: url("../images/character/alt/img_char_menu01.png"); }
article.alt .char_menu li.album a			{ background-image: url("../images/character/alt/img_char_menu12.png"); }
article.alt .char_menu li.voice a			{ background-image: url("../images/character/alt/img_char_menu13.png"); }
article.alt .char_menu li.status a			{ background-image: url("../images/character/alt/img_char_menu03.png"); }
article.alt .char_menu li.charedit a		{ background-image: url("../images/character/alt/img_char_menu04.png"); }
article.alt .char_menu li.skilledit a		{ background-image: url("../images/character/alt/img_char_menu05.png"); }
article.alt .char_menu li.itemdetail a		{ background-image: url("../images/character/alt/img_char_menu10.png"); }
article.alt .char_menu li.letter a			{ background-image: url("../images/character/alt/img_char_menu06.png"); }
article.alt .char_menu li.emotion a			{ background-image: url("../images/character/alt/img_char_menu07.png"); }
article.alt .char_menu li.territory a		{ background-image: url("../images/character/alt/img_char_menu11.png"); }

/* Main Status
------------------------------------------------------------------------------------------------------*/
.name-copier {
	text-decoration: none;
	font-size: 80%;
}

.main_status {
	margin: 1.5625vw auto 0;
	width: 93.75vw;
}
.injury, .close, .dead, .reversal, .missing {
	color: #ff0000;
}
.img_profile {
	width: 38vw;
	float: left;
	padding-right: 1.5625vw;
}
.img_profile p { padding: 0; }

.img_profile table {
	width: 100%;
	margin: 10px auto 5px;
	border-collapse:collapse;
	border-top: 1px solid #ae9666;
}
.img_profile table th {
	border: none;
	padding:1px 3px;
	background-color:#f4e7d3;
	font-weight:bold;
	font-size: 1.875vw;
	border-bottom: 1px solid #ae9666;
}
.img_profile table td {
	padding:3px;
	background-color:#fff;
	font-size: 1.875vw;
	border-bottom: 1px solid #ae9666;
}
.base_status {
	margin: 0 auto;
	float: right;
	width: 55vw;
}
.base_status table {
	width: 100%;
	margin: 0 auto 5px;
	border-collapse:collapse;
	border-top: 1px solid #ae9666;
}
.base_status table th {
	border: none;
	padding:1px 3px;
	background-color:#f4e7d3;
	font-weight:bold;
	font-size: 1.875vw;
	border-bottom: 1px solid #ae9666;
}
.base_status table td {
	padding:1px 3px;
	background-color:#fff;
	font-size: 1.875vw;
	border-bottom: 1px solid #ae9666;
	word-break : break-all;
}
article.alt .base_status table {
	border-top-color: #5b7185;
}
article.alt .base_status table th {
	background-color:#44596d;
	border-bottom-color: #5b7185;
}
article.alt .base_status table td {
	border-bottom-color: #5b7185;
}

/** skill/class/esprit **/
.org_flavor {
	font-style: italic;
	font-size: smaller;
	padding-left: 1em;
}
.new-opened-class-skill {
	display: inline-block;
	border-bottom: dashed 1px;
}
.new-opened-class::after,
.new-opened-class-skill::after {
	display: inline-block;
	content: "[NEW!]";
	color: red;
}

/** catch copy **/
.char_catchcopy {
	margin: 1.5625vw auto 0;
	width: 100%;
}
.char_catchcopy .icon {
	float: left;
}
.char_catchcopy .serif {
	margin: 1.5625vw auto 0;
	margin-left: calc(93.75vw - (93.75vw - 50px - 2px));
	width: calc(93.75vw - 50px + 5px);
	background: url("../images/character/bg_char_catchcopy.jpg") repeat 50% 0;
	border: 1px solid #ae9666;
	border-radius: 5px;
}
article.alt .char_catchcopy .serif {
	background-image: url("../images/character/alt/bg_char_catchcopy.jpg");
	border-color: #5b7185;
}
.char_catchcopy p {
	padding: 0.5em;
	font-weight: bold;
	font-size: 1.875vw;
	word-break : break-all;
}

/** graph 01 **/
.graph {
	position: relative; /* IE is dumb */
	width: 28.125vw;
	background-color:#fff;
	border: 1px solid #ae9666;
	border-radius: 3px;
	padding: 2px;
}
.graph .bar {
	display: block;
	position: relative;
	background: #e9d8bf;
	text-align: center;
	color: #333;
	height: 2em;
	line-height: 2em;
}
article.alt .graph {
	border-color: #5b7185;
}
/** graph 02 **/
.sub_status .char_fame td.graph_bad_fame {
	padding-right: 0;
}
.sub_status .char_fame td.graph_good_fame {
	padding-left: 0;
}
.graph_bar {
	width: 60vw;
}
.graph_bar .minus {
	margin-right:0;
	display: block;
	width: 50%;
	height: 4vw;
	position: relative;
	border-radius: 100px 0 0 100px;
	float: left;
	overflow: hidden;
}
.graph_bar .minus .bar {
	display: block;
	position: absolute;
	text-align: center;
	color: #fff;
	height: 4vw;
	line-height: 4vwvw;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	right: 0;
}
.graph_bar .plus {
	margin-left:0;
	display: block;
	width: 50%;
	height: 4vw;
	position: relative;
	border-radius: 0 100px 100px 0;
	float: right;
	overflow: hidden;
}
.graph_bar .plus .bar {
	display: block;
	position: absolute;
	text-align: center;
	color: #fff;
	height: 4vw;
	line-height: 4vw;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	left: 0;
}
.graph_bar .minus[data-rank="0"] {
	background: #ddd;
}
.graph_bar .minus[data-rank="0"] .bar {
	background: #aaa;
}
.graph_bar .plus[data-rank="0"] {
	background: #f4e7d3;
}
.graph_bar .plus[data-rank="0"] .bar {
	background: #ae9666;
}
.graph_bar .minus[data-rank="1"] {
	background: #aaa;
}
.graph_bar .minus[data-rank="1"] .bar {
	background: #777;
}
.graph_bar .plus[data-rank="1"] {
	background: #ae9666;
}
.graph_bar .plus[data-rank="1"] .bar {
	background: #984500;
}
.graph_bar .minus {
	background: #777;
}
.graph_bar .minus .bar {
	background: #444;
}
.graph_bar .plus {
	background: #984500;
}
.graph_bar .plus .bar {
	background: #820000;
}
.graph_bar_inner {
	position: relative;
}
.graph_bar_inner .total {
	position: absolute;
	top: 0.5vw;
	height: 3vw;
	line-height: 3vw;
	width: 4em;
	text-align: center;
	left: calc( 50% - 2em );
	background-color: rgba(255, 255, 255, 0.75);
	white-space: pre;
}


/* Sub Status(HP,AP,Skills, etc...)
------------------------------------------------------------------------------------------------------*/
.sub_status {
	margin: 0 auto 1vw;
	width: 93.75vw;
}
.sub_status table {
	margin: 2.34375vw auto;
	border-collapse:collapse;
	border-top: 1px solid #ae9666;
}
.sub_status table th {
	border: none;
	padding:1px 3px;
	background-color:#f4e7d3;
	font-weight:bold;
	font-size: 1.875vw;
	border-bottom: 1px solid #ae9666;
}
.sub_status table td {
	padding:3px;
	background-color:#fff;
	font-size: 1.875vw;
	border-bottom: 1px solid #ae9666;
}
.sub_status .char_fame {
	width: 93.75vw;
}
.sub_status .char_profile {
	width: 93.75vw;
	word-break : break-all;
}
.sub_status .char_profile .chara_profile_official {
	color: #c40026;
	font-weight: bold;
}
.sub_status .char_profile .chara_profile_official.private,
.sub_status .char_profile .chara_profile_official.secret {
	color: #e28092;
}
.char_profile * + .chara_profile_official,
.char_profile .chara_profile_official + .backbone {
	border-top: solid 1px silver;
}
.sub_status table th.char_profile_tab {
	padding-bottom: 0;
}
th.char_profile_tab > label {
	border: solid 1px #ae9666;
	border-top-left-radius: 0.3em;
	border-top-right-radius: 0.3em;
	border-bottom: none 0px;
	padding: 0 0.5em;
	display: inline-block;
}
.char_profile_tab_content {
	display: none;
}
.char_profile_tab_content.shown {
	display: table-row;
}
article.alt th.char_profile_tab > label {
	border-color: #5b7185;
}
.sub_status table.char_profile,
article.alt .sub_status table.char_profile,
article.alt .sub_status table.char_profile th {
	background-color: transparent;
	border-top-color: transparent;
}
th.char_profile_tab > input[type="radio"] {
	display: none;
}
.sub_status table th.char_profile_tab {
	background-color: transparent;
	border-top-color: transparent;
}
th.char_profile_tab > input[type="radio"] + label {
	font-weight: normal;
	background-color: #dbcfbd;
}
th.char_profile_tab > input[type="radio"]:checked + label {
	font-weight: bold;
	background-color: #f4e7d3;
}
article.alt th.char_profile_tab > input[type="radio"] + label {
	background-color: #728291;
}
article.alt th.char_profile_tab > input[type="radio"]:checked + label {
	background-color: #44596d;
}
.chara_profile_link_detail {
	text-align: right;
}
* + .chara_profile_link_detail {
	border-top: solid 1px silver;
}
#profile-type-adventure-content,
#profile-type-note-content {
	line-height: 2em;
}
.char_profile_tab label { user-select: none; }
.sub_status .char_fame td { padding:5px; }
.sub_status .char_profile td { padding:1px 5px; }
.sub_status span.edit {
	display: inline-block;
	padding: 0 0.5em;
	font-weight: normal;
}
.sub_status span.edit:before {
	padding-right: 3px;
	content:"\f040";
	color: #003d84;
}
.sub_status .parameters {
	background-color:#ae9666;
	border-collapse:separate;
	border-spacing:1px;
	border-top: 0;
}
.sub_status .parameters th {
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	padding:1px 3px;
	background-color:#f4e7d3;
	font-weight:bold;
	border-bottom: 0;
}
.sub_status .parameters td {
	padding:1px 3px;
	background-color:#fff;
	border-bottom: 0;
	text-align: right;
}
.sub_status .parameters.ptable_l {
	width: 93.75vw;
}
.sub_status .parameters.ptable_r {
	width: 93.75vw;
}
.sub_status .parameters.attributes th.physical { background-color:#fff4fe; }
.sub_status .parameters.attributes th.mental { background-color:#f4fff5; }
.sub_status .parameters.attributes th.technique { background-color:#e3e9ff; }
.sub_status .parameters.attributes th.capacity { background-color:#fffff0; }
.sub_status .parameters.expoint { background-color:#8f78a6; }
.sub_status .parameters.expoint th { background-color:#e2d9ec; }

.sub_status .parameters.melee { background-color:#c9b0a4; }
.sub_status .parameters.melee th { background-color:#fff3ed; }

.sub_status .parameters.passive td {
	text-align: left;
}

.sub_status .skills {
	margin: 1em auto 0;
	clear: both;
	width: 93.75vw;
	background-color:#ae9666;
	border-collapse:separate;
	border-spacing:1px;
	border-top: 0;
}
.sub_status .skills th {
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	padding:1px 3px;
	background-color:#f4e7d3;
	font-weight:bold;
	border-bottom: 0;
}
.sub_status .skills th.tbl_skills_name { width: 20vw; }
.ex-skill-list-button { float: right; }

.sub_status .skills td {
	padding:1px 3px;
	background-color:#fff;
	border-bottom: 0;
}
.sub_status .skills tr.eq_kind01 td,
.playing-data .skills tr.eq_kind01 td,
.skilltable tr.eq_kind01 td { background-color: #fff4fe;}
.sub_status .skills tr.eq_kind02 td,
.playing-data .skills tr.eq_kind02 td,
.skilltable tr.eq_kind02 td { background-color: #f4fff5;}
.sub_status .skills tr.eq_kind03 td,
.playing-data .skills tr.eq_kind03 td,
.skilltable tr.eq_kind03 td { background-color: #fffff0;}
.sub_status .skills tr.eq_kind04 td,
.playing-data .skills tr.eq_kind04 td,
.skilltable tr.eq_kind04 td { background-color: #f0f5ff;}
.sub_status .skills tr.eq_kind05 td,
.playing-data .skills tr.eq_kind05 td,
.skilltable tr.eq_kind05 td { background-color: #f0faff;}
.sub_status .skills tr.eq_kind06 td,
.playing-data .skills tr.eq_kind06 td,
.skilltable tr.eq_kind06 td { background-color: #fff5f0;}
.playing-data .skills tr.cannot-use td {
	color: red;
}
.sub_status .skills tr.ex-skill td,
.playing-data .skills tr.ex-skill td,
.skilltable tr.ex-skill td { color: #00c;}

article.alt .sub_status table {
	border-top-color: #5b7185;
}
article.alt .sub_status table th {
	background-color: #44596d;
	border-bottom-color: #5b7185;
}
article.alt .sub_status table td {
	border-bottom-color: #5b7185;
}
article.alt .sub_status .parameters {
	background-color: #44596d;
}
article.alt .sub_status .parameters th.hp,
article.alt .sub_status .parameters th.ap {
	border-left-color: #6a859b;
	border-top-color: #6a859b;
	background-color: #44596d;
}
article.alt .sub_status .skills {
	background-color: #44596d;
}
article.alt .sub_status .skills th {
	border-left-color: #6a859b;
	border-top-color: #6a859b;
	background-color: #44596d;
}
article.alt .parameters.expoint th,
article.alt .parameters.melee th,
article.alt .sub_status .equipment th.title {
	border-left-color: #fff;
	border-top-color: #fff;
	color: #333;
}
article.alt .playing-data .class-esprit th,
article.alt .playing-data .equipment th {
	background-color: #44596d;
	border-color: #5b7185;
}
article.alt .playing-data .class-esprit,
article.alt .playing-data .equipment {
	border-top-color: #5b7185;
}
article.alt .playing-data .class-esprit td,
article.alt .playing-data .equipment td {
	border-bottom-color: #5b7185;
}
article.alt .playing-data .equipment th.title {
	background-color: transparent;
	color: #44596d;
}

.equip-set:first-child a.up,
.equip-set:last-child a.down {
	text-decoration: none;
	color: gray;
	cursor: default;
}
.equip-set h3 input {
	max-width: 40vw;
}
.equip-set-count {
	display: inline-block;
	margin: 1vw;
	color: black;
	font-weight: normal;
	font-size: 0.7rem;
}

.skill-imaged:before,
.skills .skill-imaged:before,
.skilltable .skill-imaged:before { display: inline-block; padding-left: 0.3em; content: "\f03e"; }
.skill-flavor-image { max-width: 80vw; }

.skill-voiced:before,
.skilltable .skill-voiced:before { display: inline-block; padding-left: 0.3em; content: "\f6a8"; }


.skill_flavor {
	padding: 5px 10px;
	background: url("../images/common/bg_boxsituation.jpg") repeat 50% 0;
	text-align: left !important;
}
article.alt .skill_flavor {
	background-image: url("../images/common/alt/bg_boxsituation.jpg");
}
.org_flavor2 {
	margin: 1em auto;
	padding: 2vw 3vw;
	background: url("../images/common/bg_boxsituation.jpg") repeat 50% 0;
}
article.alt .org_flavor2 {
	background-image: url("../images/common/alt/bg_boxsituation.jpg");
}
.org_flavor_supp {
	margin: 0 auto 1em;
	font-size: 3vw;
	padding: .5em 1em;
	background: rgba(255,255,255,0.5);
}

.skill_flavor_ttl {
	margin: 2vw auto;
	padding: 1vw 0;
	display: block;
	text-align: center;
	font-weight: bold;
	background: rgba(255,255,255,0.5);
	border: 1px solid #c7afa0;
	border-radius: 30px;
}
.skilltable .skillmenu {
	float: right;
}
.skilltable .skillmenu div {
	display: block;
}
.skilltable .skillmenu div + div {
	margin-left: 1em;
}

a .original-skill, a.original-skill {
	color: #c40026;
	font-weight: bold;
}
a .special-skill, a.special-skill {
	font-weight: bold;
}

/* Tooltip */
.tooltip_fa,
.tooltip_fa0,
.tooltip_fa2 {
	cursor: pointer;
	color: #003d84;
	text-decoration: underline;
}
.tooltip_fa:hover,
.tooltip_fa0:hover,
.tooltip_fa2:hover {
	text-decoration: none;
}
.tooltip_fa:before {
	padding-right: 3px;
	content:"\f1ea";
}
.tooltip_fa2:before {
	padding-right: 3px;
	content:"\f0e3";
}
#tooltip {
	font-size: 1.875vw;
	text-align: left;
	text-shadow: 0 1px rgba(174,150,102,0.5 );
	color: #333;
	background: #ae9666;
	background: -webkit-gradient( linear, left top, left bottom, from( rgba(244,231,211,0.9) ), to( rgba(206,181,144,1) ) );
	background: -webkit-linear-gradient( top, rgba(244,231,211,0.9), rgba(206,181,144,1) );
	background: -moz-linear-gradient( top, rgba(244,231,211,0.9), rgba(206,181,144,1) );
	background: -ms-radial-gradient( top, rgba(244,231,211,0.9), rgba(206,181,144,1) );
	background: -o-linear-gradient( top, rgba(244,231,211,0.9), rgba(206,181,144,1) );
	background: linear-gradient( top, rgba(244,231,211,0.9), rgba(206,181,144,1) );
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top: 1px solid #f4e7d3;
	border-right: 1px solid #f4e7d3;
	border-left: 1px solid #f4e7d3;
	-webkit-box-shadow: 0 3px 5px rgba(174,150,102,0.3);
	-moz-box-shadow: 0 3px 5px rgba(174,150,102,0.3);
	box-shadow: 0 3px 5px rgba(174,150,102,0.3);
	position: absolute;
	z-index: 100;
	padding: 10px 15px;
}

#tooltip:after {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #333;
	border-top-color: rgba(206,181,144,1);
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -10px;
}
#tooltip.top:after {
	border-top-color: transparent;
	border-bottom: 10px solid #ae9666;
	border-bottom-color: rgba(206,181,144,1);
	top: -3.125vw;
	bottom: auto;
}
#tooltip.left:after {
	left: 10px;
	margin: 0;
}
#tooltip.right:after {
	right: 10px;
	left: auto;
	margin: 0;
}

.skill_collection {
	padding: 0;
	float: left;
	font-size: 1.875vw;
}
.skill_collection::before {
	padding-right: 3px;
	content: "\f040";
	color: #003d84;
}
.skill_point {
	padding: 0;
	text-align: right;
}
.edit_link {
	clear: both;
	margin: 0 auto;
	width: 93.75vw;
	display: table;
	border-collapse:separate;
	border-spacing:5px;
}
.edit_link li {
	width: 33%;
	padding: 5px 10px;
	display: table-cell;
	background-color: #f4e7d3;
	border-radius: 100px;
	text-align: center;
}

.edit_link li:before {
	padding-right: 3px;
	content:"\f040";
	color: #003d84;
}
.edit_link li.half {
	width: 50%;
}
.sub_status .equipment {
	width: 93.75vw;
	border: none;
	background-color: transparent;
}
.sub_status .equipment th.title { background: none; }
.sub_status .equipment .item-icon { width: 75px; }
.sub_status .equipment .item-icon img { width: 75px; }
.sub_status .item-toggle-detail { font-weight: bold; text-decoration: none; font-size: 2em; vertical-align: top; }
.sub_status .item-toggle-detail::before { display: inline; content: "\f150"; }
.sub_status .item-toggle-detail.down::before { content: "\f151"; }
.sub_status .item-comment-detail-group { display: none; }
.sub_status .item-comment-detail-group .item-comment-detail { font-style: italic; }
.sub_status .item-comment-detail-group .desire-name { font-weight: bold; }
.sub_status .item-comment-detail-group .item-comment-detail-desire .item-comment,
.sub_status .item-comment-detail-group .item-comment-detail-desire .item-comment-detail { padding-left: 1em; }
.sub_status .equipment td { padding: 7px 5px 0 2px; }

.sub_status .char_guild {
	margin: 38px auto 0;
	width: 93.75vw;
}
.sub_status .guildleader::before {
	padding-right: 3px;
	content:"\f024";
	color: #003d84;
	font-size: 2.5vw;
}
.sub_status .char_emotion {
	margin: 10px auto 0;
	width: 93.75vw;
}
.sub_status .char_emotion td {
	padding: 1vw;
}
.sub_status .char_emotion ul {
	margin: 2.34375vw auto 0;
	padding:0 1.5625vw;
}
.sub_status .char_emotion li {
	padding: 0 1.5625vw 0 0;
	float: left;
	width: 50px;
	text-align: center;
}
.sub_status .char_emotion li span:before {

}
.sub_status .char_emotion li span {
	font-size: 1.5625vw;
}

/*
.sub_status .char_emotion img { width: 7.8125vw; margin: 10px 5px 5px 5px; }
*/

.sub_status .char_emotion .view_all {
	clear: both;
	padding: 0 0 10px;
	text-align: right;
}
.sub_status .char_emotion .view_all:before {
	padding-right: 3px;
	content:"\f15b";
	color: #003d84;
}

.sub_status table.char_backbone td {
	padding: 0;
}
.char_backbone img {
	display: block;
	width: 100%;
}

/* ボイス用スピーカーマーク */
.equipment-voiced:before { display: inline-block; padding-left: 0.3em; content: "\f6a8"; }

/* ----for float------ */
.main_status:after,
.sub_status:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html .main_status,
* html .sub_status {
	height: 1em;
	overflow: visible;
}

/* ----for profile authorization------ */
.profile-item {
	position: relative;
	margin: 1em auto;
	width: 93.75vw;
}
.profile-item-content {
	position: relative;
	padding: 3em 3em 0;
	background: url("../images/common/bg_boxflavor_top.jpg") no-repeat 50% 0 /contain, url("../images/common/bg_boxflavor_mid.jpg") repeat-y 50% 0 /93.75vw auto;
}
article.alt .profile-item-content {
	background: url("../images/common/alt/bg_boxflavor_top.jpg") no-repeat 50% 0 /contain, url("../images/common/alt/bg_boxflavor_mid.jpg") repeat-y 50% 0 /93.75vw auto;
}
.profile-item-inner::after {
	content: "";
	display: block;
	height: calc( 93.75vw * 50 / 710 );
	background: url("../images/common/bg_boxflavor_btm.jpg") no-repeat 50% 100% /contain;
}
article.alt .profile-item-inner::after {
	background-image: url("../images/common/alt/bg_boxflavor_btm.jpg");
}
.profile-item-inner:target,
.profile-item-selected {
	box-shadow: 0 0 2px 1px red;
}
.profile-depricated > .profile-item-content,
.profile-depricated::after {
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	filter:grayscale(100%);
}
.profile-status {
	margin-right: 0.5em;
	padding: 0 0.2em;
	border: solid 1px;
	border-radius: 4px;
	vertical-align: bottom;
	display: inline-block;
}
.profile-status-active {
	color: #c00;
	font-weight: bold;
}
.profile-name {
	font-size: larger;
	font-weight: bold;
}
.profile-permission {
	padding-left: 0.5em;
	display: inline-block;
}
.profile-edit {
	margin-left: 1em;
	display: inline-block;
}

.profile-item-body {
	clear: right;
	padding: 1em 0;
	line-height: 1.7em;
}
.profile-item-body-text {
	font-style: italic;
	font-family: 'Times New Roman','ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', serif;
	font-weight: bold;
}
.profile-char-count {
	display: inline-block;
	margin-left: 1em;
	font-size: smaller;
}
.profile-item-source p {
	font-weight: bold;
}
.profile-item-source ul {
	padding-top: 0.5em;
}
.profile-item-footer-item {
	padding: 0 1em;
}
.profile-item-footer-item + .profile-item-footer-item {
	padding-top: 1em;
}
.profile-item-footer-disabled {
	color: gray;
}

.profile-item-controller {
	float: right;
}
.profile-item-controller .move {
	font-size: larger;
}
.profile-item:first-child a.move-up,
.profile-item:last-child a.move-down,
.dont-move a.move {
	color: gray;
	pointer-events: none;
	text-decoration: none;
}
.profile-illust-preview {
	max-width: 100%;
	max-height: 40vh;
}
.profile-flavor-image-parent {
	text-align: center;
}
.profile-flavor-image {
	max-width: 80vw;
	max-height: 40vh;
}


/*====================================================================================================
	Contents: Character Send Letter
======================================================================================================*/
/* ----layout------ */
.char_letter_addr, .char_letter_addr_illust{
	font-weight: bold;
	margin-bottom: 1.5625vw;
}
.char_letter_addr img {
	padding: 2px;
	width: 7.8125vw;
	background: #fff;
	vertical-align: middle;
}
.char_letter_addr_illust img {
	padding: 2px;
	width: 100%;
	background: #fff;
	vertical-align: middle;
}
.form_sendletter textarea {
	width: 60vw;
}

/*====================================================================================================
	Contents: Character My Letter
======================================================================================================*/
.box_message {
	margin: 0 auto 5vw;
	width: 90vw;
}
.message_ttl {
	margin: 3.125vw 0 0;
	display: table;
	width: 100%;
}
.message_icon {
	width: 7.8125vw;
	display: table-cell;
}
.message_icon img {
	max-width: 7.8125vw;
	margin-right: 2vw;
}
.message_name {
	font-size: 3vw;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
.message_cat {
	margin: 0 1.5625vw;
	font-size: 1.875vw;
	color: #a67e4e;
}
.message_cat:before {
	content: "\A";
	white-space: pre;
}
.box_message .syncer-acdn { font-size: 1.875vw; }
.box_message .syncer-acdn-child {
	margin-bottom: 5vw;
}
.box_message button {
	margin-left: 3.125vw;
}
.box_message .message_stamp .type_square{
	width: 50vw !important;
	height: auto !important;
}
.box_message .message_contents {
	margin: 1em 0;
	padding: 0;
}
.box_message .message_contents p {
	padding: 2em 0;
}

.after-playing-form > div {
	margin: 0.5em;
}
.afteraction-content-outer {
	padding-left: 1em;
}
.afteraction-illust-preview-frame {
	position: relative;
	width: 51.2vw;
	height: 28.8vw;
	overflow: hidden;
	background-image: url(https://img.rev1.reversion.jp/illust/scenario/scenario_bg/5062/05c7ac946880ad7eed28166b478c7277.png);
	background-size: cover;
}
.afteraction-illust-preview {
	position: absolute;
	width: 39.4vw;
	height: 51.2vw;
	top: 0;
	left: 6.4vw;
	background-size: cover;
}
.afteraction-illust-preview[src="about:blank"] {
	display: none;
}

/*====================================================================================================
	Contents: Character Gift Request
======================================================================================================*/
/* ----layout------ */
.form_giftrequest input {
	margin-bottom: 5px;
	padding: 5px;
	width: 62.5vw;
}

.char_giftrequest_name {
	font-weight: bold;
	margin-bottom: 1.5625vw;

}
.form_giftrequest textarea {
	width: 62.5vw;
}

/*====================================================================================================
	Contents: Character Settings(Skill) & Edit
======================================================================================================*/
.setskilltxt {
	padding-left: 1.5em;
}
.skillhint::before {
	padding-left: 10px;
	padding-right: 3px;
	content:"\f0a4";
}
.skilltable_physical {
	display: inline-block;
	padding-left: 6em;
	text-indent: -6em;
}
.tabmenu.skillkind li a {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.tabmenu.skillkind .smenu_01 a {
	width: 16vw;
	height: 6.8vw;
	background: url("../images_sp/character/bg_tab_skillkind_01.png") no-repeat 0 0 /cover;
}
.tabmenu.skillkind .smenu_02 a {
	width: 16vw;
	height: 6.8vw;
	background: url("../images_sp/character/bg_tab_skillkind_02.png") no-repeat 0 0 /cover;
}
.tabmenu.skillkind .smenu_03 a {
	width: 16vw;
	height: 6.8vw;
	background: url("../images_sp/character/bg_tab_skillkind_03.png") no-repeat 0 0 /cover;
}
.tabmenu.skillkind .smenu_04 a {
	width: 16vw;
	height: 6.8vw;
	background: url("../images_sp/character/bg_tab_skillkind_04.png") no-repeat 0 0 /cover;
}
.tabmenu.skillkind .smenu_05 a {
	width: 16vw;
	height: 6.8vw;
	background: url("../images_sp/character/bg_tab_skillkind_05.png") no-repeat 0 0 /cover;
}
.tabmenu.skillkind .smenu_06 a {
	width: 16vw;
	height: 6.8vw;
	background: url("../images_sp/character/bg_tab_skillkind_06.png") no-repeat 0 0 /cover;
}

.tabmenu.skillkind .smenu_01 a:hover,
.tabmenu.skillkind .smenu_01 a.active { background-position: 0 -6.8vw; }
.tabmenu.skillkind .smenu_02 a:hover,
.tabmenu.skillkind .smenu_02 a.active { background-position: 0 -7.5vw; }
.tabmenu.skillkind .smenu_03 a:hover,
.tabmenu.skillkind .smenu_03 a.active { background-position: 0 -7.5vw; }
.tabmenu.skillkind .smenu_04 a:hover,
.tabmenu.skillkind .smenu_04 a.active { background-position: 0 -7.5vw; }
.tabmenu.skillkind .smenu_05 a:hover,
.tabmenu.skillkind .smenu_05 a.active { background-position: 0 -7.5vw; }
.tabmenu.skillkind .smenu_06 a:hover,
.tabmenu.skillkind .smenu_06 a.active { background-position: 0 -6.8vw; }

.rest_skillsp { text-align: right; }
.rest_skillsp span {
	padding: 0 20px;
	background: #f4e7d3;
	border: 1px solid #c7afa0;
	border-radius: 100px;
	font-weight: bold;
}
article.alt .rest_skillsp span {
	background-color: #e4f2ff;
	border-color: #5b7185;
}
.rest_skillsp.limit-over {
	color: red;
}
.skilltable tr.limit-over input[type="checkbox"] {
	box-shadow: 0 0 1px 2px red;
}

.form_skillimage dt {
	color: #6b5744;
	font-weight: bold;
}
.form_skillimage dt.si_name_original,
.form_skillimage dt.si_comment_original {
	color: black;
	font-weight: normal;
}
.form_skillimage dd.si_name_original,
.form_skillimage dd.si_comment_original {
	color: #888;
}
.form_skillimage select {
	width: 100%;
}

/*====================================================================================================
	Contents: Skill - Original
======================================================================================================*/
.original-skill-application {
	margin: 20px auto;
	width: 93.75vw;
}
.original-skill-application label {
	display: inline-block;
	float: left;
	margin-left: 5%;
	font-weight: bold;
	width: 20%;
}
.original-skill-application label,
.original-skill-application .top-padding {
	padding-top: calc( 2vw + 1px );
}
.original-skill-application div.value {
	float: left;
	width: 25%;
}
.original-skill-application div.value.condition {
	float: left;
	width: 75%;
}
.original-skill-application div.value.literal {
	padding: 2vw;
	border: 1px solid #c7afa0;
	border-radius: 5px;
	box-sizing: border-box;
}
article.alt .original-skill-application div.value.literal {
	background-color: #e4f2ff;
	border-color: #5b7185;
}
.original-skill-application div.value[class*="effect"] {
	width: 50%;
	margin-bottom: 1vw;
}
.original-skill-application br {
	clear: left;
}
.original-skill-application input[type="number"] {
	text-align: right;
	width: 100%;
	box-sizing: border-box;
}
.original-skill-application select {
	padding: 2vw;
	width: 100%;
	box-sizing: border-box;
}
.original-skill-application span.parameter,
.item-upgrade-params span.parameter {
	position: relative;
}
.item-upgrade-params span.parameter input {
	width: 100%;
	text-align: right;
	font-weight: bold;
}
.item-upgrade-params span.parameter input[readonly] {
	font-weight: normal;
	color: gray;
}
.original-skill-application span.parameter input + span.info,
.item-upgrade-params span.parameter input + span.info {
	display: none;
}
.original-skill-application span.parameter input:focus + span.info,
.item-upgrade-params span.parameter input:focus + span.info {
	display: block;
	position: absolute;
	bottom: 115%;
	left: 50%;
	z-index: 1;
	padding: 0.8vw 2vw;
	box-sizing: border-box;
	border: 1px solid #c7afa0;
	border-radius: 5px;
	background-color: #fff3b8;
	white-space: nowrap
}
.original-skill-application span.parameter input:focus + span.info::before,
.item-upgrade-params span.parameter input:focus + span.info::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 20px;
	bottom: -5px;
	border-top: 5px solid #c7afa0;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}
.original-skill-application span.parameter input:focus + span.info::after,
.item-upgrade-params span.parameter input:focus + span.info::after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 20px;
	bottom: -3px;
	border-top: 5px solid #fff3b8;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}
.item-upgrade-params span.parameter input:focus + span.info {
	left: auto;
	right: -3vw;
}
.item-upgrade-params span.parameter input:focus + span.info::before {
	left: 50%;
}
.item-upgrade-params span.parameter input:focus + span.info::after {
	left: 50%;
}

.original-skill-application div.value[class*="effect"] input[type="number"],
.original-skill-application div.value[class*="effect"] select {
	width: 50%;
}
.original-skill-application label:first-child,
.original-skill-application br + label {
	margin-left: 0;
}
.original-skill-application ~ .commonform dl {
	margin-top: 0;
}


/* Accel Kaleido
----------------------------------------------------------------------------- */
.kaleido_apply {
	padding: 0 20px;
	background: #f4e7d3;
	border: 1px solid #c7afa0;
	border-radius: 5px;
	font-weight: bold;
}
.kaleido_apply::after {
	color: #6b5744;
	content: "\f35a";
	margin-left: 3px;
	text-decoration: none !important;
	display: inline-block;
}
.kaleido_status_ok { color: #6b5744; }
.kaleido_status_ok::before {
	content: "\f058";
	font-weight: 700;
	margin-right: 3px;
}
.kaleido_status_ng { color: #bbb; }
.kaleido_status_ng::before {
	content: "\f057";
	font-weight: 700;
	margin-right: 3px;
}
.kaleido_info_open::after {
	content: "\f13a";
	font-weight: 900;
	margin-left: 3px;
	text-decoration: none !important;
	display: inline-block;
}
.kaleido_info_open.clicked::after {
	content: "\f139";
}
.kaleido_reapply {
	margin-left: 10px;
	padding: 0 20px;
	background: #efefef;
	border: 1px solid #bbb;
	border-radius: 5px;
	font-weight: bold;
}
.kaleido_reapply::after {
	color: #888;
	content: "\f35a";
	margin-left: 3px;
	text-decoration: none !important;
	display: inline-block;
}
.kaleido_infotxt {
	margin-top: 5px;
	padding: 5px 10px;
	background: #f4e7d3;
	border-radius: 5px;
	display: block;
}
.kaleido_infotxt::before {
	border-radius: 5px;
	color: #6b5744;
	content: "\f05a";
	font-weight: bold;
	margin-left: 3px;

}




/*====================================================================================================
	Contents: Character Regist and Edit(common)
======================================================================================================*/
/* ----parts------ */
.form_charregist input,
.form_charregist select {
	margin-bottom: 5px;
	padding: 5px;
}
.form_charregist input#form_name_sei,
.form_charregist input#form_name_middle,
.form_charregist input#form_name_mei,
.form_charregist input#form_name_kana_sei,
.form_charregist input#form_name_kana_middle,
.form_charregist input#form_name_kana_mei {
	width: calc( ( 100% - 3.125vw - 2em ) / 3 );
}
.form_charregist textarea {
	padding: 5px;
	width: 54vw;
}

/* ----table------ */
.form_charregist table {
	margin: 2.34375vw auto;
	border-collapse:collapse;
	border-top: 1px solid #ae9666;
}
.form_charregist table th {
	border: none;
	padding:1px 3px;
	font-weight:bold;
	font-size: 10px;
	border-bottom: 1px solid;
}
.form_charregist table td {
	padding:5px;
	background-color:#fff;
	font-size: 10px;
	border-bottom: 1px solid;
}

/* ---- kind:race ------ */
.box_char_race {
	margin: 3.125vw auto;
	padding-bottom: 3.125vw;
	width: 93.75vw;
	display: table;
	border-bottom: 1px solid #ae9666;
}
/* for char_regist */
.box_char_race.confirm {
	margin: 0 auto;
	padding-bottom: 0;
}

.char_race_radio {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.char_race_radio img {
	margin: 1em;
	width: 23.4375vw;
}
.char_race_exp {
	display: table-cell;
}
.box_char_race table {
	width: 100%;
}
.box_char_race th { padding: 1px 10px !important; text-align: right; }
.box_char_race th.ttl { text-align: center; font-size: 1.875vw; }

/* ---- kind:birth ------ */
.form_charregist input#birth_m,
.form_charregist input#birth_d  {
	width: 50px;
}
.form_charregist input#sex_female,
.form_charregist input#sex_unknown { margin-left: 3.125vw; }

.form_charregist .weakpoint label { margin-right: 3.125vw;}

.form_charregist input[type="radio"],
.form_charregist input[type="checkbox"] {
	margin: 8px 0;
}
.form_charregist .char_confirm th {
	width: 30%;
	text-align: center;
}
.form_charregist .box_char_race {
	margin: 2vw auto 0;
	border-bottom: 0;
}

/* ----for float------ */
.form_charregist dl:after,
.char_racebox:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html .form_charregist dl,
* html .char_racebox {
	height: 1em;
	overflow: visible;
}

/*====================================================================================================
	Contents: Character Profile Edit
======================================================================================================*/
.form_charregist input#form_catchcopy,
.form_charregist input#form_comment { 	width: 350px; }

.char_appearance select {
	width: 150px;
}

/*====================================================================================================
	Contents: Character Select
======================================================================================================*/
.ul_char_list {
	text-align: center;
}
.ul_char_list li {
	margin: 2vw 3vw 4vw 0;
	width: 28vw;
	float: left;
	font-size: 1.875vw;
	font-weight: bold;
}
.ul_char_list li img { width: 50px; }
.ul_char_list li.has-new-letter div {
	position: relative;
	width: 50px;
	margin: auto;
}
.ul_char_list li.has-new-letter div::after {
	display: block;
	color: #c40026;
	font-size: 20px;
	font-weight: normal;
	position: absolute;
	content: '\f199';
	line-height: 1em;
	width: 1em;
	height: 1em;
	right: -1em;
	top: 0;
}

.ul_char_list li button {
	margin-top: 0.5em;
	font-size: 2vw;
}


/*====================================================================================================
	Contents: Character Search
======================================================================================================*/
.commonform.charsearch input#form_name_sei,
.commonform.charsearch input#form_name_middle,
.commonform.charsearch input#form_name_mei,
.commonform.charsearch input#form_name_kana_sei,
.commonform.charsearch input#form_name_kana_middle,
.commonform.charsearch input#form_name_kana_mei {
	width: 100px;
}
.commonform.charsearch textarea {
	padding: 1vw;
	width: 54.6875vw;
}
.character-search-result-label {
	display: inline-block;
}
.character-search-result-icon {
	display: inline-block;
	vertical-align: middle;
}

/*====================================================================================================
	Contents: Character Emote
======================================================================================================*/
.emotelist_active,
.emotelist_activation {
	margin: 0 auto;
}

.emotelist_active li,
.emotelist_activation li {
	width: 25vw;
	margin: 8px;
	padding: 0 10px;
	float: left;
	font-size: 1.875vw;
	text-align: center;
}
.emotelist_active li:nth-child(3n+1),
.emotelist_activation li:nth-child(3n+1) {
	clear: both;
}
.emotelist_active i.fas,
.emotelist_activation i.fas {
	color: #fff7d9;
	padding: 5px;
	background: #c7afa0;
	border-radius: 100px;
}
.emotelist_active span,
.emotelist_activation span {
	display: inline-block;
	background-color: #fffdf8;
	border: 1px solid #c7afa0;
	margin-top: 5px;
	padding: 2px 5px;
	border-radius: 5px;
	min-width: 16vw;
}

.emotelist_active li img,
.emotelist_activation li img {
	width: 16vw;
	height: auto;
}
.emotelist_activation li button {
	margin-top: 0.5em;
	font-size: 1.875vw;
}

/* ----form parts------ */
.char_emote {
	width: 9vw;
	height: 6vw;
}

.select-emotes {
	width: 6em;
}

.btn_emotechange,
.btn_emoteopen,
.btn_emotedelete {
	width: 18vw;
	padding: 5px 15px;
}


/*====================================================================================================
	Contents: Character Status Image Changes
======================================================================================================*/
.ul_change_status,
.ul_change_guildbnr,
.ul_change_icon,
.ul_change_pandora {
	text-align: center;
}
.ul_change_status li {
	margin: 1.5625vw 1.5625vw 3.125vw 0;
	padding: 5px 0;
	width: 18vw;
	float: left;
	font-size: 12px;
}
.ul_change_status li img {
	width: 17.5vw;
}
.ul_change_status li input {
	margin-top: 0.5em;
	width: 17.5vw;
}
.ul_change_status li.selected,
.ul_change_guildbnr li.selected,
.ul_change_icon li.selected,
.ul_change_pandora li.selected {
	border: 5px solid #c7afa0;
	background: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.ul_change_status li:nth-child(3n+1),
.ul_change_icon li:nth-child(3n+1),
.ul_change_pandora li:nth-child(3n+1) {
	clear: both;
}
.ul_change_guildbnr {
	margin: 0 auto;
	text-align: center;
	width: 98vw;
}

.ul_change_guildbnr li {
	margin: 1.5625vw 1.5625vw 3.125vw 0;
	padding: 5px 0;
	width: 90vw;
	float: left;
	font-size: 12px;
}
.ul_change_guildbnr li img {
	width: 85vw;
}
.ul_change_guildbnr li input {
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	width: 60vw;
}
.img_preview {
	margin: 0 auto;
	text-align: center
}
.ul_change_icon li,
.ul_change_pandora li {
	margin: 2vw;
	padding: 5px 0;
	width: 26vw;
	float: left;
	font-size: 1.875vw;
}
.ul_change_icon li input,
.ul_change_icon li select {
	margin: 0.5em 0;
	width: 13.125vw;
	font-size: 1.2vw;
}


/*====================================================================================================
	Contents: Character Album
======================================================================================================*/
.album_icon_img {
	position: absolute;
	margin-top: -0.5em;
	margin-left: 1em;
	width: 8vw;
	height: auto;
}

.album_descriptions img{
	width: 12vw;
	position: absolute;
	margin-left: 8px;
	margin-top: -5px;
}

.album_descriptions h3 {
	margin-bottom: 0;
	margin-left: 60px;
	margin-right: 5px;
}

.ul_album_list {
	margin: 0 auto;
	width: 90vw;
	text-align: center;
}

.ul_album_list li {
	margin: 1.5625vw 1.5625vw 3.125vw 0;
	padding: 5px 0;
	width: 15.2vw;
	float: left;
	text-align: center;
}
.ul_album_list li img {
	max-width: 14vw;
	max-height: 21vw;
}
.ul_album_list li:nth-child(5n+1) {
	clear: both;
}
.img_album_preview {
	margin: 4.6875vw auto;
	padding: 4.6875vw;
	width: 90vw;
	border-top: 1px solid #c7afa0;
	clear: both;
	text-align: center;
}
.alt .img_album_preview {
	border-top-color: #6a859b;
}
.img_album_preview img {
	max-width: 100%;
}

.album_hide { display: none; }
.pre_colorbox {
	margin: 0 auto;
	text-align: center;
}

.pre_colorbox img {
	max-width: 80vw;
	max-height: 75vh !important;
}
.album_detail table {
	width: 100% !important;
}
.illust_detail {
	position: relative;
}
.illust_detail table {
	width: 80%;
}
.illust_detail ul.added_album_lists {
	padding: 0;
}
.illust_detail ul.added_album_lists img.album_icon{
	width: 25px;
	height: auto;
}
.illust_detail table td { text-align: left; }

.illust_detail .btn_form:nth-of-type(1) {margin-top: 50px;}
.illust_detail .ill_d_date {
	position: absolute;
	right: 5vw;
}
.illust_detail .btn_illustdetail a {
	position: relative;
	padding: 0.25em 1em;
	border-top: solid 1px #bea981;
	border-bottom: solid 1px #bea981;
	text-decoration: none;
	color: #6b5744;
}
.illust_detail .btn_illustdetail a:before, .illust_detail .btn_illustdetail a:after{
	content: '';
	position: absolute;
	top: -7px;
	width: 1px;
	  height: -webkit-calc(100% + 14px);
	height: calc(100% + 14px);
	background-color: #bea981;
}
.illust_detail .btn_illustdetail a:before {left: 7px;}
.illust_detail .btn_illustdetail a:after {right: 7px;}


/*====================================================================================================
	Contents: Character Album - Voice
======================================================================================================*/
h2.ttl_voice {
	font-size: 20px;
}
.voice_detail .voice_player {
	margin: auto;
	width: 80%;
	border: 1px solid #c7afa0;
}

.voice_detail table {
	width: 80%;
}
.voice_detail table th {
	width: 15em;
}
.voice_detail.bgset table th {
	width: 7.5em;
}
.voice_detail ul.added_album_lists {
	padding: 0;
}
.voice_detail ul.added_album_lists img.album_icon{
	width: 25px;
	height: auto;
}
.voice_detail .btn_form:nth-of-type(1) {margin-top: 50px;}
.voice_detail .ill_d_date {
	position: absolute;
	right: 70px;
}
.voice_detail .btn_voicedetail a {
	position: relative;
	padding: 0.25em 1em;
	border-top: solid 1px #bea981;
	border-bottom: solid 1px #bea981;
	text-decoration: none;
	color: #6b5744;
}
.voice_detail .btn_voicedetail a:before, .voice_detail .btn_voicedetail a:after{
	content: '';
	position: absolute;
	top: -7px;
	width: 1px;
	height: -webkit-calc(100% + 14px);
	height: calc(100% + 14px);
	background-color: #bea981;
}
.voice_detail .btn_voicedetail a:before {left: 7px;}
.voice_detail .btn_voicedetail a:after {right: 7px;}


/*====================================================================================================
	Contents: Character History
======================================================================================================*/
table.char_history {
	background: #fff;
	border-collapse: collapse;
}
table.char_history th {
	color: #6b5744;
	border-top: 3px solid #c7afa0;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	word-break: break-all;
}
table.char_history td {
	padding:5px 10px;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	word-break: break-all;
}
table.char_history td .sit_days,
table.char_history td .sit_price,
table.char_history td .sit_limit {
}
table.char_history td .sit_charname { font-weight: bold; }
table.char_history td .sit_type:before { padding-right: 5px; content:"\f21d"; }
table.char_history td .sit_name:before { padding-right: 5px; content:"\f1fc"; }
table.char_history td .sit_days:before { padding-right: 5px; content:"\f073"; }
table.char_history td .sit_price:before { padding-right: 5px; content:"\f0d6"; }
table.char_history td .sit_limit:before { padding-right: 5px; content:"\f274"; }
table.char_history td .sit_scenariottl:before { padding-right: 5px; content:"\f02d"; }
table.char_history td .sit_mastername:before { padding-right: 5px; content:"\f007"; }
table.char_history td .sit_start:before { padding-right: 5px; content:"\f02e"; }


/*====================================================================================================
	Contents: Character ItemMenu
======================================================================================================*/
.commonform.itemmenu dd.rarity label{
	display: inline-block;
	min-width: 10em;
}
.commonform.itemmenu dd.kind label{
	display: inline-block;
	margin-right: 2em;
}



/*====================================================================================================
	Contents: Character - Collection & Skill Collection
======================================================================================================*/
.collection_com {
	position: relative;
/*
	padding: 1em 1em 2em;
	border: 1px solid #ddd;
	border-radius: 10px;
*/
	position: relative;
	color: black;
	background: #fff;
	line-height: 1.4;
	padding: 0.75em 0.5em 2.5em;
	margin: 3em auto .5em;
	border: 1px solid #a99679;
	border-radius: 0 5px 5px 5px;
}
.collection_com::after {
	position: absolute;
	white-space: pre-wrap;
	content: '\f4ad  ユーザーコメント';
	background: #a99679;
	color: #fff;
	left: -1px;
	bottom: 100%;
	border-radius: 5px 5px 0 0;
	padding: 5px 10px;
	line-height: 1;
	letter-spacing: 0.05em
}
.collection_editbtn {
	position: absolute;
	right: .5em;
	bottom: .25em;
	border: none;
	padding: .25em .75em;
	background: #f4e7d3;
	border-radius: 50px;
	color: #6b5744;
	font-size: 2vw;
}
.collection_editbtn::before {
	content: "\f4ae";
	font-weight: bold;
	padding-right: 5px;
	font-family: 'Font Awesome 5 Pro' , 'Font Awesome 5 Brands';

}
.collection_editbtn:hover { opacity: 0.7; }



/*====================================================================================================
	Contents: Guild Open
======================================================================================================*/
/* ----parts------ */
.commonform.guildopen input#form_guildname,
.commonform.guildopen input#form_guildcatch   {
	width: 62.5vw;
}
.commonform.guildopen textarea {
	padding: 1vw;
	width: 62.5vw;
}


/*====================================================================================================
	Contents: Guild Information
======================================================================================================*/
.guildbnr {
	margin: 3.125vw auto;
	text-align: center;
}
.guildbnr img {
	width: 93vw;
}
.guild_info_txt {
	position: relative;
	margin: 1em auto;
	width: 93.75vw;
	background: url("../images/common/bg_boxflavor_mid.jpg") repeat-y 50% 0 /93.75vw auto;
}
article.alt .guild_info_txt {
	background-image: url("../images/common/alt/bg_boxflavor_mid.jpg");
}
.guild_info_txt p {
	padding: 3em 3em 0;
	background: url("../images/common/bg_boxflavor_top.jpg") no-repeat 50% 0 /contain;
	text-shadow: 0 0 1px white;
}
article.alt .guild_info_txt p {
	background-image: url("../images/common/alt/bg_boxflavor_top.jpg");
}
.guild_info_txt p.with_emblem {
	box-sizing: border-box;
	min-height: calc( 150px + 3em );
	position: relative;
}
.guild_info_emblem {
	display: block;
	position: absolute;
	top: 1.5em;
	left: 0;
	right: 0;
	height: 200px;
	z-index: 0;
	opacity: 0.33;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 200px 200px;
}
.guild_info_content {
	position: relative;
	z-index: 1;
}
.guild_info_txt::after {
	content: "";
	display: block;
	height: 50px;
	background: url("../images/common/bg_boxflavor_btm.jpg") no-repeat 50% 100% /contain;
}
article.alt .guild_info_txt::after {
	background-image: url("../images/common/alt/bg_boxflavor_btm.jpg");
}
.guild_catch {
	font-weight: bold;
	font-size: 150%;
	line-height: 150%;
	display: block;
	padding-bottom: 7vw;
}
.guild-params {
	margin: 1em auto;
	width: 93.75vw;
}
.guild-param + .guild-param {
	margin-top: 0.3em;
}
.guild-param-name, .guild-param-bg {
	display: inline-block;
	text-align: center;
}
.guild-params.enquete .guild-param-bg {
	text-align: left;
}
.guild-params.enquete .guild-param-bg.unvoted {
	cursor: pointer;
}
.guild-params.enquete .guild-param-number {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 3px;
}
.guild-param-bg {
	background-color: white;
	position: relative;
}
.guild-param-fg {
	position: absolute;
}
.guild-param-fg.default {
	background-color: #fc3;
}
.guild-param-fg.additional {
	background-color: #f93;
}
.guild-param-fg.voted {
	background-color: #f93;
}
.guild-param-fg.unvoted {
	background-color: #cef;
}
.guild-param-number {
	position: relative;
	z-index: 1;
}

.acdn_icon a {
	text-decoration: none;
}

.acdn_icon a.syncer-acdn:after {
	font-weight: normal;
	padding-left: 5px;
	content:"\f150";
}
.acdn_icon a.syncer-acdn.clicked:after {
	content:"\f151";
}
.guild_memberlist span {
	padding-left:5px;
	font-size: 2.1875vw;
}
.guild_memberlist:before{
	font-weight: normal;
	color: #c7afa0;
	padding-right: 5px;
	content:"\f0c0";
}
.guild_tiup:before{
	font-weight: normal;
	color: #c7afa0;
	padding-right: 5px;
	content:"\f1e0";
}
.guild_threadttl:before{
	font-weight: normal;
	color: #c7afa0;
	padding-right: 5px;
	content:"\f0ea";
}
.guild_jointtl:before {
	font-weight: normal;
	color: #c7afa0;
	padding-right: 5px;
	content:"\f2ba";
}

table.member_list {
	background: #fff;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
}
table.member_list th {
	padding:1.5vw 2vw;
	color: #6b5744;
	border-left: none;
	border-top: none;
	border-bottom: 1px solid #ccc;
}
table.member_list td {
	padding:1.5vw 2vw;
	border-bottom: 1px solid #ccc;
}
table.guild_threadlist {
	background: #fff;
	border-collapse: collapse;
}
table.guild_threadlist th {
	color: #6b5744;
	border-top: 3px solid #c7afa0;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
}
table.guild_threadlist td {
	padding:1.5vw 2vw;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
table.guild_threadlist td.thread_icon { width: 50px; }
table.guild_threadlist td.thread_icon,
table.guild_threadlist td.thread_name {
	border-right: 1px solid #fff;
}
table.guild_threadlist td .thread_time {
	font-size: 1.5625vw;
}
.thread_more {
	padding-top: 0.5em;
	padding-right: 6.25vw;
	text-align: right;
}
.thread_more:after {
	padding-left: 5px;
	color: #003d84;
	content: "\f18e";
}
.thread_move {
	width: 4.6875vw;
}
.thread_move button{
	margin: 2px;
	padding: 5px;
	font-size: 2.5vw;
	color: #c7afa0;
	text-align: center;
}
.thread_move button .fa {
	margin-right: 0;
}
.btn_ng {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background: -webkit-linear-gradient(top, #fff, #eee);
	background: linear-gradient(to bottom, #fff, #eee);
	border: 1px solid #888;
}
.guild_editform {
	margin: 0 auto;
	width: 95vw;
}
.file input {
	display: none;
}
.file span {
	cursor:pointer;
}
.box_catchcopy input { width: 70vw; }
.box_catchtext textarea { width: 70vw; padding: 5px; }
.box_catchtext textarea,
.box_catchtext input {
	vertical-align: middle;
}

.guild_thread_name {
	position: relative;
}
.guild_thread_name > div {
	position: relative;
	padding-right: 6vw;
}
.guild_thread_name .favo {
	width: 6vw;
	height: 6vw;
	position: absolute;
	top: calc( 1em - 3vw );
	right: 0;
	padding: 0;
	border: 0;
	background-image: url(../images/guild/unfavo.png);
	background-size: cover;
}
.guild_thread_name .favo[value="unfavo"] {
	background-image: url(../images/guild/favo.png);
}
.housing-room-extend-view {
	position: relative;
	margin: 1em 15vw;
	width: 70vw;
	height: calc( 70vw * 0.363970234266202 );
	-ms-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
	pointer-events: none;
	background-color: black;
}
.housing-room-extend-view-inner {
	position: absolute;
	top: -87.3738709727312%;
	left: 0;
	bottom: -87.3738709727312%;
	right: 0;
	transform: scale(1, 0.363970234266202);
}
.housing-room-extend-view-new {
	position: absolute;
	background-color: #ff8080;
	transform: rotateZ(-45deg);
}
.housing-room-extend-view-org {
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: white;
}

/*====================================================================================================
	Contents: Guild for Master
======================================================================================================*/
.admin_menu {
	position: absolute;
	top: 3vw;
	right: 3vw;
	padding: 1vw 1.5vw;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4e7d3));
	background: -webkit-linear-gradient(top, #fff, #f4e7d3);
	background: linear-gradient(to bottom, #fff, #f4e7d3);
	border: 1px solid #c7afa0;
	border-radius: 5px;
	cursor: pointer;
	font-size: 1.875vw;
}
.guild-image-select label {
	padding: 5px 5px 5px 0;
}
.guild-image-select label * {
	vertical-align: middle;
}
.guild-image-select input[type="radio"] ~ span {
	border: solid 5px transparent;
	margin-left: 5px;
	display: inline-block;
	width: calc( 100% - 1em - 20px );
}
.guild-image-select input[type="radio"]:checked ~ span {
	border-color: white;
	box-shadow: 0 0 0 5px #c7afa0;
}


/*====================================================================================================
	Contents: Guild Search
======================================================================================================*/
.guild_box {
	position: relative;
	margin: 3.125vw auto 0;
	padding: 1.5625vw;
	width: 94vw;
	border-top: 2px solid #c7afa0;
	font-size: 1.875vw;
	background-color: rgba(255,255,255,0.5);
}
.guild_icon {
	width: 7.8125vw;
	float: left;
}
.guild_name {
	margin-left: 9vw;
	color: #006699;
	font-size: 2.6vw;
	font-weight: bold;
	line-height: 4vw;
	width: 67vw;
	height: 7.8125vw;
}
.guild_num {
	position: absolute;
	top: 2.2vw;
	right: 1.5625vw;
	width: 14vw;
	text-align: right;
}
.guild_master {
	position: absolute;
	top: 5vw;
	left: 11vw;
}
.guild_bnr {
	margin: 1.5625vw 0 1.5625vw 7.8125vw;;
}
.guild_bnr img {
	width: 80vw;
}
.guild_catchcopy {
	margin-left: 7.8125vw;
}

/*====================================================================================================
	Contents: forget id pass
======================================================================================================*/


/*====================================================================================================
	Contents: Manual
======================================================================================================*/
.manual_index {
	position: relative;
	margin: 1em auto;
	width: 93.75vw;
}
.manual_index li {
	margin-right: 2vw;
	margin-bottom: 4vw;
	float: left;
}
.manual_index li:nth-child(3n) {
	margin-right: 0;
}
.manual_index li img {
	width: 27vw;
}
.img_icon {
	width: 7.8125vw;
}

/*====================================================================================================
	Contents: Race
======================================================================================================*/
.race_img {
	padding: 1em 1.5625vw;
	width: 35%;
	float: left;
}
.race_img img {
	width: 100%;
}

/*====================================================================================================
	Contents: Illust - top
======================================================================================================*/
.ill_list {
	width: 100%;
	margin:0 auto;
}
.ill_list li {
	margin: 3vw auto;
	padding: 1vw;
	width: 30vw;
	max-height: 70vw;
	display: inline-block;
	vertical-align: top;
}
.ill_list li .illust_summary > span {
	display: block;
}
.ill_list .ill_img {
	margin: 0 auto;
	width: 100%;
	min-height: 32vw;
	text-align: center;
	position: relative;
}
.ii-shop.ill_list .ill_img {
	min-height: unset;
}
.ill_list .ill_img img {
	margin: 0 auto;
	width: auto;
	max-width: 28vw;
	max-height: 42vw;
	display: block;
}
.ill_list .ill_img img.bg {
	z-index: 0;
	position: relative;
}
.ill_list .ill_img img.fg {
	z-index: 2;
	position: relative;
}
.ill_list .ill_img .bustup-preview {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}
.ill_list .ill_img .bustup-preview-logo-type {
	position: absolute;
	width: 57.4%;
	top: 84.72%;
	left: 42.6%;
	display: none;
	z-index: 3;
}
.ill_date {
	text-align: right;
}
.ill_list .ill_like a {
	font-weight: bold;
	text-decoration: none;
}
.ill_like {
	color: #e16871;
}
.ill_omake {
	text-decoration: none;
}
.ill_omake > span {
	margin-left: 1em;
	color: white;
	background-color: #003d84;
	font-size: 80%;
	padding: 0.125em 0.5em;
	border-radius: 0.25em;
}
.ill_omake:hover span {
	background-color: #0059bf;
}

/* balloon-1 left */
.ill_list #baloon-left {
	position: relative;
	display: inline-block;
	margin: 0 2.34375vw;
	padding: 0 2.34375vw;
	width: auto;
	min-width: 6.25vw;
	height: 2.8125vw;
	line-height: 2.8125vw;
	font-size: 1.875vw;
	text-align: center;
	background: #fff;
	border: 1px solid #c7afa0;
	z-index: 0;
	border-radius: 5px;
}
#baloon-left:before {
	content: "";
	position: absolute;
	top: 50%; left: -0.9375vw;
	margin-top: -0.46875vw;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0.46875vw 0.9375vw 0.46875vw 0;
	border-color: transparent #fff transparent transparent;
	z-index: 0;
}
#baloon-left:after {
	content: "";
	position: absolute;
	top: 50%; left: -1.09375vw;
	margin-top: -0.625vw;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0.625vw 1.09375vw 0.625vw 0;
	border-color: transparent #c7afa0 transparent transparent;
	z-index: -1;
}

/* Tooltip */
.tooltip_ill,
.tooltip_ill2 {
	cursor: pointer;
	text-decoration: none;
}
.tooltip_ill:before {
	padding-right: 3px;
	content:"\f040";
}
.tooltip_ill2:before {
	padding-right: 3px;
	content:"\f002";
}
.ill_d_date {
	margin: 10px auto;
	padding: 0 1vw;
	border: 1px solid #bea981;
	background: #f4e7d3;
	border-radius: 5px;
	font-size: 2.2vw;
}
.ill_d_date::before {
	content: "\f18c";
	margin-right: 2px;
}

/*====================================================================================================
	Contents: Illust - Search & Detail
======================================================================================================*/
.form_illsearch .fullname input,
.form_sssearch .fullname input {
	width: 15.625vw;
}
.specialty label {
	margin-right: 1.5625vw;
}
.specialty label:nth-of-type(5n):after {
	content: "\A" ;
	white-space: pre ;
}
.creatorresultslist th {
	text-align: center;
}
.creatorresultslist th,
.creatorresultslist td {
	padding: 5px;
	font-size: 1.875vw;
}
.creatorresultslist td img.illust_banner {
	width: 40vw;
}
.creatorresultslist .icon {
	width: 12vw;
}
.creatorresultslist td.icon img {
	width: 8vw;
}
.icon_social1 {
	line-height: 22px;
}

.icon_social1 img {
	margin-right: 5px;
	width: 22px;
	height: 22px;
	vertical-align: middle;
}

.icon_social2 li {
	display: inline-block;
}
.icon_social2 img {
	margin-right: 3px;
	width: 22px;
	height: 22px;
	vertical-align: middle;
}


/*====================================================================================================
	Contents: Illust - Order
======================================================================================================*/
.orderdetail {
	margin: 0 auto;
	width: 95vw;
}
.tb_orderdetail {
	width: 100%;
}
.orderpreview {
	margin: 5vw auto;
	width: 95vw;
	min-height: 45vw;
	border: 1px solid #c7afa0;
	background-color: #fff;
}
.orderpreview > img {
	max-width: 100%;
}

.order-info-option > td {
	vertical-align: top;
}
.order-info-option.option-checked {
	font-weight: bold;
}
table.tb_typed .order-info-option-check {
	border-right: none;
}
table.tb_typed .order-info-option-name {
	border-left: none;
	padding-left: 0;
}
table.tb_typed .order-info-option-name label {
	text-align: left;
	vertical-align: top;
	padding-left: 0;
	width: 100%;
}
.order-info-exoption-target {
	font-style: italic;
	font-weight: normal;
	margin-left: 1em;
}

th.rc_own {
	background-color: #ffe9ee;
}
td.rc_own {
	font-weight: bold;
	color: #ff0000;
}
.total_price {
	font-size: 2.5vw;
	font-weight: bold;
}

/* 発注時におけるジャンルテーブル */
.orderdetail div.orderdetail_genres dd {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	padding-right: 1.0em;
}

img.ref2_illust[src="about:blank"] {
	display: none;
}

/*====================================================================================================
	Contents: Illust - Request
======================================================================================================*/
.requestdetail {
	width: 95vw;
	margin: 0 auto;
}

.tb_orderdetail .request_character_reference_image {
	width: 50vw;
}

.requestdetail table.tb_orderdetail #candidate_creators {
	vertical-align: top;
	width: 25%;
}

.requestdetail td.exrequest_banner img {
	width: 40vw;
}
.requestdetail td.exrequest_icon img {
	width: 12vw;
}

/*====================================================================================================
	Contents: Voice - top
======================================================================================================*/
.voice_list {
	width: 100%;
	margin:0 auto;
}
.voice_list li {
	margin: 5vw auto;
	padding: 0;
	width: 100%;
	display: table;
	table-layout: fixed;
}
.voice_list li .voice_player {
	display: table-cell;
	vertical-align: middle;
	width: 30vw;
}
.voice_list li .voice_summary {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
.voice_list li .voice_summary > span {
	display: block;
}
.voice_date {
	text-align: right;
	font-size: 10px;
}
.voice_list .voice_like a {
	font-weight: bold;
	text-decoration: none;
}
.voice_like {
	color: #e16871;
}

/* balloon-1 left */
.voice_list #baloon-left {
	position: relative;
	display: inline-block;
	margin: 0 15px;
	padding: 0 15px;
	width: auto;
	min-width: 40px;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	text-align: center;
	background: #fff;
	border: 1px solid #c7afa0;
	z-index: 0;
	border-radius: 5px;
}
.voice_list #baloon-left:before {
	content: "";
	position: absolute;
	top: 50%; left: -6px;
	margin-top: -3px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 3px 6px 3px 0;
	border-color: transparent #fff transparent transparent;
	z-index: 0;
}
.voice_list #baloon-left:after {
	content: "";
	position: absolute;
	top: 50%; left: -7px;
	margin-top: -4px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 4px 7px 4px 0;
	border-color: transparent #c7afa0 transparent transparent;
	z-index: -1;
}
/* Tooltip */
.tooltip_voice,
.tooltip_voice2 {
	cursor: pointer;
	text-decoration: none;
}
.tooltip_voice:before {
	padding-right: 3px;
}
.tooltip_voice2:before {
	padding-right: 3px;
}

.tooltip_voice,
.tooltip_voice2 {
	cursor: pointer;
	text-decoration: none;
}
.tooltip_voice:before {
	padding-right: 3px;
}
.tooltip_voice2:before {
	padding-right: 3px;
}

.voice_d_date {
	display: inline-block;
	width: 100%;
	margin: 10px 0 auto;
	padding: 0 10px;
	border: 1px solid #bea981;
	background: #f4e7d3;
	border-radius: 100px;
	font-size: 12px;
}
.voice_d_date::before {
	content: "\f18c";
	margin-right: 2px;
}

/*====================================================================================================
	Contents: Voice - Search & Detail
======================================================================================================*/
.creatorresultslist td .voice_player  {
	width: 91vw;
}


/*====================================================================================================
	Contents: Scenario - Opening
======================================================================================================*/

.form_scenariosearch dt { width: 20vw; }
.form_scenariosearch dd select { width: 30vw; }

.box_scenariolist,
.box_scenariolist div,
.box_scenariolist ul {
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.box_scenariolist {
	margin: 1em auto 0;
	width: 95vw;
}
.box_scenariolist .sn_icon {
	padding: 1vw;
	width: 12.95vw;
	background: #fff;
	border-top: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
}
.box_scenariolist .sn_icon.join {
	padding: 55px 5px 0;
}
.box_scenariolist .sn_icon img {
	width: 10vw !important;
	height: 10vw !important;
}
.box_scenariolist .sn_iconarea {
	position: relative;
}
.box_scenariolist .sn_iconarea .icon-overlay {
	position: absolute;
}
.box_scenariolist ul {
	margin: 1px;
	padding: 0;
	width: 81.43vw;
}
.box_scenariolist ul li {
	font-size: 1.9vw;
	background: #fff;
	border-collapse:separate;
	border-spacing:1px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.box_scenariolist .sn_title {
	padding: 3vw 1.6vw;
	font-size: 2.2vw;
	font-weight: bold;
	border-left:1px solid #fff !important;
	border-top:1px solid #fff !important;
	width: 100%;
	word-wrap: anywhere;
	overflow-wrap: anywhere;
}
.box_scenariolist .sn_catchphrase {
	width: 100%;
	padding: 0 0.8vw;
	word-wrap: anywhere;
	overflow-wrap: anywhere;
}
.box_scenariolist .sn_title .sn_title_illust_request {
	display: inline-block;
	font-weight: normal;
	padding-left: 1em;
}
.box_scenariolist.alt .sn_icon,
.box_scenariolist.alt ul li {
	background-color: transparent;
}
.box_scenariolist.alt .sn_icon,
.box_scenariolist.alt div,
.box_scenariolist.alt li {
	border-color: white !important;
}
.box_scenariolist.alt .sn_title,
.box_scenariolist.alt ul li span {
	border-left: none !important;
	border-top: none !important;
	margin-top: 1px;
	margin-left: 1px;
}
.box_scenariolist.alt ul {
	box-shadow: 0 0 0 1px white;
}

.allow-ex-playing,
.free-ticket-available {
	font-size: 0.8em;
	padding: 0.25em;
	margin-left: 0.5em;
	border: solid 1px;
	border-radius: 0.4em;
	vertical-align: middle;
}

.box_status_join {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100px;
	height: 60px;
	overflow: hidden;
}
.status_join {
	display: inline-block;
	position: absolute;
	padding: 6px 0 2px;
	left: -30px;
	top: 0;
	width: 120px;
	text-align: center;
	text-indent: -1em;
	font-size: 1.8vw;
	line-height: 12px;
	background: #9ad2aa; /*39c3d4,94c697*/
	color: #fff;
	letter-spacing: 0.05em;
	-webkit-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
	box-shadow: 0 0 0 2px rgb(140,198,156);
	border-top: dashed 1px rgba(255, 255, 255, 0.65);
	border-bottom: dashed 1px rgba(255, 255, 255, 0.65);
	z-index: 2;
}
.box_scenariolist .terms {
	margin-left:1em;
	font-size: 1.9vw;
	font-weight: normal;
}
.box_scenariolist .terms::before {
	margin-right:.5em;
	content: "\f06a";
}
.box_scenariolist .status {
	position: absolute;
	top: 2.5vw;
	right: 5px;
	padding: 0 15px;
	font-size: 1.9vw
	text-align: center;
	border-radius: 100px;
}

.box_scenariolist ul li span.terms { background: transparent; }

.box_scenariolist.p_pre { background-color:#bcddff; }
.box_scenariolist.p_pre div,
.box_scenariolist.p_pre li { border-color:#bcddff; }
.box_scenariolist.p_pre .sn_title { padding-right: 23vw; }
.box_scenariolist.p_pre .sn_title,
.box_scenariolist.p_pre li span { border-color:#bcddff; background-color:#dbedff; }
.box_scenariolist.p_pre.live_novel .sn_title {
	background: -moz-linear-gradient(to right, #dbedff, #edf6ff 10%, #fff 50%, #edf6ff 90%, #dbedff);
	background: -webkit-linear-gradient(to right, #dbedff, #edf6ff 10%, #fff 50%, #edf6ff 90%, #dbedff);
	background: linear-gradient(to right, #dbedff, #edf6ff 10%, #fff 50%, #edf6ff 90%, #dbedff);
}
.box_scenariolist.p_pre .box_status_join .status_join:after { border-color: transparent #dbedff transparent transparent; }
.box_scenariolist.p_pre .status { background-color:#bcddff; }
.box_scenariolist.p_pre .terms { color:#4474a5; }

.box_scenariolist.p_disc { background-color:#ffcccc; }
.box_scenariolist.p_disc div,
.box_scenariolist.p_disc li { border-color:#ffcccc; }
.box_scenariolist.p_disc .sn_title { padding-right: 23vw; }
.box_scenariolist.p_disc .sn_title,
.box_scenariolist.p_disc li span { border-color:#ffcccc; background-color:#ffeaea; }
.box_scenariolist.p_disc.live_novel .sn_title {
	background: -moz-linear-gradient(to right, #ffeaea, #fff4f4 10%, #fff 50%, #fff4f4 90%, #ffeaea);
	background: -webkit-linear-gradient(to right, #ffeaea, #fff4f4 10%, #fff 50%, #fff4f4 90%, #ffeaea);
	background: linear-gradient(to right, #ffeaea, #fff4f4 10%, #fff 50%, #fff4f4 90%, #ffeaea);
}
.box_scenariolist.p_disc .box_status_join .status_join:after { border-color: transparent #ffeaea transparent transparent; }
.box_scenariolist.p_disc .status { background-color:#ffcccc; }
.box_scenariolist.p_disc .terms { color:#b04b4b; }

.box_scenariolist.p_disc.p_wanted { background-color:#ffe599; }
.box_scenariolist.p_disc.p_wanted div,
.box_scenariolist.p_disc.p_wanted li { border-color:#ffe599; }
.box_scenariolist.p_disc.p_wanted .sn_title { padding-right: 23vw; }
.box_scenariolist.p_disc.p_wanted .sn_title,
.box_scenariolist.p_disc.p_wanted li span { border-color:#ffe599; background-color:#fff4d5; }
.box_scenariolist.p_disc.p_wanted.live_novel .sn_title {
	background: -moz-linear-gradient(to right, #fff4d5, #fff9ea 10%, #fff 50%, #fff9ea 90%, #fff4d5);
	background: -webkit-linear-gradient(to right, #fff4d5, #fff9ea 10%, #fff 50%, #fff9ea 90%, #fff4d5);
	background: linear-gradient(to right, #fff4d5, #fff9ea 10%, #fff 50%, #fff9ea 90%, #fff4d5);
}
.box_scenariolist.p_disc.p_wanted .box_status_join .status_join:after { border-color: transparent #fff4d5 transparent transparent; }
.box_scenariolist.p_disc.p_wanted .status { background-color:#ffe599; }
.box_scenariolist.p_disc.p_wanted .terms { color:#b07d00; }

.box_scenariolist.p_disc.p_supportable .sn_title {
	background: -moz-linear-gradient(to right, #ffeaea, #fff4d5);
	background: -webkit-linear-gradient(to right, #ffeaea, #fff4d5);
	background: linear-gradient(to right, #ffeaea, #fff4d5);
}
.box_scenariolist.p_disc.p_supportable.live_novel .sn_title {
	background: -moz-linear-gradient(to right, #ffeaea, #fff4f4 10%, #fff 50%, #fff9ea 90%, #fff4d5);
	background: -webkit-linear-gradient(to right, #ffeaea, #fff4f4 10%, #fff 50%, #fff9ea 90%, #fff4d5);
	background: linear-gradient(to right, #ffeaea, #fff4f4 10%, #fff 50%, #fff9ea 90%, #fff4d5);
}

.box_scenariolist.p_disc.p_rally { background-color:#e5f299; }
.box_scenariolist.p_disc.p_rally div,
.box_scenariolist.p_disc.p_rally li { border-color:#e5f299; }
.box_scenariolist.p_disc.p_rally .sn_title { padding-right: 23vw; }
.box_scenariolist.p_disc.p_rally .sn_title,
.box_scenariolist.p_disc.p_rally li span { border-color:#e5f299; background-color:#f4f9d5; }
.box_scenariolist.p_disc.p_rally.live_novel .sn_title {
	background: -moz-linear-gradient(to right, #f4f9d5, #f9fcea 10%, #fff 50%, #f9fcea 90%, #f4f9d5);
	background: -webkit-linear-gradient(to right, #f4f9d5, #f9fcea 10%, #fff 50%, #f9fcea 90%, #f4f9d5);
	background: linear-gradient(to right, #f4f9d5, #f9fcea 10%, #fff 50%, #f9fcea 90%, #f4f9d5);
}
.box_scenariolist.p_disc.p_rally .box_status_join .status_join:after { border-color: transparent #f4f9d5 transparent transparent; }
.box_scenariolist.p_disc.p_rally .status { background-color:#e5f299; }
.box_scenariolist.p_disc.p_rally .terms { color:#7da700; }

.box_scenariolist.p_open { background-color:#ffe2c6; }
.box_scenariolist.p_open div,
.box_scenariolist.p_open li { border-color:#ffe2c6; }
.box_scenariolist.p_open .sn_title { padding-right: 32vw; }
.box_scenariolist.p_open .sn_title,
.box_scenariolist.p_open li span { border-color:#ffe2c6; background-color:#ffefe0; }
.box_scenariolist.p_open.live_novel .sn_title {
	background: -moz-linear-gradient(to right, #ffefe0, #fff7f0 10%, #fff 50%, #fff7f0 90%, #ffefe0);
	background: -webkit-linear-gradient(to right, #ffefe0, #fff7f0 10%, #fff 50%, #fff7f0 90%, #ffefe0);
	background: linear-gradient(to right, #ffefe0, #fff7f0 10%, #fff 50%, #fff7f0 90%, #ffefe0);
}
.box_scenariolist.p_open .box_status_join .status_join:after { border-color: transparent #ffe2c6 transparent transparent; }
.box_scenariolist.p_open .status { background-color:#ffe2c6; }
.box_scenariolist.p_open .terms { color:#986737; }

.box_scenariolist.p_inadv { background-color:#d1c5d8; }
.box_scenariolist.p_inadv div,
.box_scenariolist.p_inadv li { border-color:#d1c5d8; }
.box_scenariolist.p_inadv .sn_title { padding-right: 16vw; }
.box_scenariolist.p_inadv .sn_title,
.box_scenariolist.p_inadv li span { border-color:#d1c5d8; background-color:#eee8ff; }
.box_scenariolist.p_inadv.live_novel .sn_title {
	background: -moz-linear-gradient(to right, #eee8ff, #f6f7ff 10%, #fff 50%, #f6f7ff 90%, #eee8ff);
	background: -webkit-linear-gradient(to right, #eee8ff, #f6f7ff 10%, #fff 50%, #f6f7ff 90%, #eee8ff);
	background: linear-gradient(to right, #eee8ff, #f6f7ff 10%, #fff 50%, #f6f7ff 90%, #eee8ff);
}
.box_scenariolist.p_inadv .box_status_join .status_join:after { border-color: transparent #d1c5d8 transparent transparent; }
.box_scenariolist.p_inadv .status { background-color:#bca9d8; }
.box_scenariolist.p_inadv .terms { color:#9b87bb; }

.box_scenariolist.p_close { background-color:#ccc; }
.box_scenariolist.p_close div,
.box_scenariolist.p_close li { border-color:#ccc; }
.box_scenariolist.p_close .sn_title { padding-right: 14vw; }
.box_scenariolist.p_close .sn_title,
.box_scenariolist.p_close li span { border-color:#ccc; background-color:#eee; }
.box_scenariolist.p_close.live_novel .sn_title {
	background: -moz-linear-gradient(to right, #eee, #f6f6f6 10%, #fff 50%, #f6f6f6 90%, #eee);
	background: -webkit-linear-gradient(to right, #eee, #f6f6f6 10%, #fff 50%, #f6f6f6 90%, #eee);
	background: linear-gradient(to right, #eee, #f6f6f6 10%, #fff 50%, #f6f6f6 90%, #eee);
}
.box_scenariolist.p_close .box_status_join .status_join:after { border-color: transparent #eee transparent transparent; }
.box_scenariolist.p_close .status { background-color:#ccc; }
.box_scenariolist.p_close .terms { color:#888; }

.box_scenariolist.ss { background-color:#ccc; }
.box_scenariolist.ss div,
.box_scenariolist.ss li { border-color:#ccc; }
.box_scenariolist.ss .sn_title { padding-right: 14vw; }
.box_scenariolist.ss .sn_title,
.box_scenariolist.ss li span { border-color:#ccc; background-color:#eee; }
.box_scenariolist.ss .box_status_join .status_join:after { border-color: transparent #eee transparent transparent; }
.box_scenariolist.ss .status { background-color:#ccc; }
.box_scenariolist.ss .terms { color:#888; }
.box_scenariolist.ss .sn_date { border-right: 0; width: 40.7vw; }
.box_scenariolist.ss .sn_numpeople { border-right: 0; width: 30.7vw;}
.box_scenariolist.ss .joiner_all { width: 100%; border-top-width: 1px; border-top-style: solid; padding-left: 0.5em; }

.box_scenariolist.ss.setting { background-color:#bcddff; }
.box_scenariolist.ss.setting div,
.box_scenariolist.ss.setting li { border-color:#bcddff; }
.box_scenariolist.ss.setting .sn_title,
.box_scenariolist.ss.setting li span { border-color:#bcddff; background-color:#dbedff; }
.box_scenariolist.ss.setting .box_status_join .status_join:after { border-color: transparent #dbedff transparent transparent; }
.box_scenariolist.ss.setting .status { background-color:#bcddff; }
.box_scenariolist.ss.setting .terms { color:#4474a5; }

.box_scenariolist .sn_gmname,
.box_scenariolist .sn_kind,
.box_scenariolist .sn_clevel,
.box_scenariolist .sn_date,
.box_scenariolist .sn_numpeople,
.box_scenariolist .sn_numpeople2,
.box_scenariolist .sn_period,
.box_scenariolist .sn_rc {
	border-top: 1px solid;
	border-right: 1px solid;
	padding-right: 1em;
}
.box_scenariolist .sn_gmname span,
.box_scenariolist .sn_kind span,
.box_scenariolist .sn_clevel span,
.box_scenariolist .sn_date span,
.box_scenariolist .sn_numpeople span,
.box_scenariolist .sn_numpeople2 span,
.box_scenariolist .sn_period span,
.box_scenariolist .sn_rc span {
	display: inline-block;
	margin-right: .5em;
	padding: 2px 5px;
	border-left:1px solid #fff !important;
	border-top:1px solid #fff !important;
	border-right: 1px solid;
	font-weight: bold;
	white-space: nowrap;
}
.box_scenariolist .sn_gmname { border-right: 0; width: 100%;}
.box_scenariolist .sn_kind { width: 40.65vw;}
.box_scenariolist .sn_clevel { border-right: 0; width: 40.7vw;}
.box_scenariolist .sn_date { border-right: 0; width: 100%;}
.box_scenariolist .sn_numpeople { width: 34vw;}
.box_scenariolist .sn_numpeople.rally { width: 28.5vw;}
.box_scenariolist .sn_numpeople2.rally { width: 28vw;}
.box_scenariolist .sn_period { width: 22.5vw;}
.box_scenariolist .sn_rc { border-right: 0; width: 24.9vw;}

.box_scenariolist.ss.note .sn_gmname { border-right: 1px; width: 56.35vw; }
.box_scenariolist.ss.note .sn_kind { border-right: 0; width: 25vw; }
.box_scenariolist.ss.note .sn_title { padding-right: 1.6vw; }
.box_scenariolist.ss.note:first-child a.move-up,
.box_scenariolist.ss.note:last-child a.move-down {
	color: gray;
	pointer-events: none;
	text-decoration: none;
}

/*====================================================================================================
	Contents: Scenario - Detail
======================================================================================================*/
.sn_situation {
	position: relative;
	margin: 1em auto;
	padding: 1em 0;
	width: 95vw;
	background: url("../images/common/bg_boxsituation.jpg") repeat 50% 0;
	border: 1px solid #c7afa0;
	border-radius: 5px;
}
article.alt .sn_situation {
	background-image: url("../images/common/alt/bg_boxsituation.jpg");
}
.sn_situation .ttl {
	position: relative;
	margin: 0 15px;
	padding-top: 0;
	text-align: center;
	color: #6b5744;
	font-weight: bold;
	font-size: 3.2vw;
	border-top: solid 1px #c7afa0;
	border-bottom: solid 1px #c7afa0;
}
.sn_situation .ttl span::before,
.sn_situation .ttl span::after {
	margin: 0 .5em;
	content: "\f216";
	font-size: 14px;
	font-weight: normal;
}
.sn_situation .ttl::before,
.sn_situation .ttl::after {
	content: '';
	position: absolute;
	top: -7px;
	width: 1px;
	height: -webkit-calc(100% + 14px);
	height: calc(100% + 14px);
	background-color: #c7afa0;
}
.sn_situation .ttl::before { left: 7px; }
.sn_situation .ttl::after { right: 7px; }

.sn_situation .sn_member { text-align: right; }
.sn_situation .sn_member::before {
	margin: 0 .5em;
	content: "\f0c0";
}
.sn_situation .alerts_msg { margin: 1em 15px 0; }

.toggledown-button::before { content: "▼"; display: inline-block; padding-left: 0.3em; }
.toggledown-button.off::before { content: "▲"; }

/* main visual (beta)
----------------------------------------------------------------------------- */
.contents_body .ttl_visual {
	margin: 1em auto;
}


/* GM Comment
----------------------------------------------------------------------------- */
.box_gmcomment {
	position: relative;
	margin: 2em auto;
	width: 93.75vw;
	background: url("../images/common/bg_boxflavor_mid.jpg") repeat-y 50% 0 /93.75vw auto;
}
article.alt .box_gmcomment {
	background-image: url("../images/common/alt/bg_boxflavor_mid.jpg");
}
.box_gmcomment p {
	padding: 2em 4.5em 0;
}
.box_gmcomment .ttl {
	padding: 1.5em 0 0;
	font-weight: bold;
	font-size: 3.2vw;
	background: url("../images/common/bg_boxflavor_top.jpg") no-repeat 50% 0 /contain;
	position: relative;
	text-align: center;
}
article.alt .box_gmcomment .ttl {
	background-image: url("../images/common/alt/box_gmcomment_top.jpg");
}
.box_gmcomment .ttl span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 4em;
	padding: 0 1em;
	background: url("../images/common/bg_boxflavor_mid.jpg") repeat-y 50% 0;
	text-align: left;
}
article.alt .box_gmcomment .ttl span {
	background-image: url("../images/common/alt/bg_boxflavor_mid.jpg");
}
.box_gmcomment .ttl::before {
	position: absolute;
	top: 6.5vw;
	left: 50%;
	margin-left: -38vw;
	z-index: 1;
	content: '';
	display: block;
	width: 80%;
	height: 2px;
	background: #ccc;
	background: -webkit-linear-gradient(-45deg, transparent, #aba599 10%, #aba599 90%, transparent);
	background: linear-gradient(-45deg, transparent, #aba599 10%, #aba599 90%, transparent);
}
.box_gmcomment:after {
	content: "";
	display: block;
	height: 50px;
	background: url("../images/common/bg_boxflavor_btm.jpg") no-repeat 50% 100% /contain;
}
article.alt .box_gmcomment::after {
	background-image: url("../images/common/alt/box_gmcomment_btm.jpg");
}

/* JoinedMemberList(forloop)
----------------------------------------------------------------------------- */
.sn_member_list,
.sn_member_list2,
.sn_member_list3 {
	margin: 1em auto;
	width: 95vw;
	background-color:#fff;
	display: table;
	border-collapse: collapse;
}
.sn_member_list dl,
.sn_member_list2 dl,
.sn_member_list3 dl{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color:#f4e7d3;
	width: 100%;
	display: table-cell;
}
.sn_member_list dl:nth-of-type(n+1),
.sn_member_list2 dl:nth-of-type(n+1),
.sn_member_list3 dl:nth-of-type(n+1){
	display:table-row;
}
article.alt .sn_member_list dl,
article.alt .sn_member_list2 dl,
article.alt .sn_member_list3 dl {
	background-color:#e4f2ff;
}

.sn_member_list dt,
.sn_member_list2 dt,
.sn_member_list3 dt{
	padding: 2vw 2vw;
	width: 16vw;
	display:table-cell;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.sn_member_list dt img,
.sn_member_list2 dt img,
.sn_member_list3 dt img {
	width: 12vw;
}

.sn_member_list dd,
.sn_member_list2 dd,
.sn_member_list3 dd{
	padding: 2vw 4vw;
	display:table-cell;
	vertical-align: top;
	background: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	word-break: break-all;
}

/* ----for float------ */
.sn_member_list:after,
.sn_member_list dl:after,
.sn_member_list2:after,
.sn_member_list2 dl:after,
.sn_member_list3:after,
.sn_member_list3 dl:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html .sn_member_list,
* html .sn_member_list dl,
* html .sn_member_list2,
* html .sn_member_list2 dl,
* html .sn_member_list3,
* html .sn_member_list3 dl {
	height: 1em;
	overflow: visible;
}


/* readmore...
----------------------------------------------------------------------------- */
.sn_member_list3 dd{
	position:relative;
}

/***********************************************/
.sn_member_list3 dd label {
	height: 12vw;
	cursor: pointer;
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 75vw;

	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);

}
.sn_member_list3 dd input:checked + label {
	background: none;
}
.sn_member_list3 dd label:after {
	content: "全て表示する";
	letter-spacing: .05em;
	line-height: 2.5rem;
	position: absolute;
	bottom: 4vw;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	color: #6b5744;
	background-color: #c7afa0;
	width: 12rem;
	border-radius: 5px;
}
.sn_member_list3 dd label:before {
	content: "\f0ab";
	position: absolute;
	bottom: 5.5vw;
	left: 50%;
	-webkit-transform: translate(-12.5vw, 0);
	transform: translate(-12.5vw, 0);
	color: #6b5744;
	z-index: 1;
	font-size: 2.9vw;
	width: 3.2vw;
	height: 3.2vw;
	line-height: 3.2vw;
}
.sn_member_list3 dd input {
	display: none;
}
.sn_member_list3 dd .sn_member_txt02 {
	overflow: hidden;
	height: 30vw;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}
.sn_member_list3 dd input:checked + label {
	/* display: none ; */
}
.sn_member_list3 dd input:checked + label:after {
	content: "閉じる";
}
.sn_member_list3 dd input:checked + label:before {
	content: "\f0aa";
}
.sn_member_list3 dd input:checked ~ .sn_member_txt02 {
	height: auto;
	padding-bottom: 13vw;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}

/*====================================================================================================
	Contents: Scenario - Playing
======================================================================================================*/
.playing-data table {
	margin: 1em auto 0;
	clear: both;
	width: 93.75vw;
	background-color:#ae9666;
	border-collapse:separate;
	border-spacing:1px;
	border-top: 0;
}
.playing-data table th {
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	padding:1px 3px;
	background-color:#f4e7d3;
	font-weight:bold;
	border-bottom: 0;
}
.alt .playing-data table {
	background-color: #44596d;
}
.alt .playing-data table th {
	border-left-color: #6a859b;
	border-top-color: #6a859b;
	background-color: #44596d;
}
.playing-data table td {
	padding:1px 3px;
	background-color:#fff;
	border-bottom: 0;
}
.playing-data .skills th.tbl_skills_name { width: 40vw; }
.playing-data .skills th.tbl_skills_base { width: 12vw; }
.playing-data .skills th.tbl_skills_other { width: 40vw; }

.playing-data .class-esprit,
.playing-data .equipment {
	border-collapse:collapse;
	border-top: 1px solid #ae9666;
}
.playing-data .class-esprit th,
.playing-data .equipment th {
	border: none;
	padding:1px 3px;
	background-color:#f4e7d3;
	font-weight:bold;
	font-size: 12px;
	border-bottom: 1px solid #ae9666;
}
.playing-data .class-esprit td,
.playing-data .equipment td {
	padding:1px 3px;
	background-color:#fff;
	font-size: 12px;
	border-bottom: 1px solid #ae9666;
}
.playing-data .equipment {
	border: none;
	background-color: transparent;
}
.alt .playing-data .equipment {
	border: none;
	background-color: transparent;
}
.playing-data .equipment th.title {
	padding: .5em;
	font-size: 3.5vw;
	font-weight: bold;
	color:#6b5744;
	background: none;
}
.playing-data .equipment th.title::before {
	margin-right: .5em;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	content:"\f3ed";
}
.playing-data .equipment.single-use th.title::before {
	content:"\f376";
}
.playing-data .equipment.title-skill th.title::before {
	content:"\f559";
}
.playing-data .equipment th.eq_itemname { width: 40%; }
.playing-data .equipment th.eq_comment { width: 60%; }
.playing-data .equipment .item-comment-detail {
	padding-left: 2em;
	font-style: italic;
}
.playing-data .equipment .item-comment:empty .item-comment-detail {
	padding-left: 0;
}

.playing-data .equipment td { padding: 3px 5px 3px 2px; }
.playing-data .equipment td:first-child::before {
	display: block;
	float: left;
	width: 0;
	height: 2vw;
	content: "";
}
tr.alt-item td {
	background-color: #ebf8ff;
}
tr.disabled-item td {
	background-color: #eee;
	color: #808080;
}
tr.alt-item.disabled-item td {
	background-color: #ebf1f5;
}


/*====================================================================================================
	Contents: Scenario - GMList & Profile
======================================================================================================*/
.form_gmsearch input[type="text"] {
	width: 300px;
}
.gm_entrydate {
	padding-top: 0;
	text-align: right;
}
.gm_entrydate span {
	margin-right: 10px;
	padding: 0 10px;
	background: #c7afa0;
	border-radius: 100px;
	font-weight: bold;
}
.gm_editdate {
	position: absolute;
	top: 1.5vw;
	right: 1vw;
	padding: 0 15px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #c7afa0;
	border-radius: 100px;
	background: #fff;
}
.gm_editdate::before {
	padding-right: 5px;
	content:"\f021";
}
.gm_request,
.gm_getmvp {
	font-weight: bold;
	font-size: 2.8vw;
}
.gm_request::before {
	padding-right: 5px;
	content:"\f02d";
}
.gm_getmvp::before {
	padding-right: 5px;
	content:"\f004";
}
.gm_requestbd {
	padding: 0 0 0 4em;
	font-size: 2vw;
}
.gm_requestbd span {
	margin: 0 1.7vw 1.7vw 0;
	padding: 1vw 2vw;
	border-radius: 100px;
	display: inline-block;
}
.gm_result span:nth-of-type(1) { padding-left: 0; }
.gm_result span:nth-of-type(6) { padding-right: 0; }
.gm_requestbd span:nth-of-type(1) { background-color: #c9e5ff; }
.gm_requestbd span:nth-of-type(2) { background-color: #bde9cc; }
.gm_requestbd span:nth-of-type(3) { background-color: #fffbd7; }
.gm_requestbd span:nth-of-type(4) { background-color: #facb7a; }
.gm_requestbd span:nth-of-type(5) { background-color: #ffa9a9; }
.gm_requestbd span:nth-of-type(6) { background-color: #e2a9ff; }
.gm_result {
	margin: 1em auto 0;
	padding: .5em 3vw;
	border-top: 3px double #c7afa0;
	border-bottom: 3px double #c7afa0;
	text-align: left;
	width: 95vw;
}
.gm_result span {
	margin: 0 5px 0 0;
	padding: 3px 10px;
	display: inline-block;
}
.gm_result span::before { color: #6b5744; padding-right: 5px; }
.gm_result span:nth-of-type(1)::before { content:"\f058"; }
.gm_result span:nth-of-type(2)::before { font-family: 'Font Awesome 5 Pro'; content:"\f058"; }
.gm_result span:nth-of-type(3)::before { content:"\f00c"; }
.gm_result span:nth-of-type(4)::before { content:"\f00d"; }
.gm_result span:nth-of-type(5)::before { content:"\f057"; }
.gm_result span:nth-of-type(6)::before { content:"\f059"; }

.mvp-and-titles td {
	position: relative;
	vertical-align: top;
	width: 50%;
}
.mvp-and-titles-button {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
table.mvp-and-titles ul.mvp-and-titles-list {
	padding-bottom: calc( 10vw + 1em );
}
ul.mvp-and-titles-list {
	text-align: center;
}
.mvp-and-titles-search-list {
	margin: 0 6vw;
}
.mvp-and-titles-search-list img {
	max-width: 50%;
}
.mvp-and-titles-search-list ul.mvp-and-titles-list li + li {
	margin-top: 3vw;
}
.live-guide {
	margin: 1em 3vw 0;
	padding: 0.75em 1.3em 0.75em 0.75em;
	background: #fffaf0;
	border: 1px solid #c7afa0;
	border-radius: 5px;
}
.live-guide-image-area {
	width: 28.125vw;
	float: left;
}
.live-guide-image {
	width: 28.125vw;
	display: block;
}
.live-guide-data-area {
	margin-left: 30vw;
}
.live-guide-title {
	font-weight: bold;
	padding-bottom: 0.5em;
}
.live-guide-data-area::after {
	content: "";
	display: block;
	clear: left;
}

ul.ss-sample-list {
	list-style-type: circle;
	margin-left: 15px;
}

/*====================================================================================================
	Contents: Shop - BuyPoint
======================================================================================================*/
.point_list {
	width: 80%;
	margin: 0 auto;
}
.point_list li {
	margin: 0;
	padding: 1.5vw 3vw calc(1.5vw + 6px);
	background: url("../images/common/img_hr01.png") repeat-x 0 100%;
}
.buy_confirm {
	font-size: 3.125vw;
	text-indent: 3em;
	font-weight: bold;
}
.buy_confirm:before {
	padding-right: 5px;
	content:"\f152";

}
/*====================================================================================================
	Contents: Shop - Normal
======================================================================================================*/
.sp_itemlist .sp_item_name {
	width: 16vw;
}
.buybtn button {
	width: 12.5vw;
	font-size: 2vw;
}
.sp_itemlist {
	height: 100%;
}
.sp_itemlist td {
	padding: 1.5vw;
}
.sp_itemlist tr.equip > td {
	background-color: #ffc;
}
.sp_itemlist .item-name {
	padding: 0;
	height: 100%;
}
.sp_itemlist .item-name > div {
	display: table;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.sp_itemlist .item-name > div > div {
	display: table-row;
}
.sp_itemlist .item-name > div > div > * {
	display: table-cell;
	vertical-align: middle;
	padding: 1.5vw;
}
.sp_itemlist .item-name > div > div > * + div {
	padding-left: 0;
}
.sp_itemlist .item-name .check {
	width: 1px;
}
.sp_itemlist .item-name .icon {
	max-width: none;
	width: 7.5vw;
}
.sp_itemlist .item-name .icon img {
	display: block;
}
.sp_itemlist .item-description {
	width: 45%;
}
.sp_itemlist .item-name-text {
	min-width: 14vw;
}
.sp_itemlist .item-price {
	text-align: right;
	width: 4em;
}
.sp_itemlist .item-have-count {
	text-align: right;
}
.sp_itemlist .actions {
	white-space: nowrap;
	width: 1px;
}
.sp_itemlist .actions button {
	padding-left: 1.5vw;
	padding-right: 1.5vw;
}
.sp_itemlist .item-icon-removing > img {
	box-shadow: 0 0 0 0.4vw red;
}

.item-action-container {
	width: 100%;
}
.item-action {
	width: 100vw;
	margin: auto;
	overflow: hidden;
}
.item-action-inner > * {
	margin-right: 11vw;
}
.item-action-inner {
	margin-top: 4px;
	background-color: rgba(255, 255, 255, 0);
	box-shadow: 0 0 0 0 transparent;
	-webkit-transition: background-color,box-shadow 0.5s linear;
	transition: background-color,box-shadow 0.5s linear;
}
.item-action.bottom-fixed {
	position: fixed;
	bottom: 0;
}
.item-action.bottom-fixed .item-action-inner {
	background-color: rgba(255, 255, 255, 0.67);
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.67);
}
.item-action-buttons span {
	display: inline-block;
	padding-bottom: 1em;
}
.item-mark-star::before {
	display: inline;
	content: '★';
	color: #C40026;
}
.item-mark-mark::before {
	display: inline;
	content: '◆';
	color: green;
}
.item-mark-collection::before {
	display: inline;
	content: '★';
	color: #FC0;
}


/*====================================================================================================
	Contents: Item - Rename
======================================================================================================*/
.form_itemrename hr {
	border: 0;
	margin: 1.35em auto;
	max-width: 90%;
	background-position: 50%;
	box-sizing: border-box;
	height: 1px;
	color: #bea981;
	background-image: linear-gradient(90deg, rgba(255,0,0,0), #bea981 50%, rgba(255,0,0,0) 100%);
}

.form_itemrename dt.ir_before {
}
.form_itemrename dd.ir_before {
	color: #888;
}
.form_itemrename dt.ir_after {
	color: #6b5744;
	font-weight: bold;
}
.form_itemrename dd.ir_after {
}
.form_itemrename input {
	width: 60vw;
}
.form_itemrename textarea {
	padding: 5px;
	width: 60vw;
}

.form_itemrename table{
	background-color:none;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-left: 3px solid #c7afa0;
}
.form_itemrename table th {
	border-left: none;
	border-top: none;
	border-bottom: 1px solid #ccc;
}
.form_itemrename table td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.form_itemrename table .ir_before th,
.form_itemrename table .ir_before td{
	color: #999;
}


/*====================================================================================================
	Contents: Shop - Item Upgrade
======================================================================================================*/
.upgrade-items .explain-icon {
	float: left;
}
.upgrade-items .explain-item-description {
	margin-left: calc(50px + 1.5vw);
}
.upgrade-items .item-enhance-level,
.upgrade-items .item-enhance-rarity,
.upgrade-items .item-enhance-desire {
	color: #c10939;
	font-weight: bold;
}


/*====================================================================================================
	Contents: Shop - Item Detail
======================================================================================================*/
.box_itemdetail {
	padding: 0;
	margin: auto;
}
.box_itemdetail p {
	width: 100%;
	padding-right: 4.6vw;
}
.box_itemdetail p img {
	width: 150px;
}
.box_itemdetail p.iconbtn {
	width: 100%;
}

.box_itemdetail dl {
	width: 100%;
}

.box_itemdetail dt:nth-of-type(1),
.box_itemdetail dd:nth-of-type(1) {
	border: 0;
}

.box_itemdetail dt {
	border-top: 1px solid #c7afa0;
	padding: 2vw 0 0;
	clear: both;
	color: #6b5744;
	font-weight: bold;
	font-size: 2.5vw;
	width: 20vw;
	float: left;
}
.box_itemdetail dt::before {
	font-family: 'Font Awesome 5 Pro'; 
	padding-right: 5px;
}
.box_itemdetail dt.it_price::before { content:"\f2e8"; }
.box_itemdetail dt.it_exp::before { content:"\f1ea"; }
.box_itemdetail dt.it_desire::before { content:"\f1ea"; }
.box_itemdetail dt.it_source::before { content:"\f02b"; }
.box_itemdetail dt.it_num::before { content:"\f01c"; }

.box_itemdetail table.table_desire,
.box_itemdetail table.table_desire tr,
.box_itemdetail table.table_desire th,
.box_itemdetail table.table_desire td {
	width: auto;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	color: auto;
}
.box_itemdetail table.table_desire td {
	padding-left: 1em;
}

.box_itemdetail dd {
	border-top: 1px solid #c7afa0;
	margin-left: 20vw;
	padding: 2vw 0 1em;
}
.it_rename {
	border-top: 1px solid #c7afa0;
	margin: 4vw auto;
	padding: 4vw 0;
	width: 85vw;
	text-align: center;
	font-size: 3vw;
}

.it_rename a, .it_rename button {
	margin: 0 auto;
	padding: 2vw 0;
	border-radius: 5px;
	color: #fff;
	display: block;
	width: 85vw;
	background: #6b5744;
	border: 1px solid #3e342a;
	text-align: center;
	text-decoration: none;
}
article.alt .it_rename a, article.alt .it_rename button {
	background: #44596d;
	border-color: #263e54;
	color: white;
}
.it_rename a::before, .it_rename button::before {
	content:"\f044";
	padding-right: 10px;
}
.it_rename a:hover, .it_rename button:hover {
	opacity: 0.7;
}
.it_rename button[disabled], .it_rename a.disabled {
	background: #888;
	border: 1px solid #555;
}

.box_itemdetail dl:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
* html .box_itemdetail dl {
	height: 1em;
	overflow: visible;
}

.it_weapon01::before,
.it_weapon02::before,
.it_weapon03::before {
	font-family: 'Font Awesome 5 Pro'; 
	padding-right: 5px;
}
.it_weapon01::before { content:"\f0e3"; }
.it_weapon02::before { content:"\f424"; }
.it_weapon03::before { content:"\f1e5"; }
.it_weapon01,
.it_weapon02,
.it_weapon03,
.it_unit {
	color: #6b5744;
	font-weight: bold;
}
.it_grant { background-color: #e3e9ff; color: #c5004c; font-weight: bold;  }

/* item detail - character - */
.box_itemdetail p.iconbtn,
.box_itemdetail form {
	text-align: center;
	width: 100%;
}
.box_itemdetail button {
	border-radius: 5px;
	color: #fff;
	font-size: 1.875vw;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
	text-decoration: none;
	background: #6b5744;
	border: 1px solid #3e342a;
	cursor: pointer;
	padding: 5px 10px;
	width: 16vw !important;
}
article.alt .box_itemdetail button {
	color: black;
}

/*====================================================================================================
	Contents: Shop - Background Search List
======================================================================================================*/
.ill_list.shop_bg li {
	width: 30vw;
	max-height: 100vh !important;
	vertical-align: top;
}
.ill_list .ill_cat::before {
	color: #6b5744;
	content:"\f02b";
	margin-right: 5px;
}
.ill_list .ill_creator::before {
	color: #6b5744;
	content:"\f007";
	margin-right: 5px;
}
.ill_list .ill_rc {
	margin-bottom: 3px;
}
.ill_list .ill_rc::before {
	font-family: 'Font Awesome 5 Pro'; 
	color: #6b5744;
	content:"\f2e8";
	margin-right: 5px;
}
.ill_list .ill_rc span {
	background-color: #6b5744;
	color: #fff;
	display: inline-block;
	font-size: 1.5625vw;
	margin-left: 5px;
	padding:0 5px;
}
.ill_list .ill_period {
	padding: 1vw 0;
	background: #c7afa0;
	color: #fff;
	border-radius: 5px;
	font-size: 1.875vw;
	text-align: center;
}


/*====================================================================================================
	Contents: Shop - Background Illust Detail
======================================================================================================*/
.box_bgdetail {
	display: table;
	padding: 1.6vw 0;
	margin: 0 auto;
}

.box_bgdetail dl {
	display: table-cell;
	vertical-align: top;
	padding: 1.6vw 0 0;
}

.box_bgdetail dt:nth-of-type(1),
.box_bgdetail dd:nth-of-type(1) {
	border: 0;
}

.box_bgdetail dt {
	border-top: 1px solid #c7afa0;
	padding: 2vw 0 0;
	clear: both;
	color: #6b5744;
	font-weight: bold;
	font-size: 2.5vw;
	width: 30vw;
	float: left;
}
.box_bgdetail dt::before {
	font-family: 'Font Awesome 5 Pro'; 
	padding-right: 5px;
}
.box_bgdetail dt.it_price::before { content:"\f2e8"; }
.box_bgdetail dt.it_exp::before { content:"\f1ea"; }
.box_bgdetail dt.it_cat::before { content:"\f02b"; }
.box_bgdetail dt.it_creator::before { content:"\f007"; }
.box_bgdetail dt.it_num::before { content:"\f01c"; }
.box_bgdetail dt.it_time_start::before { content:"\f017"; font-weight: 400; }
.box_bgdetail dt.it_time_end::before { content:"\f017"; font-weight: 900; }

.box_bgdetail dd {
	border-top: 1px solid #c7afa0;
	margin-left: 20vw;
	padding: 2vw 0 1em;
	width: 65vw;
}
.box_bgdetail dl:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
* html .box_bgdetail dl {
	height: 1em;
	overflow: visible;
}

.bg-preview {
	text-align: center;
}
.bg-preview .character-bustup-merge-preview {
	margin: 1em auto;
	box-sizing: content-box;
	width: 270px;
	height: 360px;
	border: #c7afa0 solid 2px;
	position: relative;
}

/* item detail - character - */
.box_bgdetail form {
	text-align: center;
	width: 20vw;
}

.box_bgdetail button {
	border-radius: 5px;
	color: #fff;
	font-size: 1.875vw;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
	text-decoration: none;
	background: #6b5744;
	border: 1px solid #3e342a;
	cursor: pointer;
	padding: 5px 10px;
	width: 16vw !important;

}

.preview-select {
	padding: 5px 0;
	max-width: 90vw;
}

/*====================================================================================================
	Contents: Shop - Background Search List
======================================================================================================*/
.blackmarket-log tbody td {
	background: transparent;
}
.blackmarket-log tbody tr {
	background: white;
}
.blackmarket-log .rarity-5,
.blackmarket-log .rarity-6,
.blackmarket-log .rarity-7,
.blackmarket-log .rarity-7.alt-item {
	background: rgb(255,204,204);
	background: -moz-linear-gradient(-45deg, rgba(204,204,255,1) 0%, rgba(218,255,255,1) 10%, rgba(233,255,233,1) 20%, rgba(255,255,248,1) 30%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(248,255,255,1) 70%, rgba(233,255,233,1) 80%, rgba(255,255,218,1) 90%, rgba(255,204,204,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(204,204,255,1) 0%, rgba(218,255,255,1) 10%, rgba(233,255,233,1) 20%, rgba(255,255,248,1) 30%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(248,255,255,1) 70%, rgba(233,255,233,1) 80%, rgba(255,255,218,1) 90%, rgba(255,204,204,1) 100%);
	background: linear-gradient(-45deg, rgba(204,204,255,1) 0%, rgba(218,255,255,1) 10%, rgba(233,255,233,1) 20%, rgba(255,255,248,1) 30%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(248,255,255,1) 70%, rgba(233,255,233,1) 80%, rgba(255,255,218,1) 90%, rgba(255,204,204,1) 100%);
}
.blackmarket-log .rarity-4,
.blackmarket-log .rarity-6.alt-item {
	background: rgb(255,239,172);
	background: -moz-linear-gradient(-45deg, rgba(255,239,172,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(255,239,172,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(255,239,172,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(255,239,172,1) 100%);
	background: linear-gradient(-45deg, rgba(255,239,172,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(255,239,172,1) 100%);
}
.blackmarket-log .rarity-3,
.blackmarket-log .rarity-5.alt-item {
	background: rgb(237,237,237);
	background: -moz-linear-gradient(-45deg, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(237,237,237,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(237,237,237,1) 100%);
	background: linear-gradient(-45deg, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(237,237,237,1) 100%);
}
.blackmarket-log .rarity-2,
.blackmarket-log .rarity-4.alt-item {
	background: rgb(235,206,194);
	background: -moz-linear-gradient(-45deg, rgba(235,206,194,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(235,206,194,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(235,206,194,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(235,206,194,1) 100%);
	background: linear-gradient(-45deg, rgba(235,206,194,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(235,206,194,1) 100%);
}
.blackmarket-log .rarity-3.alt-item {
	background: rgb(207,229,255);
	background: -moz-linear-gradient(-45deg, rgba(207,229,255,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(207,229,255,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(207,229,255,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(207,229,255,1) 100%);
	background: linear-gradient(-45deg, rgba(207,229,255,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(207,229,255,1) 100%);
}
.blackmarket-log .rarity-2.alt-item {
	background: rgb(214,255,202);
	background: -moz-linear-gradient(-45deg, rgba(214,255,202,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(214,255,202,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(214,255,202,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(214,255,202,1) 100%);
	background: linear-gradient(-45deg, rgba(214,255,202,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(214,255,202,1) 100%);
}
.blackmarket-log .rarity-1 {
}
.blackmarket-log .rarity-0 {
	background: rgb(234,219,240);
	background: -moz-linear-gradient(-45deg, rgba(234,219,240,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(234,219,240,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(234,219,240,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(234,219,240,1) 100%);
	background: linear-gradient(-45deg, rgba(234,219,240,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(234,219,240,1) 100%);
}

/*====================================================================================================
	Contents: Character - Bustup Settings
======================================================================================================*/

.character-bustup-merge-preview {
	width: 270px;
	height: 360px;
	position: relative;
	background-color: black;
}

.character-bustup-merge-preview > img {
	position: absolute;
	bottom: 0;
	right: 0;
	width: auto;
	height: auto;
}
.character-bustup-merge-preview.fg {
	background: none;
}
.character-bustup-merge-preview.fg .background-preview,
.character-bustup-merge-preview .foreground-preview {
	position: relative;
	z-index: 2;
}
.character-bustup-merge-preview .bustup-preview {
	width: 270px;
	height: 360px;
	z-index: 1;
}
.character-bustup-merge-preview .bustup-preview-logo-type {
	z-index: 3;
}


ul.bgset {
	padding-top: 0;
}
ul.bgset li {
	display: inline-block;
	text-align: center;
	padding: 5px;
	margin: 10px 0 15px;
}
ul.bgset li:target {
	box-shadow: red 0 0 0 2px;
}
ul.bgset li img {
	display: block;
	width: 90px;
	margin-bottom: 5px;
}

.backbone_preview li {
	width: 50%;
	display: inline-block;
	margin-bottom: 1em;
}
.backbone_preview li * {
	vertical-align: middle;
}
.backbone_preview input + span {
	margin-left: 5px;
	border: solid 5px transparent;
	display: inline-block;
	width: 80%;
}
.backbone_preview input + span img {
	width: 100%;
}
.backbone_preview :checked + span {
	box-shadow: 0 0 0 5px #c7afa0;
	border-color: white;
}


/*====================================================================================================
	Contents: Character - Bustup changing
======================================================================================================*/

.charasheet-bustup-wrapper,
.charasheet-backbone-wrapper,
.ttl_visual-top-wrapper {
	position: relative;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.charasheet-bustup-wrapper {
	width: 100%;
}
.charasheet-bustup-wrapper:before {
	content:"";
	display: block;
	padding-top: 133.333%;
}
.charasheet-backbone-wrapper {
	width: 100%;
}
.charasheet-backbone-wrapper:before {
	content:"";
	display: block;
	padding-top: 56.25%;
}
.ttl_visual-top-wrapper {
	width: 100%;
}
.ttl_visual-top-wrapper:before {
	content:"";
	display: block;
	padding-top: 56.25%;
}
.charasheet-bustup,
.charasheet-bustup-list,
.charasheet-bustup-swiper,
.charasheet-backbone,
.charasheet-backbone-list,
.charasheet-backbone-swiper,
.ttl_visual-top,
.ttl_visual-top-list,
.ttl_visual-top-swiper {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.charasheet-bustup-list > img,
.charasheet-backbone-list > img,
.ttl_visual-top-list > * {
	position: absolute;
	top: 0;
	left: 0;
}
.ttl_visual-top-list > a {
	width: 100%;
}
.charasheet-bustup-list > img:last-child,
.charasheet-backbone-list > img:last-child,
.ttl_visual-top-list > *:last-child {
	left: -100%;
}

.charasheet-bustup-list,
.charasheet-backbone-list,
.ttl_visual-top-list {
	overflow: hidden;
}
.charasheet-bustup-list > img.move-prev,
.charasheet-backbone-list > img.move-prev,
.ttl_visual-top-list > *.move-prev {
	transition: left ease-out 0.3s;
	left: 0;
}
.charasheet-bustup-list > img.move-next,
.charasheet-backbone-list > img.move-next,
.ttl_visual-top-list > *.move-next {
	transition: left ease-in 0.3s;
	left: -100%;
}
.charasheet-bustup-swiper,
.charasheet-backbone-swiper,
.ttl_visual-top-swiper {
	opacity: 0;
	transition: opacity 0.5s;
}
.charasheet-bustup:hover .charasheet-bustup-swiper,
.charasheet-backbone:hover .charasheet-backbone-swiper,
.ttl_visual-top:hover .ttl_visual-top-swiper {
	opacity: 1;
}
.charasheet-bustup-swiper-left,
.charasheet-backbone-swiper-left,
.ttl_visual-top-swiper-left {
	position: absolute;
	width: 32px;
	height: 32px;
	left: 0;
	top: calc( 50% - 16px );
	background: url("images/controls.png") 0 -32px no-repeat;
	cursor: pointer;
}
.charasheet-bustup-swiper-right,
.charasheet-backbone-swiper-right,
.ttl_visual-top-swiper-right {
	position: absolute;
	width: 32px;
	height: 32px;
	right: 0;
	top: calc( 50% - 16px );
	background: url("images/controls.png") -43px -32px no-repeat;
	cursor: pointer;
}

.charasheet-bustup-swiper-left:hover,
.charasheet-backbone-swiper-left:hover,
.ttl_visual-top-swiper-left:hover {
	background: url("images/controls.png") 0 0 no-repeat;
}
.charasheet-bustup-swiper-right:hover,
.charasheet-backbone-swiper-right:hover,
.ttl_visual-top-swiper-right:hover {
	background: url("images/controls.png") -43px 0 no-repeat;
}

.charasheet-bustup-swiper-num,
.charasheet-backbone-swiper-num,
.ttl_visual-top-swiper-num {
	opacity: 0;
	position: absolute;
	right: 0.5em;
	bottom: 0.5em;
	padding: 0.3em 0.8em;
	line-height: 1em;
	background-color: rgba(255, 255, 255, 0.8);
	transition: opacity 0.3s;
	border-radius: 1em;
}
.charasheet-bustup-swiper-num.shown,
.charasheet-backbone-swiper-num.shown,
.ttl_visual-top-swiper-num.shown {
	opacity: 1;
}

/*====================================================================================================
	Contents: Arena
======================================================================================================*/

table.arena_battle_settings,
table.arena_battle_settings tbody td {
	height: 100%;
}
table.arena_battle_settings td.setting-active {
	padding: 0;
	width: 1em;
	text-align: center;
}
table.arena_battle_settings th.setting-index {
	white-space: nowrap;
}
table.arena_battle_settings td.setting-index {
	text-align: center;
	width: 1em;
	white-space: nowrap;
}
table.arena_battle_settings td.setting-condition,
table.arena_battle_settings td.setting-target {
	min-width: calc( 15em + 3vw );
}
table.arena_battle_settings td.setting-motion {
	font-size: 100%;
	width: 3em;
	text-align: center;
	white-space: nowrap;
}
table.arena_battle_settings td.setting-active label {
	display: block;
	width: 100%;
	height: 100%;
	padding: 1.5vw;
}
table.arena_battle_settings td.setting-active label > * {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

table.arena_battle_settings tr.inactive td {
	background-color: #CCC;
}

table.arena_battle_settings .move-up,
table.arena_battle_settings .move-down {
	text-decoration: none;
}

table.arena_battle_settings tbody tr:first-child .move-up,
table.arena_battle_settings tbody tr:last-child .move-down {
	visibility: hidden;
}

table.arena_battle_settings input[type="number"] {
	width: 4em;
	text-align: right;
}

.message-image-setting,
.message-text-setting {
	display: block;
}
.message-image-setting select,
.message-voice-setting select {
	padding: 2vw;
}
.message-image-setting > *,
.message-voice-setting > *,
.message-text-setting > * {
	display: inline-block;
	vertical-align: middle;
}
.message-image-setting img[src="about:blank"] {
	display: none;
}
.message-text-setting-inner {
	margin-left: 0.5em;
	width: calc(100% - 3.6em);
}
.message-text-setting-inner input {
	width: calc(100% - 2px - 4vw);
}
.message-image-setting .message-image-setting-image,
.message-voice-setting .message-voice-setting-voice {
	margin: 0 0.5em;
	background-color: #f4e7d3;
}
article.alt .message-image-setting .message-image-setting-image,
article.alt .message-voice-setting .message-voice-setting-voice {
	background-color: #e4f2ff;
}
.message-image-setting .message-image-setting-inner select,
.message-voice-setting .message-voice-setting-inner select {
	width: 100%;
}
.message-image-setting.icon .message-image-setting-image,
.message-image-setting.icon .message-image-setting-image img {
	width: 7.8125vw;
	height: 7.8125vw;
}
.message-image-setting.icon .message-image-setting-inner {
	width: calc(100% - 7.8125vw - 5.1em);
	text-align: right;
}
.message-image-setting.pinup .message-image-setting-image,
.message-image-setting.pinup .message-image-setting-image img {
	width: 18.75vw;
	height: 14.0625vw;
}
.message-image-setting.pinup .message-image-setting-image[data-type="h"] img {
	margin-left: 4.1015625vw;
	width: 10.546875vw;
	height: 14.0625vw;
}
.message-image-setting.pinup .message-image-setting-inner {
	width: calc(100% - 18.75vw - 6.1em);
	text-align: right;
}
.message-image-setting-select-by-list {
	font-size: 3vw;
	padding: 2vw 0;
	display: inline-block;
}

.message-voice-setting .message-voice-setting-voice .message-voice-setting-voice-audio {
	display: block;
	font-size: 7.8125vw;
	width: 1em;
	height: 1em;
	color: gray;
}
.message-voice-setting .message-voice-setting-voice .message-voice-setting-voice-audio.enabled {
	color: black;
	cursor: pointer;
}
.message-voice-setting .message-voice-setting-inner {
	width: calc(100% - 7.8125vw - 4.1em);
	text-align: right;
	margin-bottom: 0.5em;
}

.condition-main,
.condition-param-chara_id,
.condition-param-percent,
.condition-predicate-param-number,
.target-main,
.target-param-chara_id,
.target-param-percent,
.target-predicate-param-number {
	white-space: nowrap;
}
article section .condition-param-chara_id input[type="text"],
article section .target-param-chara_id input[type="text"] {
	width: 6em;
	padding: 0;
}
span.action-param-subaction {
	padding-left: 2em;
	display: inline-block;
}

.condition-predicate-param-bs .bs-list label,
.target-predicate-param-bs .bs-list label {
	display: inline-block;
	margin-left: 1em;
	white-space: nowrap;
}

.action-param-move,
.action-sub {
	white-space: nowrap;
}

dl.arena-setting-menu {
	width: 90vw;
	margin: 0 auto;
	padding: 0;
}
dl.arena-setting-menu dt {
	position: relative;
	margin: 2vw auto 0;
	padding: .75em 0;
	font-size: larger;
	font-weight: bold;
	border-top: 2px solid #c7afa0;
	border-bottom: 2px solid #c7afa0;
}

dl.arena-setting-menu dd {
	padding-left: 2em;
}

.arena-setting-manage-header {
	text-align: right;
}
.arena-setting-manage-name {
	float: left;
	text-align: left;
}

table.arena-setting-manage-set:first-child button[name="move-up"],
table.arena-setting-manage-set:last-child button[name="move-down"] {
	visibility: hidden;
}

table.arena-battle-team.single-team {
	width: 47vw;
}

.arena-battle-team td {
	vertical-align: top;
}
.arena-battle-team td.icon {
	padding: 1vw 1vw;
	width: 10vw;
	background-color:#f4e7d3;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
article.alt .arena-battle-team td.icon {
	background-color:#e4f2ff;
}
.arena-battle-team td.icon img {
	width: 8vw;
}
.arena-battle-team td.character {
	padding: 2vw 2vw;
	width: 36vw;
	background-color:#fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.arena-battle-team td.character .position {
	display: none;
}

.arena-battle-team td p,
.arena-battle-team td dl {
	padding: 0;
}

.arena-battle-event-banner {
	text-align: center;
}
h3 + .arena-battle-event-banner {
	padding-top: 1em;
}
.arena-battle-event {
	margin: 0 auto 1em;
	padding: 10px;
	background-color: #fffaf0;
	border: 1px solid #c7afa0;
	position: relative;
	width: 94vw;
	text-align: left;
}
article.alt .arena-battle-event,
.arena-battle-event.alt {
	background-color:#e4f2ff;
	border-color: #6a859b;
}
.arena-battle-event.as-player {
	background-color:#ffe4f2;
	border-color: #9b6a85;
}
.arena-battle-event-my-entry {
	color: red;
}
.arena-battle-event.entry-denied {
	background-color: #eee;
	border: 1px solid #bbb;
}
.arena-battle-event.entry-denied:hover { opacity: 1; }
.arena-battle-event.entry-denied .arena-battle-event-ttl,
.arena-battle-event.entry-denied .arena-battle-event-summary {
	color: #888;
}

.arena-battle-event.entry-denied img {
	-webkit-filter: grayscale(1); /* Webkit */
	filter: gray; /* IE6-9 */
	filter: grayscale(1); /* W3C */
	&:hover {
		-webkit-filter: grayscale(0); /* Webkit */
		filter: none; /* IE6-9 */
		filter: grayscale(0); /* W3C */
	}
}

.arena-battle-event.my-entry::after {
	position: absolute;
	content: '\f336';
	bottom: 3vw;
	right: 1vw;
	font-size: 10vw;
	color: #f6b280;
	z-index:1;
}
.arena-battle-event.my-entry.as-helper::after {
	color: #a0b9eb;
}
.arena-battle-event.won-event::after {
	position: absolute;
	content: '\f091';
	bottom: 3vw;
	right: 1vw;
	font-size: 10vw;
	font-weight: bold;
	color: #f6b280;
	z-index:1;
}
.arena-battle-event.won-event.as-helper::after {
	color: #a0b9eb;
}
.arena-battle-event.locked::after {
	position: absolute;
	content: '\f30d';
	bottom: 3vw;
	right: 1vw;
	font-size: 10vw;
	color: #bbb;
	z-index:1;
}

.arena-battle-event-view {
	position: relative;
}
.arena-battle-event-view > img {
	display: block;
	width: 100%;
	height: auto;
}
.arena-battle-event-view > .arena-battle-event-icon {
	position: absolute;
	top: 2vw;
	left: 2vw;
}
.arena-battle-event.locked .arena-battle-event-view::after {
	content: "\f30d";
	display: block;
	position: absolute;
	font-weight: bold;
	color: gray;
	opacity: 0.8;
	text-shadow: 3px 0 0 white, -3px 0 0 white, 0 3px 0 white, 0 -3px 0 white, 2px 2px 0 white, 2px -2px 0 white, -2px 2px 0 white, -2px -2px 0 white;
	font-size: 20vw;
	line-height: 1em;
	right: 2vw;
	bottom: 2vw;
	width: 20vw;
	height: 20vw;
}
.arena-battle-event-view > .arena-battle-event-icon img {
	width: 20vw;
	height: 20vw;
}
.arena-battle-event-ttl {
	color: #6b5744;
	padding: .25em 0;
	font-size: 4vw;
	font-weight: bold;
}
.arena-battle-event-ttl:before {
	content: "\f458";
	margin-right: 5px;
}
.arena-battle-event-ttl2 {
	display: inline-block;
	padding-left: 2em;
	font-size: 60%;
}
.alt .arena-battle-event-ttl {
	color: #44596d;
}
.arena-battle-event-summary {

}
.arena-battle-team-password,
.arena-battle-team-guild {
	display: inline-block;
	margin: 0 .5em .25em 0;
	padding: 0 1em;
	border-radius: 100px;
	background-color: #ddd;
}
.arena-dungeon-enemy-list img {
	max-width: none;
}

/* room */
.arena-battle-event.room.nomargin {
	margin-bottom: 0;
}
.room .arena-battle-event-ttl {
	padding-right: 10vw;
}
.arena-battle-event.room.locked .arena-battle-event-view::after {
	display: none;
	content: "";
}
.arena-battle-event.room {
	min-height: 16vw;
}
.room .arena-battle-event-view > .arena-battle-event-icon {
	top: 0;
	left: 0;
}
.room .arena-battle-event-view > .arena-battle-event-icon img {
	width: 12vw;
	height: 12vw;
}
.room .arena-battle-event-ttl,
.room .arena-battle-event-summary {
	margin-left: 16vw;
}
.room .arena-battle-event-ttl:before {
	content: "\f086";
	margin-right: 5px;
}
h1.room-chat {
	position: relative;
}
h1.room-chat .favo {
	background-color: transparent;
	top: 3.25vw;
	right: 3.25vw;
}

.arena-battle-end-detail {
	padding-bottom: 0;
	font-size: 2.5vw;
}
.arena-battle-end-detail + .arena-battle-end-detail {
	padding-top: 0;
}

.official-battle-list .arena-battle-event-icon img {
	max-width: 10vw;
}
.official-battle-list .official-battle-team-result {
	width: 25vw;
}
.official-battle-list .official-battle-team-result.win {
	background-color: #ffffc0;
}
.official-battle-list .official-battle-team-result.lose {
	background-color: #eee;
}
.official-battle-list .official-battle-team-result .arena-battle-event-icon {
	font-size: 0;
}
.official-battle-list .official-battle-team-result .arena-battle-event-icon img:nth-child(even) {
	margin-left: 2vw;
}
.official-battle-team-name, .official-battle-name {
	font-weight: bold;
	font-size: 3vw;
}
.official-battle-list .official-battle-team-result.my-team-result {
	box-shadow: 0 0 0 1vw rgba(255, 128, 0, 0.5) inset;
}
.official-battle-team-result-view {
	white-space: nowrap;
}
.official-battle-team-result-view img {
	max-width: 5vw;
}
.tournament {
	width: 96vw;
	margin: 10px auto 10px;
	background-color: #fffaf0;
	border: 1px solid #c7afa0;
	font-size: 0;
	line-height: 0;
}
.tournament-teams {
	float: left;
	width: 32vw;
}
.tournament-teams-team {
	padding: 1vw 0 1vw;
	text-align: right;
	height: 10vw;
}
.tournament-teams-team img {
	width: 8vw;
}
.tournament-chart {
	display: inline-block;
	width: 62.5vw;
}
.tournament-chart-level {
	display: inline-block;
}
.tournament-chart[data-levels="1"] > .tournament-chart-level {
	width: 62.5vw;
}
.tournament-chart[data-levels="2"] > .tournament-chart-level {
	width: 31.24vw;
}
.tournament-chart[data-levels="3"] > .tournament-chart-level {
	width: 20.8vw;
}
.tournament-chart[data-levels="4"] > .tournament-chart-level {
	width: 15.62vw;
}
.tournament-chart[data-levels="5"] > .tournament-chart-level {
	width: 12.45vw;
}
.tournament-chart[data-levels="6"] > .tournament-chart-level {
	width: 10.41vw;
}
.tournament-chart[data-levels="7"] > .tournament-chart-level {
	width: 8.9vw;
}
.tournament-chart[data-levels="8"] > .tournament-chart-level {
	width: 7.8vw;
}
.tournament-chart-cell {
	position: relative;
}
.tournament-chart-level[data-level="0"] > .tournament-chart-cell {
	height: 20vw;
}
.tournament-chart-level[data-level="1"] > .tournament-chart-cell {
	height: 40vw;
}
.tournament-chart-level[data-level="2"] > .tournament-chart-cell {
	height: 80vw;
}
.tournament-chart-level[data-level="3"] > .tournament-chart-cell {
	height: 160vw;
}
.tournament-chart-level[data-level="4"] > .tournament-chart-cell {
	height: 320vw;
}
.tournament-chart-level[data-level="5"] > .tournament-chart-cell {
	height: 640vw;
}
.tournament-chart-level[data-level="6"] > .tournament-chart-cell {
	height: 1280vw;
}
.tournament-chart-level[data-level="7"] > .tournament-chart-cell {
	height: 2560vw;
}
.tournament-line-1, .tournament-line-2, .tournament-line-3, .tournament-line-4, .tournament-line-5 {
	position: absolute;
	width: 2vw;
	height: 2vw;
	background-color: black;
}
.tournament-line-1 {
	top: calc( 25% - 1vw );
}
.tournament-line-2 {
	top: calc( 75% - 1vw );
}
.tournament-line-3 {
	top: calc( 25% - 1vw );
	left: calc( 50% - 1vw );
}
.tournament-line-4, .tournament-line-5 {
	left: calc( 50% - 1vw );
	top: calc( 50% - 1vw );
}
.tournament-line-1, .tournament-line-2, .tournament-line-5 {
	width: calc( 50% + 1vw );
}
.tournament-line-3, .tournament-line-4 {
	height: calc( 25% + 1vw );
}
.tournament-chart-up-win > .tournament-line-1,
.tournament-chart-up-win > .tournament-line-3,
.tournament-chart-up-win > .tournament-line-5 {
	background-color: red;
}
.tournament-chart-down-win > .tournament-line-2,
.tournament-chart-down-win > .tournament-line-4,
.tournament-chart-down-win > .tournament-line-5 {
	background-color: red;
}

/*====================================================================================================
	Contents: Arena - Dungeon
======================================================================================================*/
.dungeon-helper-search-result {
	display: table;
}
.dungeon-helper-search-result > li {
	display: table-row-group;
}
.dungeon-helper-search-result .character-search-result-label {
	display: table-row;
}
.dungeon-helper-search-result .character-search-result-label > div {
	display: table-cell;
	vertical-align: middle;
}
.dungeon-helper-search-result .character-search-result-label > div + div {
	padding-left: 0.3em;
}
.dungeon-helper-search-result-description {
	font-style: italic;
	font-size: 80%;
}
.dungeon-battle {
	margin-left: 1em;
}
.dungeon-battle::before {
	content: "\f71d";
	padding-right: 0.3em;
	display: inline-block;
}


/*====================================================================================================
	Contents: Arena - Practice Area
======================================================================================================*/
.battle_settings_publish dt {
	margin: 10px 20px 0 0;
	float: left;
}
.battle_settings_publish dd:before {
	content: "\f013";
}

.arena_battle_settings_pr {
	width: 3em;
	white-space: nowrap;
}
.arena_battle_settings td span.conditions,
.arena_battle_settings td span.action,
.arena_battle_settings td span.target {
	display: inline-block;
	margin: 0 .5em .25em 0;
	padding: 0 1em;
	border-radius: 100px;
}
.arena_battle_settings td span.conditions { background: #fdca8a;}
.arena_battle_settings td span.action { background: #d4eed6;}
.arena_battle_settings td span.target { background: #e3e9ff;}

.arena_battle_settings_test3 dl dt {
	margin-right: 10px;
	width: 50px;
	float: left;
}

.battle-log-switcher {
	visibility: hidden;
}
.battle-log-switcher.visible {
	visibility: visible;
}
.battle-log-switcher .btnstyle > a:before {
	display: inline-block;
	text-align: center;
	width: 1.5em;
	content: "\f4a6";
}
.battle-log-switcher .btnstyle.btnreset > a:before {
	content: "\f4a9";
}

.battle-log .detail,
.battle-log .selection {
	display: none;
}
.battle-log .summary.hidden {
	display: none;
}
.battle-log .detail.shown,
.battle-log .selection.shown {
	display: block;
}
.battle-log li.detail,
.battle-log li.selection {
	display: none;
}
.battle-log li.summary.hidden {
	display: none;
}
.battle-log li.detail.shown,
.battle-log li.selection.shown {
	display: list-item;
}

.battle-log .character.ko {
	background: silver;
}
.battle-log .log-message_hp,
.battle-log .log-message_ap {
	display: inline-block;
	margin: 0 .25em .25em 0;
	padding: 0 1em;
	border-radius: 100px;
}
.battle-log .log-message_hp { background: #fdca8a;}
.battle-log .log-message_ap { background: #b7eff2;}
.battle-log .log-enchant-info {
	color: darkgoldenrod;
}
.battle-log .log-bs-info {
	color: darkred;
}
.battle-log .log-enchant-info:empty,
.battle-log .log-bs-info:empty,
.battle-log .log-enchant-info:empty + .log-bs-info:empty + br {
	display: none;
}
.battle-log .log-enchant-info:not(:empty) + .log-bs-info:not(:empty) {
	padding-left: 1.5em;
}

.battle-log-content .selection {
	color: gray;
}
.battle-log-content .summary {
	font-weight: bold;
}

/*====================================================================================================
	Contents: Arena - Battle
======================================================================================================*/
.battle-log ul.turn-link {
	margin: 10px auto;
	padding: 0.5em;
	text-align: center;
	width: 95vw;
	height: auto;
	font-size: 2.5vw;
	background: none;
	background-color: #c7afa0;
	border-radius: 5px;
}
.battle-log ul.turn-link li {
	display: inline-block;
	border-right: 1px solid #6b5744;
	margin-right: 5px;
	padding-right: 5px;
}
.battle-log ul.turn-link li:last-of-type { border: 0; }
.battle-log ul.turn-link li a { color: #6b5744; }

.battle-log ul.turn-link li a.active{ font-weight: bold; text-decoration: none;}
.battle-log ul.turn-link li a.active::before {
	content: "\f0da";
	margin-right: 5px;
}
article.alt .battle-log ul.turn-link {
	background-color: #a7bbcd;
	border-right-color: #44596d;
}
article.alt .battle-log ul.turn-link li {
	border-color: #44596d;
}
article.alt .battle-log ul.turn-link li a {
	color: #44596d;
}

.battle-log h4 {
	vertical-align: middle;
}
.battle-log h4 a.map-check {
	margin-left: 10px;
	padding: 2px 10px;
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	line-height: 14px;
	border: 1px solid #6b5744;
	border-radius: 10px;
	text-decoration: none;
}
.battle-log h4 a.map-check::before {
	margin-right: 5px;
/*	content: "\f5a0"; */
}
.battle-log h4 a.map-check:hover {
	background: #6b5744;
	color: #fff;
}
.battle-log h4 a.map-check.hidden {
	visibility: hidden;
}
article.alt .battle-log h4 a.map-check {
	border-color: #44596d;
	color: #44596d;
}
article.alt .battle-log h4 a.map-check:hover {
	color: #e4f2ff;
	background-color: #44596d;
}

/* Battle Log
----------------------------------------------------------------------------- */
.battle-log-area {
	position: relative;
	clear: both;
	margin: 1em auto 0;
	width: 90vw;
	font-size: 2.5vw;
	border: 1px solid #c7afa0;
	border-radius: 5px;
}
.battle-log-area				{ background: linear-gradient( 90deg, #fff, #e9dbc4); }
.battle-log-area.rightlog	{ background: linear-gradient( -90deg, #fff, #e9dbc4); }
article.alt .battle-log-area {
	border-color: #44596d;
}
article.alt .battle-log-area				{ background: linear-gradient( 90deg, #fff, #e4f2ff); }
article.alt .battle-log-area.rightlog	{ background: linear-gradient( -90deg, #fff, #e4f2ff); }
.battle-log-area {
	left: -2vw;
}
.battle-log-area.rightlog {
	left: +2vw;
}

.battle-log-icon {
	width: 10vw;
	float: left;
}
.battle-log-icon img {
	margin: 1.5625vw;
	width: 9vw;
	height: 9vw;
	background: #fff;
}
.battle-log-icon span {
	display: inline-block;
	position: absolute;
	padding: 0 2vw;
	top: 2.5vw;
	left: 13vw;
	font-weight: bold;
	background-color: #fff;
	border: 1px solid #c7afa0;
	border-radius: 50px;
}
article.alt .battle-log-icon span {
	border-color: #44596d;
}
.battle-log-message {
	font-style: italic;
	font-weight: bold;
}
.battle-log-area.rightlog {
	text-align: right;
}
.battle-log-content {
	padding: 8vw 5vw 2vw 13vw;
}
.battle-log-area.rightlog .battle-log-icon {
	margin-right: 5vw;
	width: 7.8125vw;
	float: right;
}
.battle-log-area.rightlog .battle-log-icon span {
	right: 13vw;
	left: auto;
}
.battle-log-area.rightlog .battle-log-content {
	padding: 8vw 13vw 2vw 5vw;
}
.battle-log-area .battle-log-content + .battle-log-content {
	padding-top: 0;
}
.battle_maplink {
	margin-left: 10px;
	padding: 2px 10px;
	display: inline-block;
	font-size: 12px;
	line-height: 14px;
	border: 1px solid #6b5744;
	border-radius: 10px;
	text-decoration: none;
}
.battle_maplink::before {
	margin-right: 5px;
	content: "\f5a0";
}
.battle_maplink:hover {
	background: #6b5744;
	color: #fff;
}
article.alt .battle_maplink {
	border-color: #44596d;
}
article.alt .battle_maplink:hover {
	background: #44596d;
}
.battleimglist .img_icon img {
	width: 50px;
}
.battleimglist .img_pinup img {
	max-width: 95vw;
	height: auto;
}
.battleimglist .name_illustrator {
	width: 100px;
}


/*====================================================================================================
	Contents: information
======================================================================================================*/
.topics_body {
	position: relative;
	margin:10px auto 0;
	width: 98vw;
}
.box_topics,
.box_topics2 {
	position: relative;
	padding: 5px 10px;
	border-top: 1px dotted #d6c4ae;
}
.box_topics3 {
	position: relative;
	padding: 5px 10px;
}
.box_topics:nth-of-type(1),
.box_topics2:nth-of-type(1) {
	border-top: 0;
}
.box_topics .topics_title,
.box_topics2 .topics_title,
.box_topics3 .topics_title {
	font-weight: 700;
}
.box_topics2 .topics_title {
	width: 63vw;
	text-indent: -.7em;
	padding-left: 1em;
}

.box_topics3 .topics_title {
	padding: 5px 10px;
	background: #d6c4ae;
	border-radius: 5px;
}
.box_topics .topics_title:before,
.box_topics2 .topics_title:before,
.box_topics3 .topics_title:before {
	content: "\f0da";
	margin-right: 5px;
}
.box_topics .topics_date,
.box_topics2 .topics_date {
	position: absolute;
	top: 8px;
	right: 10px;
	text-align: right;
	font-size: 12px;
}
.box_topics3 .topics_date {
	position: absolute;
	top: 10px;
	right: 15px;
	text-align: right;
	font-size: 12px;
	color: #fff;
}
.box_topics .topics_txt p,
.box_topics3 .topics_txt p {
	padding: .5em 0 .5em 1em;
}
.box_topics3 .topics_txt {
	border-bottom: 1px dotted #d6c4ae;
}
.box_topics2 .topics_txt {
	display: none;
}

.topics_detail_body .topics_date {
	margin-right: 1em;
	text-align: right;
	font-size: 12px;
}

/*====================================================================================================
	Contents: Territory
======================================================================================================*/

.territory-area-select {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-user-select: none;
	user-select: none;
}
.territory-area {
	width: 22.705078125vw;
	height: 22.705078125vw;
	position: absolute;
	display: inline-table;
	background-color: rgba(255, 238, 204, 0.5);
	background-size: contain;
	box-shadow: 0 0 0.3vw 0.3vw #fec;
}
.territory-area.unreleased {
	background-color: rgba(204, 204, 204, 0.5);
	box-shadow: 0 0 0.3vw 0.3vw #ccc;
}
.territory-area[data-x="0"] {
	left: 24.21875vw;
}
.territory-area[data-x="1"] {
	left: 49.951171875vw;
}
.territory-area[data-y="0"] {
	top: 3.02734375vw;
}
.territory-area[data-y="1"] {
	top: 28.759765625vw;
}
.territory-area-select:not(.nohighlighted) .territory-area:not(.disabled):hover,
.territory-area-select .territory-area.highlighted {
	background-color: rgba(255, 153, 128, 0.5);
	box-shadow: 0 0 0.3vw 0.3vw #f30;
}
.territory-area-select .territory-area.highlighted .territory-area-name {
	color: #f30;
}
.territory-area.disabled {
	background-color: rgba(204, 204, 204, 0.5);
	box-shadow: 0 0 0.3vw 0.3vw #ccc;
	color: gray;
	cursor: auto;
}
.territory-area-name {
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	font-size: 2.725vw;
	line-height: 1em;
	text-shadow: 0.3vw 0 0 white, -0.3vw 0 0 white, 0 0.3vw 0 white, 0 -0.3vw 0 white, 0.212vw 0.212vw 0 white, -0.212vw 0.212vw 0 white, -0.212vw -0.212vw 0 white, 0.212vw -0.212vw 0 white;
	padding: 0.6vw;
	text-decoration: none;
}
.territory-area-weather {
	position: absolute;
	font-weight: normal;
	font-size: 2.27vw;
	line-height: 1em;
	color: black;
	right: 0.6vw;
	top: 0.6vw;
}
.territory-area-weather-icon {
	height: 1.2em;
	max-width: none;
	vertical-align: middle;
	margin-right: 0.2em;
}
.territory-event-weather-icon {
	height: 7.5vw;
	max-width: none;
	vertical-align: middle;
}
.territory-raid-event > td {
	border-top: ridge red 4px;
	border-bottom: ridge red 4px;
	background-color: rgb(255, 239, 239);
}
.territory-raid-event > td:first-child {
	border-left: ridge red 4px;
}
.territory-raid-event > td:last-child {
	border-right: ridge red 4px;
}
.territory-facility-icon,
.territory-resource-icon {
	width: 10vw;
	height: 10vw;
	max-width: none;
}
.territory-facility-icon.territory-facility-icon-stakeholders {
	width: 7.5vw;
}
.territory-facility-commands > button {
	display: block;
}
.territory-facility-commands > button + button {
	margin-top: 1em;
}

.territory-cost-info b {
	margin-left: 0.25em;
	margin-right: 0.5em;
}
.territory-cost-info.gain b, .territory-cost-info.gain i {
	color: #069;
}
.territory-cost-info.lose b, .territory-cost-info.lose i {
	color: #c00;
}
.territory-cost-info.active b, .territory-cost-info.active i {
	color: #326c11;
}
.territory-cost-info.static b, .territory-cost-info.static i {
	color: black;
}
.territory-cost-info.special b, .territory-cost-info.special i {
	color: goldenrod;
}
.territory-cost-info.recover {
	font-weight: bold;
	box-shadow: 0 0 0 1px #c00;
	background-color: rgba(204, 0, 0, 0.1);
}
.remain-td .satisfied {
	display: none;
}
.remain-td.fulfilled .satisfied {
	display: block;
}
.remain-td.fulfilled .not-satisfied {
	display: none;
}

.territory-log-icon {
	display: block;
	font-size: 2em;
	margin-right: 0.25em;
	float: left;
	width: 1em;
	text-align: center;
}
.territory-log-icon.detail { color: silver; }
.territory-log-icon.info { color: dodgerblue; }
.territory-log-icon.warning { color: gold; }
.territory-log-icon.critical { color: crimson; }

.territory-log-type {
	display: inline-block;
	margin-right: 1.5em;
}
.territory-log-type .territory-log-icon {
	display: inline-block;
	float: none;
	vertical-align: middle;
	width: auto;
	margin-left: 0.125em;
	margin-right: 0.125em;
}