/* 最小化できませんでした。最小化されていないコンテンツを返します。
(3,33): run-time error CSS1031: Expected selector, found '/'
(3,33): run-time error CSS1025: Expected comma or open brace, found '/'
 */
@charset "Shift_JIS";

********************************/
/* タイトルスタイル                            */
/***********************************************/
.hpb-layoutset-02 #hpb-wrapper #title-content h3 {
    font-size: medium;
}

#title-content h4 {
    font-size: large;
}

#title-content table {
    font-size: x-small;
    color: black;
}

#title-content table th {
    border: 1px solid black;
}

#title-content table td {
    border: 1px solid black;
}

#title-content p {
    margin-left: 10px;
    font-size: medium;
    color: black
}

#title-content a {
    font-size: large;
    font-weight: bold;
    color: #27C8C6;
}

#title-content li {
    font-size: large;
    color: black;
}

.title-class-kind {
    margin-left: 10px;
}

#title-content .title-class-kind a {
    font-size: medium;
    color: #27C8C6;
}

.title-class-kind-thead-class {
    width: 150px;
}

.title-class-kind-thead-content {
    width: 495px;
}

.title-class-kind-tbody-class {
    width: 150px;
}

.title-class-kind-tbody-content {
    width: 495px;
    font-size: medium;
}

.title-class-kind-tbody-icon {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.title-status-kind {
    margin-left: 10px;
}

.title-status-kind-thead-status {
    width: 100px;
}

.title-status-kind-thead-coment {
    width: 545px;
}

.title-status-kind-tbody-status {
    width: 100px;
    font-size: small;
    font-weight: bold;
}

.title-status-kind-tbody-coment {
    width: 545px;
    font-size: small;
}

.title-content-list {
    width: 500px;
    margin-left: 10px;
    border-radius: 30px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid black;
}

.title-open-quest {
    width: 600px;
    margin-left: 10px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: bisque;
    border-radius: 20px;
    border: 1px solid black;
}

#title-content .title-open-quest li {
    border: none;
    font-size: medium;
    color: black;
}

#title-content .title-open-quest a {
    font-size: medium;
    color: #27C8C6;
}

.title-league-window-list {
    margin-left: 10px;
}

.title-leagu-window-thead-level {
    width: 80px;
}

.title-leagu-window-thead-npc {
    width: 150px;
}

.title-leagu-window-thead-place {
    width: 300px;
}

.title-leagu-window-tbody-level {
    width: 80px;
    font-size: small;
    text-align: center;
}

.title-leagu-window-tbody-npc {
    width: 150px;
    font-size: x-small;
    text-align: left;
}

.title-leagu-window-tbody-place {
    width: 300px;
    font-size: x-small;
    text-align: left;
}

.title-savage-tribe-list {
    width: 500px;
    margin-left: 10px;
    border-radius: 30px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid black;
}

.title-detail-savage-tribe {
    width: 100%;
    margin-left: 10px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.title-savage-tribe-quest {
    width: 600px;
    margin-left: 10px;
    padding-left: 20px;
    background-color: bisque;
    border-radius: 20px;
    border: 1px solid black;
}

#title-content .title-savage-tribe-quest li {
    border: none;
    font-size: medium;
    color: black;
}

#title-content .title-savage-tribe-quest a {
    font-size: medium;
    color: #27C8C6;
}

.title-delivery-window {
    margin-left: 10px;
}

.title-delivery-window-area {
    width: 200px;
}

.title-delivery-window-place {
    width: 200px;
}

.title-customer-list {
    margin-left: 10px;
}

.title-customer-list-customer {
    width: 200px;
}

.title-customer-list-area {
    width: 300px;
}

.aliapoh-detail-info {
    width: 100%;
    margin-left: 10px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.naago-detail-info {
    width: 100%;
    margin-left: 10px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.kurenai-detail-info {
    width: 100%;
    margin-left: 10px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.adkiragh-detail-info {
    width: 100%;
    margin-left: 10px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.kaishirr-detail-info {
    width: 100%;
    margin-left: 10px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.elltoo-detail-info {
    width: 100%;
    margin-left: 10px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.durendaire-detail-info {
    width: 100%;
    margin-left: 10px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.ameriance-detail-info {
    width: 100%;
    margin-left: 10px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.title-customer-quest {
    width: 600px;
    margin-left: 10px;
    padding-left: 20px;
    background-color: bisque;
    border-radius: 20px;
    border: 1px solid black;
}

#title-content .title-customer-quest li {
    border: none;
    font-size: medium;
    color: black;
}

#title-content .title-customer-quest a {
    font-size: medium;
    color: #27C8C6;
}

.title-delivery-list {
    margin-left: 10px;
}

.title-delivery-list-thead-item {
    width: 250px;
}

.title-delivery-list-thead-level {
    width: 100px;
}

.title-delivery-list-thead-value {
    width: 180px;
}

.title-delivery-list-thead-collect {
    width: 60px;
}

.title-delivery-list-tbody-item {
    width: 250px;
    font-size: medium;
}

.title-delivery-list-tbody-level {
    width: 100px;
    font-size: medium;
    text-align: center;
}

.title-delivery-list-tbody-collect {
    width: 60px;
    font-size: medium;
    text-align: center;
}

.title-reconstruction-work-list {
    margin-left: 10px;
}

.tiltle-work-title {
    width: 150px;
    font-size: small;
    text-align: center;
    background-color: aliceblue;
}

#title-content .title-reconstruction-work-list li {
    font-size: x-small;
}

.title-joint-reconstruction-work {
    font-size: x-small;
    color: red;
}

.title-mean-quest-list {
    width: 500px;
    margin-left: 10px;
    border-radius: 30px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid black;
}

.rentetu-detail-info {
    width: 100%;
    margin-left: 10px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.syukou-detail-info {
    width: 100%;
    margin-left: 10px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.syokuyaku-detail-info {
    width: 100%;
    margin-left: 10px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.title-open-mean-quest {
    width: 600px;
    margin-left: 10px;
    padding-left: 20px;
    background-color: bisque;
    border-radius: 20px;
    border: 1px solid black;
}

#title-content .title-open-mean-quest li {
    border: none;
    font-size: medium;
    color: black;
}

#title-content .title-open-mean-quest a {
    font-size: medium;
    color: #27C8C6;
}

.title-sharean-quest-list {
    width: 500px;
    margin-left: 10px;
    border-radius: 30px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid black;
}

.koukogaku-detail-info {
    width: 100%;
    margin-left: 10px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.tenmongaku-detail-info {
    width: 100%;
    margin-left: 10px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.igaku-detail-info {
    width: 100%;
    margin-left: 10px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.title-open-sharean-quest {
    width: 600px;
    margin-left: 10px;
    padding-left: 20px;
    background-color: bisque;
    border-radius: 20px;
    border: 1px solid black;
}

#title-content .title-open-sharean-quest li {
    border: none;
    font-size: medium;
    color: black;
}

#title-content .title-open-sharean-quest a {
    font-size: medium;
    color: #27C8C6;
}

.title-disassemble-food-list {
    margin-left: 10px;
}
/***********************************************/
/* 製作レシピスタイル                          */
/***********************************************/
.crafting-common-select {
    width: 100%;
    margin: 4px;
    padding: 4px;
    border: inset 1px #808080;
    font-size: 12px;
}

.crafting-preset-select {
    width: 167px;
    margin: 4px;
    padding: 4px;
    border: inset 1px #808080;
    font-size: 13px;
}

.crafting-common-button {
    margin: 5px;
}

.crafting-find-items {
    align-items: center;
    display: flex;
}

.crafting-common-input {
    width: 80%;
    margin: 4px;
    padding: 4px;
    font-size: 16px;
}

.choice-quantity-input {
    width: 80%;
    margin: 4px;
    padding: 4px;
    font-size: 16px;
    text-align: right;
}

.crafting-common-optgroup {
    background-color: #27C8C6;
    color: #ffffff;
}

.crafting-common-option {
    background-color: #ffffff;
    color: #000000;
}

.crafting-add-button {
    vertical-align: top;
}

.popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: .6s
}

    .popup.is-show {
        opacity: 1;
        visibility: visible;
    }

.black-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    cursor: pointer;
}

.hpb-layoutset-02 #hpb-wrapper #display-index h4 {
    font-size: medium;
}

#display-index p {
    font-size: medium;
    color: #000000;
}

#display-index ol li {
    list-style-type: none;
    counter-increment: cnt;
    font-size: medium;
    padding-left: 1em;
    text-indent: -2em;
}

#display-index ol li::before {
    content: "("counter(cnt)") ";
}

.crafting-sentence1 {
    padding-left: 3em;
    text-indent: 2em;
}

.crafting-sentence2 {
    padding-left: 5em;
    text-indent: -3em;
}

.hpb-layoutset-02 #hpb-wrapper #display-recipe-list h3 {
    width: 100%;
    height: 48px;
    background-image: none;
    background-color: #27C8C6;
    color: white;
    padding-left: 15px;
    padding-top: 8px;
    font-size: x-large;
}

.hpb-layoutset-02 #hpb-wrapper #display-recipe-list h4 {
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    font-size: medium;
    overflow: hidden;
    color: #27C8C6;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #27C8C6;
}

#display-recipe-list table {
    font-size: small;
}

#display-recipe-list table th {
    border: 1px solid black;
}

#display-recipe-list table td {
    padding-top: 4px;
    padding-left: 2px;
    padding-bottom: 4px;
    padding-right: 2px;
    border: 1px solid black;
}

#display-recipe-list fieldset {
    border: 1px solid black;
}

#display-recipe-list a {
    color: #27C8C6;
    text-decoration: underline;
    cursor: pointer;
}

#display-recipe-list a:hover {
    text-decoration: none;
}

.hpb-layoutset-02 #hpb-wrapper #display-recipe-detail h3 {
    font-size: medium;
}

#display-recipe-detail table {
    font-size: small;
    border: none;
}

#display-recipe-detail table th {
    border: none;
}

#display-recipe-detail table td {
    border: none;
}

.recipe-table-style {
    width: 100%;
}

.scrolling-head {
    display: block;
}

.recipe-list-thead-recipe {
    width: 369px;
}

.recipe-list-thead-kind {
    width: 133px;
}

.recipe-list-thead-level {
    width: 79px;
}

.recipe-list-thead-choice {
    width: 56px;
}

.scrolling-body {
    display: block;
    width: 100%;
    height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}

#display-recipe-list table td.recipe-list-tbody-photo {
    width: 48px;
    height: 48px;
    border-right: none;
}

.recipe-list-photo-style {
    width: 40px;
    height: 40px;
}

#display-recipe-list table td.recipe-list-tbody-recipe {
    width: 317px;
    text-align: left;
    border-left: none;
}

.recipe-list-tbody-kind {
    width: 133px;
    text-align: center;
}

.recipe-list-tbody-level {
    width: 80px;
    text-align: center;
}

.recipe-list-tbody-level-mark {
    font-size: x-small;
}

.recipe-list-tbody-choice {
    width: 54px;
    text-align: center;
}

.choice-list-thead-recipe {
    width: 503px;
}

.choice-list-thead-quantity {
    width: 80px;
}

.choice-list-thead-delete {
    width: 54px;
}

.choice-scrolling-body {
    display: block;
    width: 100%;
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

#display-recipe-list table td.choice-list-tbody-photo {
    width: 48px;
    height: 48px;
    border-right: none;
}

.choice-list-photo-style {
    width: 40px;
    height: 40px;
}

#display-recipe-list table td.choice-list-tbody-recipe {
    width: 450px;
    text-align: left;
    border-left: none;
}

.choice-list-tbody-quantity {
    width: 80px;
    text-align: center;
}

.choice-list-tbody-choice {
    width: 54px;
    text-align: center;
}

.plan-button-area {
    display: flex;
    cursor: pointer;
}

.plan-button {
    width: 15%;
    height: 32px;
    margin: 2px;
    line-height: 36px;
    text-align: center;
    color: black;
    font-size: large;
    background-color: lightgray;
    border: 1px solid black;
}

.plan-button:hover {
    background-color: darkgray;
}

.result-content {
    display: none;
}

.result-content.show {
    display: block;
}

.recipe-result-title {
    padding-top: 8px;
}

.recipe-result-thead-name {
    width: 437px;
}

.recipe-result-thead-kind {
    width: 133px;
}

.recipe-result-thead-quantity {
    width: 80px;
}

#display-recipe-list table td.recipe-result-tbody-photo {
    width: 48px;
    height: 48px;
    border-right: none;
}

.recipe-result-photo-style {
    width: 40px;
    height: 40px;
}

#display-recipe-list table td.recipe-result-tbody-name {
    width: 392px;
    text-align: left;
    border-left: none;
}

.recipe-result-tbody-kind {
    width: 133px;
    text-align: center;
}

.recipe-result-tbody-quantity {
    width: 80px;
    text-align: center;
}

#display-recipe-detail .main-info table td {
    padding: 0;
}

.recipe-photo-column {
    width: 100px;
    vertical-align: top;
}

.recipe-photo-style {
    width: 128px;
    height: 128px;
}

.recipe-item-job {
    padding-left: 10px;
    font-size: small;
    color: #000000;
}

#display-recipe-detail .recipe-item-name {
    padding-left: 10px;
    font-size: large;
    color: #27C8C6;
}

.recipe-item-kind {
    padding-left: 10px;
    font-size: medium;
    color: #000000;
}

.recipe-item-header {
    width: 100px;
    text-align: left;
    font-size: medium;
    color:forestgreen;
}

.recipe-item-info {
    width: 200px;
    text-align: left;
    font-size: medium;
    color: black;
}

.recipe-item-conditions-header {
    text-align: left;
    font-size: medium;
    color: forestgreen;
}

.recipe-item-conditions {
    text-align: left;
    font-size: medium;
    color: black;
}

.recipe-icon-style {
    width: 40px;
    height: 40px;
}

#display-recipe-detail .recipe-material-name {
    color: #27C8C6;
}

.recipe-item-quantity {
    width: 100px;
    text-align: center;
    font-size: x-large;
}

.recipe-item-table-td-style {
    width: 400px;
}

/***********************************************/
/* 下書きの保存ポップアップ                    */
/***********************************************/
#js-favorite-popup-inner table {
    width: 100%;
    border: 1px solid black;
}

#js-favorite-popup-inner td {
    padding: 0;
    border: 1px solid black;
}

.favorite-popup-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
    max-width: 340px;
    background-color: honeydew;
    padding: 20px;
    border-radius: 20px;
    border: 3px solid forestgreen;
    z-index: 4;
}

.favorite-header-style {
    width: 40%;
    text-align: center;
    padding: 15px;
    font-size: medium;
    color: white;
    background-color: #27C8C6;
}

.favorite-input-style {
    padding: 10px;
}

.favorite-input {
    width: 100%;
    font-size: 16px;
    border: none;
    outline: none;
}

/***********************************************/
/* インデックススタイル                        */
/***********************************************/
.hpb-layoutset-02 #hpb-wrapper #index-content h3 {
    font-size: medium;
}

.index-photo-style {
    width: 655px;
    height: 320px;
}

#index-content p {
    margin-left: 10px;
    font-size: medium;
    color: black
}

.index-open-quest {
    width: 640px;
    margin-left: 10px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: bisque;
    border-radius: 20px;
    border: 1px solid black;
}

#index-content .index-open-quest li {
    border: none;
    font-size: medium;
    color: black;
}

#index-content .index-open-quest a {
    font-size: medium;
    color: #27C8C6;
}

.index-production {
    width: 640px;
    margin-left: 10px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 20px;
    border: 1px solid black;
}

#index-content .index-production li {
    border: none;
    font-size: medium;
    color: #27C8C6;
}

/***********************************************/
/* バトルアクションスタイル                    */
/***********************************************/
.hpb-layoutset-02 #hpb-wrapper #diaplay-action-list h3 {
    font-size: medium;
}

#diaplay-action-list table {
    color: black;
}

#diaplay-action-list table th {
    padding: 4px;
    border: 3px solid white;
}

#diaplay-action-list table td {
    padding-top: 4px;
    padding-left: 2px;
    padding-bottom: 4px;
    padding-right: 2px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid black;
}

.action-thead-style-name {
    width: 150px;
}

.action-thead-style-acquired {
    width: 60px;
}

.action-thead-style-consumption {
    width: 60px;
}

.action-thead-style-effect {
    width: 385px;
}

.action-thead-style-effect2 {
    width: 445px;
}

.action-tbody-style-icon {
    width: 48px;
    height: 48px;
}

.action-tbody-style-name {
    width: 102px;
    font-weight: bold;
}

#diaplay-action-list table td.action-tbody-style-acquired {
    width: 60px;
    text-align: center;
}

.action-tbody-style-consumption {
    width: 60px;
    text-align: center;
}

.action-tbody-style-effect {
    width: 385px;
}

.action-tbody-style-effect2 {
    width: 445px;
}

.action-tbody-style-kind {
    width: 60px;
    text-align: center;
}

.action-acquired-icon-style {
    width: 24px;
    height: 24px;
}

/***********************************************/
/* レベリングスタイル                          */
/***********************************************/
.hpb-layoutset-02 #hpb-wrapper #leveling-content h3 {
    font-size: medium;
}

#leveling-content p {
    margin-left: 10px;
    font-size: medium;
    color: #000000
}

#leveling-content li {
    border: none;
    font-size: large;
    color: #27C8C6;
}

.experience-list {
    width: 550px;
    margin-left: 50px;
    border-radius: 40px;
    padding-left: 70px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    border: 1px solid black;
}

.preparation-list {
    width: 350px;
    margin-left: 50px;
    border-radius: 40px;
    padding-left: 70px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    border: 1px solid black;
}

#leveling-content table td.leveling-equip-icon-column {
    width: 48px;
    height: 48px;
    padding: 4px;
    border-right: none;
}

#leveling-content table td.leveling-equip-item-name {
    border-left: none;
    padding-right: 8px;
}

.equip-image {
    width: 40px;
    height: 40px;
}

#leveling-content table td.leveling-manual-icon-column {
    width: 48px;
    height: 48px;
    padding: 4px;
    border-right: none;
}

#leveling-content table td.leveling-manual-item-name {
    border-left: none;
    padding-right: 8px;
}

#leveling-content table td.leveling-manual-item-effect {
    padding-right: 6px;
}

#leveling-content table td.leveling-manual-item-obtain {
    padding-right: 6px;
}

.manual-image {
    width: 40px;
    height: 40px;
}

.leveling-food-list {
    margin-left: 10px;
}

#leveling-content table td.leveling-food-icon-column {
    width: 48px;
    height: 48px;
    padding: 4px;
    border-right: none;
}

#leveling-content table td.leveling-food-item-name {
    border-left: none;
}

.food-image {
    width: 40px;
    height: 40px;
}

#leveling-content table {
    font-size : x-small;
    color: black;
}

#leveling-content table th {
    border: 1px solid black;
}

#leveling-content table td {
    border: 1px solid black;
}

#leveling-content .detail-leveling {
    width: 100%;
    border: none;
}

#leveling-content .button-slowly-leveling {
    text-align: center;
    border: none;
}

#leveling-content .button-fastest-leveling {
    text-align: center;
    border: none;
}

#leveling-content a {
    font-size: large;
    font-weight: bold; 
    color: #27C8C6;
}

.part-detail-level {
    width: 100%;
    margin-left: 5px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.part-detail-level h4 {
    font-size: large;
}

#leveling-content .part-detail-level table {
    padding: 4px;
}

#leveling-content .part-detail-level table td {
    width: 56px;
    text-align: center;
    padding: 4px;
    border: 1px solid black;
}

#leveling-content .part-detail-level li {
    font-size: small;
    color: #27C8C6;
    border: none;
}

.skill-image {
    width: 40px;
    height: 40px;
}

/***********************************************/
/* 立ち振る舞いスタイル                        */
/***********************************************/
.hpb-layoutset-02 #hpb-wrapper #behavior-content h3 {
    font-size: medium;
}

#behavior-content p {
    margin-left: 10px;
    font-size: medium;
    color: black;
}

#behavior-content h4 {
    font-size: large;
}

.behavior-action-list {
    width: 640px;
    margin-left: 10px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 20px;
    border: 1px solid black;
}

#behavior-content .behavior-action-list a {
    font-size: medium;
    color: #27C8C6;
}

.behavior-obtain-list {
    width: 640px;
    margin-left: 10px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 20px;
    border: 1px solid black;
}

#behavior-content .behavior-obtain-list li {
    font-size: medium;
    color: black;
    border: none;
}

.profile-crafter-style {
    text-align: center;
}

#behavior-content table {
    font-size: x-small;
    color: black;
}

#behavior-content table th {
    border: 1px solid black;
}

#behavior-content table td {
    border: 1px solid black;
}

.material-equip-style-part {
    width: 200px;
}

.material-equip-style-data {
    width: 125px;
    text-align: center;
}

#behavior-content li a {
    font-size: medium;
    color: #27C8C6;
}

#behavior-content a {
    font-size: large;
    font-weight: bold;
    color: #27C8C6;
}

.behavior-open-quest {
    width: 640px;
    margin-left: 10px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: bisque;
    border-radius: 20px;
    border: 1px solid black;
}

#behavior-content .behavior-open-quest li {
    border: none;
    font-size: medium;
    color: black;
}

#behavior-content .behavior-open-quest a {
    font-size: medium;
    color: #27C8C6;
}

.skill-turning-35-detail {
    width: 100%;
    margin-left: 5px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.skill-turning-35-detail h4 {
    font-size: large;
}

#behavior-content .skill-turning-35-detail li {
    font-size: small;
    color: #27C8C6;
    border: none;
}

#behavior-content .skill-turning-35-detail table td {
    width: 60px;
    text-align: center;
}

#behavior-content .skill-turning-35-detail table {
    padding: 4px;
}

#behavior-content .skill-turning-35-detail table td {
    width: 56px;
    text-align: center;
    padding: 4px;
    border: 1px solid black;
}

.skill-turning-70-detail {
    width: 100%;
    margin-left: 5px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.skill-turning-70-detail h4 {
    font-size: large;
}

#behavior-content .skill-turning-70-detail li {
    font-size: small;
    color: #27C8C6;
    border: none;
}

#behavior-content .skill-turning-70-detail table td {
    width: 60px;
    text-align: center;
}

#behavior-content .skill-turning-70-detail table {
    padding: 4px;
}

#behavior-content .skill-turning-70-detail table td {
    width: 56px;
    text-align: center;
    padding: 4px;
    border: 1px solid black;
}

#behavior-content .skill-turning-macro {
    width: 600px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.high-difficulty-status1 {
    text-align: center;
    color: black;
    background-color: deepskyblue;
}

.high-difficulty-status2 {
    text-align: center;
    color: white;
    background-color: forestgreen;
}

.high-difficulty-status3 {
    text-align: center;
    color: white;
    background-color: red;
}

.high-difficulty-status4 {
    text-align: center;
    color: black;
    background-color: yellow;
}


.behavior-high-difficult-env-list {
    width: 640px;
    margin-left: 10px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 20px;
    border: 1px solid black;
}

#behavior-content .behavior-high-difficult-env-list li {
    font-size: medium;
}

.behavior-high-difficult-clear-list {
    width: 640px;
    margin-left: 10px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 20px;
    border: 1px solid black;
}

#behavior-content .behavior-high-difficult-clear-list li {
    font-size: medium;
    color: red;
}

.behavior-high-difficult-process-list {
    width: 640px;
    margin-left: 10px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 20px;
    border: 1px solid black;
}

#behavior-content .behavior-high-difficult-process-list li {
    font-size: medium;
}

.high-difficulty-detail {
    width: 100%;
    margin-left: 5px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.high-difficulty-image-style {
    text-align: center;
}

.high-difficulty-image {
}

#behavior-content .behavior-sky-steel-step-list a {
    font-size: small;
    color: #27C8C6;
}

.sky-steel-1-detail {
    width: 100%;
    margin-left: 5px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.sky-steel-1-detail h4 {
    font-size: large;
}

#behavior-content .sky-stee-1-detail li {
    font-size: small;
    color: #27C8C6;
    border: none;
}

#behavior-content .sky-steel-1-detail table td {
    width: 60px;
    text-align: center;
}

.sky-steel-2-detail {
    width: 100%;
    margin-left: 5px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.sky-steel-2-detail h4 {
    font-size: large;
}

#behavior-content .sky-steel-2-detail li {
    font-size: small;
    color: #27C8C6;
    border: none;
}

#behavior-content .sky-steel-2-detail table td {
    width: 56px;
    text-align: center;
    padding: 4px;
    border: 1px solid black;
}

.sky-steel-3-detail {
    width: 100%;
    margin-left: 5px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.sky-steel-3-detail h4 {
    font-size: large;
}

#behavior-content .sky-steel-3-detail li {
    font-size: small;
    color: #27C8C6;
    border: none;
}

#behavior-content .sky-steel-3-detail table td {
    width: 56px;
    text-align: center;
    padding: 4px;
    border: 1px solid black;
}

.sky-steel-4-detail {
    width: 100%;
    margin-left: 5px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.sky-steel-4-detail h4 {
    font-size: large;
}

#behavior-content .sky-steel-4-detail li {
    font-size: small;
    color: #27C8C6;
    border: none;
}

#behavior-content .sky-steel-4-detail table td {
    width: 56px;
    text-align: center;
    padding: 4px;
    border: 1px solid black;
}

.sky-steel-5-detail {
    width: 100%;
    margin-left: 5px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.sky-steel-5-detail h4 {
    font-size: large;
}

#behavior-content .sky-stee-5-detail li {
    font-size: small;
    color: #27C8C6;
    border: none;
}

#behavior-content .sky-steel-5-detail table td {
    width: 56px;
    text-align: center;
    padding: 4px;
    border: 1px solid black;
}

.sky-steel-6-detail {
    width: 100%;
    margin-left: 5px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.sky-steel-6-detail h4 {
    font-size: large;
}

#behavior-content .sky-steel-6-detail li {
    font-size: small;
    color: #27C8C6;
    border: none;
}

#behavior-content .sky-steel-6-detail table td {
    width: 56px;
    text-align: center;
    padding: 4px;
    border: 1px solid black;
}

.behavior-tool-list {
    text-align: center;
}

.behavior-tool-list-image {
    width: 90%;
    height: 90%;
}

#behavior-content .sky-steel-material-list a {
    padding-left: 10px;
}

#behavior-content .sky-steel-material-list table {
    margin-left:20px;
}

#behavior-content .sky-steel-material-list table th {
    text-align: center;
}

#behavior-content .sky-steel-material-list table td {
    width: 150px;
    text-align: center;
}

#behavior-content .sky-steel-macro {
    width: 600px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

#behavior-content .behavior-resplendent-list ul {
    margin-left: 20px;
    font-size: medium;
}

.resplendent-1-detail {
width: 100%;
margin-left: 5px;
border-radius: 10px;
padding: 10px;
border: 1px solid black;
}

.resplendent-1-detail h4 {
    font-size: large;
}

.resplendent-2-detail {
    width: 100%;
    margin-left: 5px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.resplendent-2-detail h4 {
    font-size: large;
}

.resplendent-3-detail {
    width: 100%;
    margin-left: 5px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid black;
}

.resplendent-3-detail h4 {
    font-size: large;
}

#behavior-content .resplendent-material-list table {
margin-left: 20px;
}

#behavior-content .resplendent-material-list table th {
    text-align: center;
}

#behavior-content .resplendent-material-list table td {
    width: 200px;
    text-align: center;
}



/***********************************************/
/* クラスクエストスタイル                      */
/***********************************************/
.hpb-layoutset-02 #hpb-wrapper #diaplay-quest-list h3 {
    font-size: medium;
}

#diaplay-quest-list table {
    font-size: small;
    color: black;
}

#diaplay-quest-list table th {
    border: 1px solid black;
}

#diaplay-quest-list table td {
    border: 1px solid black;
}

#diaplay-quest-list a {
    color: #27C8C6;
}

/***********************************************/
/* ギルドリーヴスタイル                      */
/***********************************************/
.hpb-layoutset-02 #hpb-wrapper #diaplay-league-list h3 {
    font-size: medium;
}

#diaplay-league-list table {
    font-size: small;
    color: black;
}

#diaplay-league-list table th {
    border: 1px solid black;
}

#diaplay-league-list table td {
    border: 1px solid black;
}

#diaplay-league-list a {
    color: #27C8C6;
}