@charset "UTF-8";
@font-face {
  font-family: 'FontAwesome';
  src: url('../bukatsu/lib/fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../bukatsu/lib/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../bukatsu/lib/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../bukatsu/lib/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../bukatsu/lib/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
Theme Name: Bukatsu
Theme URI: http://bukatsunavi.com/extension
Description: Bukatsu navi テーマ
Author: Bukatsu navi
Author URI: http://bukatsunavi.com/
Version: 0.1.0
*/

/* all display
-------------------------------------------------- */
html body {
    /* display: none; */
    background: none;
    background-color: #ffffff;
}

.icon-top-window {
    background-image: url(./img/icon/bukatsunavi_icon-22.svg);
}
.wIcon-top-window{
    background-image: url(./img/icon/bukatsunavi_icon-22W.svg);
}
.icon-message {
    background-image: url(./img/icon/bukatsunavi_icon-32.png);
}
.wIcon-message {
    background-image: url(./img/icon/bukatsunavi_icon-25W.svg);
}
.icon-free {
    background-image: url(./img/icon/bukatsunavi_icon-26.svg);
}
.wIcon-free {
    background-image: url(./img/icon/bukatsunavi_icon-26W.svg);
}
.icon-key {
    background-image: url(./img/icon/bukatsunavi_icon-29.svg);
}
.wIcon-key {
    background-image: url(./img/icon/bukatsunavi_icon-29W.svg);
}
.icon-ticket {
    background-image: url(./img/icon/bukatsunavi_icon-ticket.png);
}
.wIcon-ticket {
    background-image: url(./img/icon/bukatsunavi_icon-ticketW.png);
}
.icon-members {
    background-image: url(./img/icon/bukatsunavi_icon-fan.png);
}
.wIcon-members {
    background-image: url(./img/icon/bukatsunavi_icon-fanW.png);
}
.icon-fan {
    background-image: url(./img/icon/bukatsunavi_icon-fan2.png);
}
.wIcon-fan {
    background-image: url(./img/icon/bukatsunavi_icon-fan2W.png);
}
.icon-pay {
    background-image: url(./img/icon/bukatsunavi_icon-pay.png);
}
.wIcon-pay {
    background-image: url(./img/icon/bukatsunavi_icon-payW.png);
}
.icon-graduate {
    background-image: url(./img/icon/bukatsunavi_icon-graduate.png);
}
.wIcon-graduate {
    background-image: url(./img/icon/bukatsunavi_icon-graduateW.png);
}
.icon-donate {
    background-image: url(./img/icon/bukatsunavi_icon-donate.png);
}
.wIcon-donate {
    background-image: url(./img/icon/bukatsunavi_icon-donateW.png);
}
.icon-sponcor {
    background-image: url(./img/icon/bukatsunavi_icon-sponcor.png);
}
.wIcon-sponcor {
    background-image: url(./img/icon/bukatsunavi_icon-sponcorW.png);
}
.icon-docs {
    background-image: url(./img/icon/bukatsunavi_icon-document.png);
}
.wIcon-docs {
    background-image: url(./img/icon/bukatsunavi_icon-documentW.png);
}
.icon-point {
    background-image: url(./img/icon/points.png);
}

.icon-clip-wrap::after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 2px;
    background-image: url(./img/icon/bukatsunavi_icon-30.svg);
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
}
.accountPreviewSpan{
    display: inline-block;
    width: 700px;
    max-width: 100%;
}

input[type="button"]{
    border-radius: 4px;
}
a {
    -webkit-transition: all ease-in-out .0s;
    transition: all ease-in-out .0s;
}
.mce-label.mce-charactercount {
    padding: 8px;
    font-size: 12px;
}
.mce-path {
    display: none !important;
}
.mce-flow-layout-item.mce-label.mce-last {
    position: absolute;
    right: 1rem;
}
.tinyedit .post-content pre {
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.tinyedit .post-content h1,
.tinyedit .post-content h2,
.tinyedit .post-content h3,
.tinyedit .post-content h4,
.tinyedit .post-content h5 {
    display: block;
    margin: 0;
    padding: 0;
    font-weight: bold;
    border: 0;
}
.tinyedit .post-content h1 {
    font-size: 2rem;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    line-height: 1.5;
}
.tinyedit .post-content h2 {
    font-size: 1.5rem;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    clear: none;
    background: inherit;
    color: inherit;
}
.tinyedit .post-content h3 {
    font-size: 1.3rem;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    line-height: inherit;
}
.tinyedit .post-content h4 {
    font-size: 1.1rem;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.tinyedit .post-content h5 {
    font-size: 0.9rem;
    -webkit-margin-before: 1.67em;
    -webkit-margin-after: 1.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.tinyedit .post-content h6 {
    font-size: 0.75rem;
    -webkit-margin-before: 2.33em;
    -webkit-margin-after: 2.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.tinyedit .post-content ul,
.tinyedit .post-content ol {
    margin-left: 0;
}
.tinyedit .message_area {
    padding: 1rem 0;
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
}
.tinyedit .message_area p {
    margin-bottom: 0;
}
.tinymce_alert_message {
    font-size: 75%;
    color: #ff3333;
}

@media screen and (max-width: 767px) {
    .tinyedit .align-check p {
        display: contents;
    }
    .tinyedit .post-content h1 {
        font-size: 1.5rem;
    }
    .tinyedit .post-content h2 {
        font-size: 1.3rem;
    }
    .tinyedit .post-content h3 {
        font-stretch: 1.15rem;
    }
    .tinyedit .post-content h4 {
        font-stretch: 1rem;
    }
}

/* common-base */
.wrap > #side li {
    text-align: left;
}
.area-seo,
.area-indeed {
    margin: 1rem 0;
}
.area-seo .area-seo-inner_right,
.area-indeed .area-indeed-inner_right {
    width: auto;
}
.area-seo .area-seo-inner_right p,
.area-indeed .area-indeed-inner_right p {
    margin-bottom: 0.5rem;
}
.area-seo .area-seo-inner_right p:before,
.area-indeed .area-indeed-inner_right p:before {
    content: '\25BC';
}
.area-seo .area-seo-inner_right input,
.area-indeed .area-indeed-inner_right input {
    width: 755px;
}
.area-seo .err_color {
    bottom: -1.5rem;
}
.area-seo .relative,
.area-indeed .relative {
    margin-bottom: 1.5rem;
}
.area-seo .seo-msg {
    display: block;
    font-size: 0.7rem;
    line-height: 1.5;
}
.list_data .area-seo {
    width: 100%;
    max-width: 1020px;
}
#main .area-seo form {
    width: 100%;
    margin: 0;
}
.area-seo form > div {
    width: 100%;
    margin: 0;
}
.area-seo form > div > div {
    display: block;
    padding-right: 0;
}
.area-seo .area-seo-inner_title {
    margin: 4rem 0 2rem;
}
.area-seo .area-seo-inner_title span:first-child {
    font-size: 1.3rem;
    font-weight: bold;
}
.area-seo .area-seo-inner_list p {
    margin-bottom: 0.5rem;
}
.area-seo .area-seo-inner_list p:before {
    content: '\25BC';
}
.area-seo .area-seo-inner_list input,
.area-seo .area-seo-inner_list textarea {
    width: 100%;
    border: 1px solid #e6e6e6;
}
.info-button {
    width: 1.1rem;
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.info-button:hover .info-txt {
    display: inline;
}
.info-txt {
    display: none;
    position: absolute;
    z-index: 1;
    padding: 0.5rem;
    border-radius: 5px;
    background: #ffffff;
    border: 2px solid #898989;
    text-align: justify;
    font-size: 0.7rem;
    width: 180px;
    top: 2.5rem;
    left: -7.6rem;
    letter-spacing: 0;
    line-height: 1.2rem;
}
.info-txt:after {
        border-bottom: 12px solid #898989;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    position: absolute;
    top: -12px;
    left: 67.2%;
}
.slick-slider.used-mb {
    display: none !important;
}
.slick-slider.used-sp {
    display: block !important;
}
.singlePararax_box3 {
    width: 100%;
    background: none;
    position: relative;
}
.singlePararax_box3 .bg_img2 {
    position: absolute;
    width: auto;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: black;
    max-width: 100%;
    max-height: 100%;
}
.singlePararax_box3 .school_catch {
    position: absolute;
    top: 51%;
    left: 50%; 
    transform: translate(-50%, -50%); 
    -webkit-transform: translate(-50%, -50%); 
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    z-index: 3;
}
.order_list_div {
    width: 100%;
    padding-top: 45px;
    margin-top: 2rem;
    border-top: 2px dashed #e6e6e6;
}
.page-info {
    display: table;
    width: 100%;
    margin: 1rem 0;
}
.page-info:last-child {
    margin-bottom: 0;
}
.page-info .info-title,
.page-info .info-contents {
    display: table-cell;
}
.page-info .info-title {
    width: 215px;
}
.page-info .info-contents .layout_label {
    display: inline-block;
    height: 40px;
}
.page-info .info-contents .layout_label img {
    width: 35px;
    height: auto;
    margin-right: 0.5rem;
}
.input-description-field {
    margin-left: 1rem;
}
.trial_benefit_info {
    background-color: #eeeeee;
}
.trial_topeedit {
    width: 100%;
    background-color: #eeeeee;
}

@media screen and (max-width: 767px) {
    html body {
        min-width: 320px;
    }
    #footer {
        min-width: 320px;
        z-index: 3;
    }
    #footer .wrap {
        margin-left: 0 !important;
    }
    .swal2-container.swal2-shown {
        min-width: 320px;
    }
    .slick-slider.used-pc {
        display: none !important;
    }
    .slick-slider.used-mb {
        display: block !important;
    }
    .input-description-field {
        margin-left: 0;
    }
}

@media screen and (max-width: 320px) {
    html {
        overflow-x: visible;
    }
}
/* common-post */
.post-content h1 {
    font-size: 100%;
    margin: 0;
}

/* common-article */
@media screen and (max-width: 991px) {
    article.page .post-content {
        padding: 30px 35px 10px;
    }
}

@media screen and (max-width: 767px) {
    article.page .post-content {
        padding: 20px;
    }
}

/* common-entryModal */
.entryModal {
    display: none;
    position: fixed;
    z-index: 10; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modalBg {
    width: 100%;
    height: 100%;
    background-color: rgba(30,30,30,0.9);
}
.modalWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    width: 70%;
    max-width: 500px;
    padding: 2.5rem 2rem 2rem;
    background-color: #fff;
    color: #333;
}
.modalContents {
    text-align: center;
}
.closeModal {
    text-align: center;
    position: absolute;
    width: 20px;
    height: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    right: 1rem;
    top: 1rem;
}
.closeModal::before,
.closeModal::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #333;
}
.closeModal::before {
    transform: rotate(45deg);
}
.closeModal::after {
    transform: rotate(-45deg);
}
.entryModal .entry_list {
    padding: 1rem;
    margin-top: 1rem;
    background-color: #eeeeee;
    border-bottom: 1px solid #d9d9d9;
    font-weight: 700;
    cursor: pointer;
    width: 49%;
    display: inline-block;
    height: 5rem;
    vertical-align: middle;
    position: relative;
}
.entryModal .entry_list.entry_list_last {
    width: 100%;
}
.entryModal .entry_list span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    display: inline-block;
    word-break: break-all;
}
@media screen and (max-width: 767px) {
    .modalWrapper {
        width: 90%;
        overflow-y: auto;
        height: auto;
        max-height: 50%;
    }
    .entryModal .entry_list {
        width: 100%;
        display: block;
        height: auto;
    }
    .entryModal .entry_list span {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        width: auto;
    }
}

/* ----------------------------------------
* page move
---------------------------------------- */
body.thema1  .pagetop { background-color: #F78181; }
body.thema2  .pagetop { background-color: #FF8000; }
body.thema3  .pagetop { background-color: #F79F81; }
body.thema4  .pagetop { background-color: #F7D358; }
body.thema5  .pagetop { background-color: #F3F781; }
body.thema6  .pagetop { background-color: #ACFA58; }
body.thema7  .pagetop { background-color: #00FF00; }
body.thema8  .pagetop { background-color: #58ACFA; }
body.thema9  .pagetop { background-color: #81BEF7; }
body.thema10 .pagetop { background-color: #81DAF5; }
body.thema11 .pagetop { background-color: #D358F7; }
body.thema12 .pagetop { background-color: #DA81F5; }
body.thema13 .pagetop { background-color: #F781F3; }
body.thema14 .pagetop { background-color: #F781D8; }
body.thema15 .pagetop { background-color: #7401DF; }
body.thema16 .pagetop { background-color: #6E6E6E; }
body.thema17 .pagetop { background-color: #F8BEBE; }
body.thema18 .pagetop { background-color: #6FC2FF; }
body.thema19 .pagetop { background-color: #24A78E; }

body.thema4  .pagetop,
body.thema5  .pagetop,
body.thema6  .pagetop,
body.thema10 .pagetop {
    background-image: url(./img/page/icon_arrow_up_black.svg) !important;
    border: 1px solid #2E2E2E;
}

body.admin .pagetop, .pagetop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background-image: url(./img/page/icon_arrow_up.svg) !important;
    background-color: #E26000;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #ffffff;
    z-index: 9;
    transition: background-position 250ms, background-color 250ms;
}

body.thema1  .pagetop:hover { background-color: #FF0000; }
body.thema2  .pagetop:hover { background-color: #B40404; }
body.thema3  .pagetop:hover { background-color: #FF8000; }
body.thema4  .pagetop:hover { background-color: #FFBF00; }
body.thema5  .pagetop:hover { background-color: #FFFF00; }
body.thema6  .pagetop:hover { background-color: #00FF00; }
body.thema7  .pagetop:hover { background-color: #088A08; }
body.thema8  .pagetop:hover { background-color: #0000FF; }
body.thema9  .pagetop:hover { background-color: #00BFFF; }
body.thema10 .pagetop:hover { background-color: #00FFFF; }
body.thema11 .pagetop:hover { background-color: #8A0886; }
body.thema12 .pagetop:hover { background-color: #BF00FF; }
body.thema13 .pagetop:hover { background-color: #FF00BF; }
body.thema14 .pagetop:hover { background-color: #ff1493; }
body.thema15 .pagetop:hover { background-color: #000080; }
body.thema16 .pagetop:hover { background-color: #2E2E2E; }
body.thema17 .pagetop:hover { background-color: #FC9090; }
body.thema18 .pagetop:hover { background-color: #0093FF; }
body.thema19 .pagetop:hover { background-color: #0B7964; }
body.admin .pagetop:hover, .pagetop:hover{
    background-color: #BA0000;
    background-position: top;
}
.pagebottom {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 50px;
    color: #fff;
}
.pagebottom span {
    display: block;
    border-radius: 25px;
    background: #2b2b2b;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 40px;
    font-size: 36px;
    opacity: .8;
}
.pagebottom span .fa {
    margin-top: 5px;
}

/* question */
body .question-page {
    text-align: center;
} 
.question-page .wrap #main {
    display: inline-block;
    margin-left: 0;
}
.question-page #main .main-inner {
    text-align: justify;
    text-justify: inter-ideograph;
}
.question-page #main form {
    width: 100%;
    margin-left: 0;
}
.question-page .kojin-box {
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 170px;
    margin: 3rem auto 0;
    overflow-y: auto;
}
.question-page .kojin-box iframe {
    border: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.question-page .kojin-chk {
    width: 100%;
    margin: 0 auto;
}
.question-page .post-content .button_line {
    margin: 3rem 0;
}

@media screen and (max-width: 767px) {
    .question-page .wrap #main {
        width: 100%;
    }
    .question-page form .button {
        white-space: nowrap;
    }
    .question-page form .success-btn,
    .question-page form .back-btn {
        width: 50%;
    }
    .question-page .very-long-text,
    .question-page .middle-text,
    .question-page form select {
        width: 100%;
    }
    .question-page form .relative {
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }
    .question-page form .msg_span {
        bottom: -1.5rem;
    }
    .question-page .inline-block {
        display: block;
    }
}

/* admin/top */
.top-page .home_info_table_wrap table {
    width: 700px;
}
.top-page .home_info_table_wrap table thead th {
    background-color: #eee;
    color: #000;
    text-align: center;
    font-size: 0.8rem;
}
.top-page .home_info_table_wrap table tbody th {
    background-color: #fff;
    color: #000;
    text-align: center;
}
.top-page .home_info_table_wrap table tbody tr th:nth-child(1) {
    font-size: 0.8rem;
    background-color: #eee;
}
.top-page .home_info_table_wrap table tbody tr:nth-child(3) th {
    font-size: 0.8rem;
}
.top-page .home_info_table_wrap .home_info_color {
    color: #00a6b9;
    font-weight: bold;
}
.top-page .home_info_table_wrap .home_info_orange {
    color: #ef7b00;
    font-weight: bold;
}


/* admin/topedit */
.topEdit-page .post-content table td.select_box_td {
    white-space: nowrap;
}
.topEdit-page .post-content .list-table thead {
    background: #5e6265;
}
.topEdit-page .post-content .list-table thead th {
    background: #5e6265;
    color: #ffffff;
    border: #ddd solid 1px;
}
.topEdit-page .post-content .list-table thead th.buttoned,
.topEdit-page .post-content .list-table tbody td.buttoned {
    text-align: center;
}
.topEdit-page .post-content .list-table tbody td {
    border: #ddd solid 1px;
}
.topEdit-page .post-content .list-table tbody td.able_item {
    cursor: move;
}
.topEdit-page .post-content #main_img_list_table {
    position: relative;
}
.topEdit-page .post-content .main_img_list_div {
    overflow-y: scroll;
}
.topEdit-page form div div.main_img_list_div .inner {
    overflow-y: visible;
}
/* admin/topedit-test */
.topEdit-page #main_img_list_table .single_back,
.topEdit-page #main_img_mobile_list_table .single_back_sp {
    display: none;
}
.topEdit-page #main_img_list_table td .over-text,
.topEdit-page #main_img_mobile_list_table td .over-text {
    width: 100px;
}
.topEdit-page #main_img_list_table th.single_back,
.topEdit-page #main_img_mobile_list_table th.single_back_sp {
    width: 68px;
}
.topEdit-page #main_img_list_table td.single_back,
.topEdit-page #main_img_mobile_list_table td.single_back_sp {
    text-align: center;
}
.topEdit-page #main_img_list_table input[type="radio"] + label,
.topEdit-page #main_img_mobile_list_table input[type="radio"] + label {
    margin: 0;
}

/* admin/preview common */
body.page-template-page-my-topedit-preview.FullScreen #header {
    top: auto;
    bottom: 0;
}
.preview_line{
    width: 100%;
    height: 60px;
    position: fixed;
    background-color: rgba(0,0,0,0.6);
    z-index: 100;
    bottom: 0;
    text-align: center;
    padding: 11px 0;
}
.preview_line button{
    width: 240px;
    height: 40px;
    color: #ffffff;
    border: 0;
    background-color: #b9b9b9;
}
.preview_line button:hover{
    opacity: 0.9;
}

/* admin/topedit-preview */
.topEditPreview #main .school_contents .slider_img_box .bg_img2 {
    position: relative;
    left: 0;
    top: 0;
    -webkit-transition: unset;
    transition: unset;
}
.topEditPreview #main .school_contents .bg_img.img-cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    -webkit-transform: none;
    transform: none;
    top: 0;
    left: 0;
}
.topEditPreview #main .slick-slider,
.topEditPreview #main .slick-slider .slick-track,
.topEditPreview #main .slick-slider .slick-list {
    height: 100%;
}

/* admin/schooledit */
/*.schoolEdit-page .post-content table td.select_box_td {
    white-space: nowrap;
}*/
.schoolEdit-page .post-content .list-table thead {
    background: #5e6265;
}
.schoolEdit-page .post-content .list-table thead th {
    background: #5e6265;
    color: #ffffff;
    border: #ddd solid 1px;
}
.schoolEdit-page .post-content .list-table thead th.buttoned,
.schoolEdit-page .post-content .list-table tbody td.buttoned {
    text-align: center;
}
.schoolEdit-page .post-content .list-table tbody td {
    border: #ddd solid 1px;
}
.schoolEdit-page .movie-area p {
    margin-bottom: 0.5rem;
}
.schoolEdit-page .movie-area p:before {
    content: '\25BC';
}

/* admin/schooledit-preview */
.schoolEditPreview #main .school_contents .bg_img {
    margin: 2rem 0;
    text-align: center;
}

/* admin/recruitment-edit */
.recruitmentEdit-page .entry_into_div .msg_span {
    bottom: -25px;
}
.recruitmentEdit-page #preview_entry {
    bottom: 250px;
}
.recruitmentEdit-page #preview_entry pre {
    padding: 0;
    overflow: visible;
    white-space: pre-line;
    line-height: 1.7;
/*    font-family: 'Hiragino Kaku Gothic ProN', ' ヒラギノ角ゴ ProN W3', 'meiryo', ' メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic';*/
    word-break: break-all;
}
.recruitmentEdit-page #privacy_policy_div .exam_a {
    right: 0;
    top: -1.5rem;
}
.recruitmentEdit-page #privacy_policy_div .exam_b {
    position: absolute;
    left: 0;
    top: -1.5rem;
}

/* admin/benefitsList-page */
.benefitsList-page #main form {
    width: 100%;
    margin-left: 0;
}
.benefitsList-page form > div > div {
    padding-right: 0;
}
.benefitsList-page form > .button {
    padding-left: 210px;
    margin: 0;
}
.benefitsList-page .preview-btn,
.benefitsList-page .success-btn {
    width: 200px;
    height: 50px;
}
.benefitsList-page .tinyarea {
    display: inline-block;
    width: 755px;
}
.benefitsList-page .info-contents table td.select_box_td {
    white-space: nowrap;
}
.benefitsList-page .info-contents .list-table thead {
    background: #5e6265;
}
.benefitsList-page .info-contents .list-table thead th {
    background: #5e6265;
    color: #ffffff;
    border: #ddd solid 1px;
}
.benefitsList-page .info-contents .list-table thead th.buttoned,
.benefitsList-page .info-contents .list-table tbody td.buttoned {
    text-align: center;
}
.benefitsList-page .info-contents .list-table tbody td {
    border: #ddd solid 1px;
}

/* admin/benefitsList-preview */
.benefitsListPreview #main .school_contents .bg_img {
    margin: 2rem 0;
    text-align: center;
}
.benefitsListPreview #main .school_contents {
    margin-bottom: 5rem;
}
.benefitsListPreview #main .benefits_list_div .benefit_list {
    height: auto;
    min-height: 370px;
    border-top: 2px dashed #d8d8d8;
}
.benefitsListPreview #main .benefits_list_div .benefit_list:last-child,
.benefitsListPreview #main .benefits_list_div .benefit_list:nth-last-child(2) {
    border-bottom: 2px dashed #d8d8d8;
}
.benefitsListPreview #main .benefits_list_div .benefit_list .benefit_img {
    height: 270px;
    vertical-align: middle;
}
.benefitsListPreview #main .benefits_list_div .benefit_list .benefit_con {
    min-height: 270px;
    vertical-align: middle;
}
.benefitsListPreview #main .benefits_list_div .benefit_list .benefit_con .benefit_con_title {
    margin-bottom: 1.5rem;
}
.benefitsListPreview #main .benefits_list_div .benefit_list .benefit_con_con p {
    margin-bottom: 0;
}
.benefitsListPreview #main .benefits_list_div.vertical-02 .benefit_list .benefit_img {
    float: right;
    margin: 0 0 0 4%;
}
.benefitsListPreview #main .benefits_list_div.vertical-03 .benefit_list.selector .benefit_img {
    float: right;
    margin: 0 0 0 4%;
}
.benefitsListPreview #main .benefits_list_div.horizontal .benefit_list {
    min-height: 0;
}
.benefitsListPreview #main .benefits_list_div.horizontal .benefit_list .benefit_img {
    width: 100%;
    height: 550px;
    margin-bottom: 2rem;
    background-size: auto 100%;
}
.benefitsListPreview #main .benefits_list_div.horizontal .benefit_list .benefit_con {
    width: 100%;
    min-height: 0;
}

@media screen and (max-width: 767px) {
    .benefitsListPreview #main .benefits_list_div.vertical-02 .benefit_list .benefit_con_con,
    .benefitsListPreview #main .benefits_list_div.vertical-03 .benefit_list.selector .benefit_con_con {
        margin: 1rem 0;
    }
}

/* admin/benefitsPart-page */
.benefitsPart-page .tinyarea {
    display: inline-block;
    width: 755px;
}
.benefitsPart-page .post-content table td.select_box_td {
    white-space: nowrap;
}
.benefitsPart-page .post-content .list-table thead {
    background: #5e6265;
}
.benefitsPart-page .post-content .list-table thead th {
    background: #5e6265;
    color: #ffffff;
    border: #ddd solid 1px;
}
.benefitsPart-page .post-content .list-table thead th.buttoned,
.benefitsPart-page .post-content .list-table tbody td.buttoned {
    text-align: center;
}
.benefitsPart-page .post-content .list-table tbody td {
    border: #ddd solid 1px;
}

/* admin/memberPart-page */
.memberPart-page .tinyarea {
    display: inline-block;
    width: 755px;
}
.memberPart-page .post-content .list-table thead {
    background: #5e6265;
}
.memberPart-page .post-content table td.select_box_td {
    white-space: nowrap;
}
.memberPart-page .post-content .list-table thead {
    background: #5e6265;
}
.memberPart-page .post-content .list-table thead th {
    background: #5e6265;
    color: #ffffff;
    border: #ddd solid 1px;
}
.memberPart-page .post-content .list-table thead th.buttoned,
.memberPart-page .post-content .list-table tbody td.buttoned {
    text-align: center;
}
.memberPart-page .post-content .list-table tbody td {
    border: #ddd solid 1px;
}

/* admin/memberPart-preview */
.memberPart-preview .member_detail_con p {
    margin-bottom: 0;
}
/*.memberPart-preview #main .member_detail_div .member_detail_item .member_detail_img_div.none-item {
    display: none;
}*/


/* admin/messageedit */
.messageEdit-page .messageedit > div > div {
    width: 210px;
}
.messageEdit-page form div div.scroll_div {
    width: 755px;
    height: 360px;
    padding: 15px;
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
}
.messageEdit-page div div.color_sel_div {
    width: 750px;
    height: auto;
    background-color: #ffffff;
    padding: 10px;
    border: 1px solid #e6e6e6;
}
.messageEdit-page .tinyarea {
    width: 750px;
}
.messageEdit-page .post-content table td.select_box_td {
    white-space: nowrap;
}
.messageEdit-page .post-content .list-table thead {
    background: #5e6265;
}
.messageEdit-page .post-content .list-table thead th {
    background: #5e6265;
    color: #ffffff;
    border: #ddd solid 1px;
}
.messageEdit-page .post-content .list-table thead th.buttoned,
.messageEdit-page .post-content .list-table tbody td.buttoned {
    text-align: center;
}
.messageEdit-page .post-content .list-table tbody td {
    border: #ddd solid 1px;
}

/* admin/messageEditPreview */
.messageEditPreview #main .school_contents .bg_img {
    text-align: center;
}

/* admin/freeList-page */
.freeList-page #main form {
    width: 100%;
    margin-left: 0;
}
.freeList-page form > div > div {
    padding-right: 0;
}
.freeList-page form > .button {
    padding-left: 210px;
    margin: 0;
}
.freeList-page .preview-btn,
.freeList-page .success-btn {
    width: 200px;
    height: 50px;
}
.freeList-page .tinyarea {
    display: inline-block;
    width: 755px;
}
.freeList-page .info-contents table td.select_box_td {
    white-space: nowrap;
}
.freeList-page .info-contents .list-table thead {
    background: #5e6265;
}
.freeList-page .info-contents .list-table thead th {
    background: #5e6265;
    color: #ffffff;
    border: #ddd solid 1px;
}
.freeList-page .info-contents .list-table thead th.buttoned,
.freeList-page .info-contents .list-table tbody td.buttoned {
    text-align: center;
}
.freeList-page .info-contents .list-table tbody td {
    border: #ddd solid 1px;
}

/* admin/freeEdit */
.freeEdit-page .freeEdit > div > div {
    width: 210px;
}
.freeEdit-page form div div.scroll_div {
    width: 755px;
    height: 360px;
    padding: 15px;
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
}
.freeEdit-page div div.color_sel_div {
    width: 750px;
    height: auto;
    background-color: #ffffff;
    padding: 10px;
    border: 1px solid #e6e6e6;
}
.freeEdit-page .tinyarea {
    width: 750px;
}

/* admin/freePart-page */
.freePart-page .tinyarea {
    display: inline-block;
    width: 755px;
}
.freePart-page .post-content table td.select_box_td {
    white-space: nowrap;
}
.freePart-page .post-content .list-table thead {
    background: #5e6265;
}
.freePart-page .post-content .list-table thead th {
    background: #5e6265;
    color: #ffffff;
    border: #ddd solid 1px;
}
.freePart-page .post-content .list-table thead th.buttoned,
.freePart-page .post-content .list-table tbody td.buttoned {
    text-align: center;
}
.freePart-page .post-content .list-table tbody td {
    border: #ddd solid 1px;
}

/* admin/setting-page */
.page-template-page-my-settingedit .customSwalBtn { 
    border: 0; 
    border-radius: 3px; 
    box-shadow: none; 
    color: #fff; 
    cursor: pointer; 
    font-size: 17px; 
    font-weight: 500; 
    margin: 30px 5px 0px 5px; 
    padding: 10px 32px; 
}
.page-template-page-my-settingedit .SwalBtn1,
.page-template-page-my-settingedit .SwalBtn2 {
    background-color: rgb(40, 96, 144);
    border-left-color: rgb(40, 96, 144);
    border-right-color: rgb(40, 96, 144);
}
.page-template-page-my-settingedit .SwalBtn3 {
    background-color: rgb(170, 170, 170);
    border-left-color: rgb(170, 170, 170);
    border-right-color: rgb(170, 170, 170);
}
.settingEdit .post-content table thead th {
    white-space: nowrap;
}
.settingEdit .defalt_box .default_title {
    width: 100%;
    margin-bottom: 1rem;
}
.settingEdit .defalt_box .default_title .info-button:hover .info-txt {
    width: 450px;
    top: -8px;
    right: -470px;
    left: auto;
}
.settingEdit .defalt_box .default_title .info-button:hover .info-txt:after {
    left: -20px;
    top: auto;
    box-sizing: border-box;
    bottom: auto;
    border-top: 10px solid transparent;
    border-right: 10px solid #898989;
    border-bottom: 10px solid transparent;
}
.settingEdit .defalt_box .sns_wrap {
    width: 100%;
    margin-bottom: 0;
}
.settingEdit .defalt_box .sns_wrap .msg_span {
    bottom: -25px;
}
.settingEdit .sns_wrap span input {
    width: 650px;
}


/* admin/recruitment-edit */
tbody#member_dnd {
    background: #fff;
}
table.data_list.meet_entry_form * {
    text-align: center;
}
#main table.data_list {
    width: 710px;
}
.post-content table td.none {
    background: #f9f9f9;
}




@media screen and (max-width: 767px) {
    .messageEditPreview #main .member_detail_div .member_detail_item.in_catch.used-mb {
        margin-top: 0;
        margin-bottom: 0;
    }
    .messageEditPreview #main .member_detail_div .member_detail_item.used-mb .member_detail_img_div {
        height: auto;
        padding-bottom: 0;
        /*margin-bottom: 1rem;*/
    }
    .messageEditPreview #main .member_detail_div .member_detail_item .member_detail_img {
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        margin-bottom: 2rem;
    }
    .messageEditPreview #main .member_detail_div .member_detail_item .member_detail_img_div .catch {
        position: relative;
        display: inline-block;
        margin-top: 2rem;
    }
}

/* admin/question */
body.logged-in .question-page#content {
    padding-left: 210px;
}

/* admin/account */
.myAccountEdit-page .preview > div > div:last-child {
    width: auto;
}

/* admin/plan */
.plan-page .post-content #case-06 p {
    margin-bottom: 0;
}
.plan-page #case-06 table .select_style {
    position: relative;
    display: inline-block;
}
.plan-page #case-06 table .select_style span {
    position: absolute;
    top: 0;
    right: -1rem;
    width: auto;
    color: #22a07d;
    font-weight: bold; 
}
.plan-page .post-content table tbody tr:last-child th {
    background: #5e6265;
}
.plan-page #case-06 table td div {
    display: inline-block;
    text-align: justify;
    text-justify: inter-ideograph;
}
.plan-page #case-06 table td span {
    display: inline-block;
    width: 100%;
    font-size: 0.7rem;
}
.plan-page #case-06 .table-description {
    width: 100%;
    max-width: 1020px;
    text-align: justify;
    text-justify: inter-ideograph; 
}
.plan-page #case-06 .table-description .case-desc {
    padding: 0.5rem 0;
    margin: 0.5rem 0;
    font-size: 0.9rem;
    font-weight: bold;
    color: #22a07d;
}

/* school/top */
body.page-template-page-school-top.FullScreen #header {
    top: auto;
    bottom: 0;
}

#main .school_info_div.singlePararax .used-pc,
#main .school_info_div.singlePararax .used-mb {
    text-align: center;
}

body.FullScreen.page-template-page-school-top #header .wrap.hamberger .menu_ham_div .menu_ham_btn .menu {
    top: auto;
    bottom: 85px;
}
@media screen and (max-width: 767px) {
    body.FullScreen.page-template-page-school-top #header .wrap.mobile .menu_div .menu_btn #menu_list {
        top: auto;
        bottom: 60px;
    }
    .schoolTop-page #main .school_contents:not(.singlePararax) .bg_img.used-mb:not(.select-img):after,
    .schoolTop-page #main .singlePararax_box3.used-mb:after,
    .schoolTop-page #main .singlePararax_box2 div.used-mb:after,
    .topEditPreview #main .school_contents .bg_img.used-mb:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(255, 255, 255, 0.5);
    }
    .schoolTop-page #main .school_contents:not(.singlePararax) .bg_img.used-mb:not(.select-img) .bg_img_dummy,
    .schoolTop-page #main .singlePararax_box3.used-mb .bg_img_dummy,
    .schoolTop-page #main .singlePararax_box2 div.used-mb .bg_img_dummy,
    .topEditPreview .school_contents .bg_img.used-mb .bg_img_dummy{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        filter: blur(2px);
        -webkit-filter: blur(2px);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .schoolTop-page #main .school_contents:not(.singlePararax) .bg_img.used-mb .bg_img2,
    .schoolTop-page #main .singlePararax_box3.used-mb .bg_img2,
    .schoolTop-page #main .singlePararax_box2 div.used-mb .bg_img2,
    .topEditPreview #main .school_contents .bg_img.used-mb .bg_img2 {
        z-index: 1;
    }
    .schoolTop-page #main .benefits_list_div.vertical-02 .benefit_list .benefit_con_con,
    .schoolTop-page #main .benefits_list_div.vertical-03 .benefit_list.selector .benefit_con_con {
        margin: 1rem 0;
    }
}

/* 利用規約・プライバシーポリシー追加 */
.account-page {
    text-align: center;
} 
.account-page#content {
    padding-left: 210px;
}
.account-page .wrap #main {
    display: inline-block;
    margin-left: 0;
}
.account-page #main .main-inner {
    text-align: justify;
    text-justify: inter-ideograph;
}
.account-page #main form {
    width: 100%;
    margin-left: 0;
}
.account-page form .relative {
    display: inline-block;
    vertical-align: top;
}
.account-page form .msg_span {
    bottom: -1.5rem;
}
.account-page input[type='text']:-ms-input-placeholder,
.account-page form input[type='text']:-ms-input-placeholder {
    color: #d6d6d6;
}
.account-page .kojin-box {
    -webkit-overflow-scrolling: touch;
    width: 100%;
    margin: 3rem auto 0;
}
.account-page .kojin-box h5{
    text-align: center;
    font-size: 18px;
    line-height: 32px;
    font-weight: 700;
}
.account-page .kojin-box > p{
    text-align: center;
    font-size: 12px;
    line-height: 1.75;
}
.account-page .kojin-box iframe {
    border: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.account-page .kojin-box a{
    display: block;
    transition: .3s;
}
i.fa.fa-external-link {
    font-size: 15px;
    padding-right: 2px;
}
.account-page .kojin-box a:hover{
    transition: .3s;
    text-decoration: none;
    color: #328070;
}

/** 受付ダイアログ **/
.btn-cameraFlip {
    width: 50px;
    height: 25px;
    margin: 0 auto;
    padding: 15px 0;
    font-size: 20px;
    text-decoration: none;
    display: block;
    text-align: center;
    border-color: #e3dde6;
    opacity: 1;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    background: url(./img/icon/icon_camera_flip.png) no-repeat 5px/40px;
}

.btn-cameraFlip:hover {
    border-color: #e3dde6;
    opacity: 0.8;
    background: url(./img/icon/icon_camera_flip.png) no-repeat 5px/40px;
}
.btn-cameraFlip[disabled]:hover {
    border-color: #97919a;
    opacity: 0.65;
    background: url(./img/icon/icon_camera_flip.png) no-repeat 5px/40px;
}
.btn-cameraFlip:focus {
    border-color: #97919a;
    opacity: 0.8;
    background: url(./img/icon/icon_camera_flip.png) no-repeat 5px/40px;
}
.btn-cameraFlip:active {
    background-color: #97919a !important;
    border-color: #97919a !important;
    opacity: 0.6;
    background: url(./img/icon/icon_camera_flip.png) no-repeat 5px/40px;
}

#qrReader { width:650px;}
#camera, #picture #dialogReception { justify-content:center; width:100%; padding: 0px; margin: 0px;}
#receptionParentCanvas {position: relative;}
#picture { display:none; }
#camera { z-index: 1;}
#qRCodeReadableLine {
    z-index: 2;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0px;
}

#dialogReception > div {
    margin-left:unset;
}

#displayMessage {
    display: table;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0, 0.75);
    z-index: 9998;
}

#displayMessage .message {
    text-align: center;
    vertical-align: middle;
    color: white;
    font-size: 20pt;
    padding-top: 140px;
    z-index: 9999;
}

#displayMessage .subMessage {
    text-align: center;
    vertical-align: middle;
    color: white;
    font-size: 11pt;
    padding-top: 20px;
    width: 100%;
    z-index: 9999;
}

.inputContents{
    display: inline-block;
}