/* 微調整用 */

.aover {
    transition: .1500s ease-in-out;
    -webkit-transition: .1500s ease-in-out;
    -moz-transition: .1500s ease-in-out;
    -ms-transition: .1500s ease-in-out;
    -o-transition: .1500s ease-in-out;
}


/* 区画マウスオーバー */

.aover:hover {
    background: #9fa9b10d;
    transform: translateY(3px);
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
}


/* imgタグ縦横比固定 */

.h-auto {
    height: auto;
    width: 100%;
}

/* カバー画像 */
/* tag:none-blur */
.wp-block-cover.none-blur .wp-block-cover__image-background {
    -webkit-filter: blur(0) !important;
    filter: blur(0) !important;
}

/* GridLayout */

.gl-ctn {
    display: grid;
    /* グリッドレイアウト */
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.filter-none img{
    filter: none !important;
    -webkit-filter: none !important;
}

.row-block{
    display: flow-root;
}


/* img中央寄せ */

.img-middle {
    align-items: center;
    display: flex;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.webkit-inline-box {
    display: -webkit-inline-box !important;
}

.inline {
    display: inline !important;
}

.\!inline {
    display: inline !important;
}

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.table {
    display: table;
}

.inline-table {
    display: inline-table;
}

.table-caption {
    display: table-caption;
}

.table-cell {
    display: table-cell;
}

.table-column {
    display: table-column;
}

.table-column-group {
    display: table-column-group;
}

.table-footer-group {
    display: table-footer-group;
}

.table-header-group {
    display: table-header-group;
}

.table-row-group {
    display: table-row-group;
}

.table-row {
    display: table-row;
}

.flow-root {
    display: flow-root;
}

.grid {
    display: grid;
}

.inline-grid {
    display: inline-grid;
}

.contents {
    display: contents;
}

.list-item {
    display: list-item;
}

.hidden {
    display: none;
}

.border-none {
    border: none !important;
}
.br-none br{
    display: none;
}

.gl-row {
    grid-template-rows: 100%;
}

.gl-col-38-1fr {
    grid-template-columns: 38px 1fr;
}

.gl-col-48-1fr {
    grid-template-columns: 48px 1fr;
}

.gl-col-1fr-38 {
    grid-template-columns: 1fr 38px;
}

.gl-col {
    grid-template-columns: 45px 1fr;
}

.gl-1-1 {
    grid-row: 1;
    grid-column: 1;
}

.gl-1-2 {
    grid-row: 1;
    grid-column: 2;
}

.gl-2-1 {
    grid-row: 1;
    grid-column: 1;
}

.gl-2-2 {
    grid-row: 2;
    grid-column: 2;
}


/* 位置関係 */

.z-idx-1 {
    z-index: 1;
}

.z-idx-2 {
    z-index: 2;
}

.z-idx-3 {
    z-index: 3;
}

.z-idx-m1 {
    z-index: -1;
}


/* ポジション */

.position-fixed {
    position: fixed !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-static {
    position: static !important;
}

.position-sticky {
    position: sticky !important;
}

.position-inherit {
    position: inherit !important;
}


/* width */

.w-0p {
    width: 0% !important;
}

.w-5p {
    width: 5% !important;
}

.w-10p {
    width: 10% !important;
}

.w-15p {
    width: 15% !important;
}

.w-20p {
    width: 20% !important;
}

.w-25p {
    width: 25% !important;
}

.w-30p {
    width: 30% !important;
}

.w-35p {
    width: 35% !important;
}

.w-40p {
    width: 40% !important;
}

.w-45p {
    width: 45% !important;
}

.w-50p {
    width: 50% !important;
}

.w-55p {
    width: 55% !important;
}

.w-60p {
    width: 60% !important;
}

.w-65p {
    width: 65% !important;
}

.w-70p {
    width: 70% !important;
}

.w-75p {
    width: 75% !important;
}

.w-80p {
    width: 80% !important;
}

.w-85p {
    width: 85% !important;
}

.w-90p {
    width: 90% !important;
}

.w-95p {
    width: 95% !important;
}

.w-100p {
    width: 100% !important;
}

.w-full {
    width: 100% !important;
}

/* display */

.display-block {
    display: block !important;
}

.display-flex {
    display: flex !important;
}

.display-inline-table {
    display: inline-table !important;
}

.display-table {
    display: table !important;
}

.display-contents {
    display: contents !important;
}

.disp-none {
    display: none !important;
}

.disp-inline-flex {
    display: inline-flex !important;
}


/*ポジション*/

.pos-center {
    text-align: center !important;
    float: inherit !important;
}

.pos-right {
    text-align: right !important;
    float: inherit !important;
}

.pos-left {
    text-align: left !important;
    float: inherit !important;
}


/*ポジション(親基準)*/

.pos-center-child {
    margin-right: auto;
    margin-left: auto;
}

.pos-middle-child {
    display: flex;
    justify-content: center;
    align-items: center;
}


/* リスト */

.bf-triangle:before {
    font-family: "Font Awesome 5 Free" !important;
    content: "►" !important;
    padding-right: 3px !important;
    position: static !important;
}

.valign-top {
    vertical-align: top !important;
}

.valign-right {
    vertical-align: right !important;
}

.valign-bottom {
    vertical-align: bottom !important;
}

.valign-left {
    vertical-align: left !important;
}

.valign-sub {
    vertical-align: sub !important;
}


/* フォント関係 */

.b {
    font-weight: 700 !important;
}


/* 装飾タイプ */

.fdeco-catch {
    position: relative !important;
    font-size: 1.05rem !important;
    padding: 5px 2px !important;
    background: linear-gradient(transparent 57%, #ffa7a752 57%) !important;
    font-family: 'Arial', 'arial unicode ms', sans-serif;
}

/* 区切り */

.hr-01 {
    text-align: left;
    margin-left: 10px;
    width: 90%;
    margin: 8px 0px 8px 10px;
}


/* コメント */

div[class^="comment-"] {
    margin: 1vw 0vw 1vw 0vw;
    padding: 0.3em .2em .3em .6em;
    font-size: 0.8em;
    display: grid;
    z-index: 500;
    position: relative;
}

div[class^="comment-"] div {
    display: table-cell;
    vertical-align: middle;
}

div[class^="comment-"] btn {
    padding: 0px 5px 0px 5px;
    margin: 0px 0px 0px 5px;
}

div[class^="comment-"] .btn-block {
    text-align: right;
}

.comment-default {
    background: #f9f9f9;
    border: solid 2px #e6e5e5;
    color: dimgray;
}

.comment-green {
    background: #f7fff8;
    border: solid 2px #adecbc;
    color: #69d081;
}

.comment-blue {
    background: #f7f9ff;
    border: solid 2px #a7d4ff;
    color: #aec5ef;
}

.comment-red {
    background: #fff4f4;
    border: solid 2px #ffcfd0;
    color: #ffb9c2;
}


/* 色 */

.fcolor-default {
    color: #4b555d !important;
}

.fcolor-red {
    color: #ff4b5c !important;
}

.fcolor-gray {
    color: gray !important;
}

.fcolor-greengray {
    color: #869797 !important;
}

.fcolor-thingray {
    color: #86978e70 !important;
}

.fsize-s {
    font-size: 11px !important;
}

.fsize-m {
    font-size: 13px !important;
}

.fsize-l {
    font-size: 15px !important;
}

.fsize-04vw {
    font-size: 0.4vw !important;
}

.fsize-26px {
    font-size: 26px !important;
}


/*フォント装飾*/

.fw-bold {
    font-weight: bold;
}


/*--- ボーダー ---*/


/* 色 */

.b-c-gray {
    border-color: gray !important;
}

.b-c-darkgray {
    border-color: darkgray !important;
}

.b-c-blue {
    border-color: blue !important;
}


/* 枠線 */

.bd-sol-1 {
    border: 1px solid;
}

.bd-sol-2 {
    border: 2px solid;
}

.bd-sol-3 {
    border: 3px solid;
}

.bd-sol-1-gray {
    border: 1px solid gray;
}

/* アイコンサイズ */

.img-38x38 {
    height: 38px !important;
    width: 38px !important;
}

.img-42x42 {
    height: 42px !important;
    width: 42px !important;
}

.img-48x48 {
    height: 48px !important;
    width: 48px !important;
}

.img-54x54 {
    height: 54px !important;
    width: 54px !important;
}

.img-98x98 {
    height: 98px !important;
    width: 98px !important;
}


/* 背景 */

.bg-default {
    color: white !important;
    background-color: #26a69a !important;
}

.bg-lightgray {
    color: rgb(70, 70, 70) !important;
    background-color: rgb(204, 204, 204) !important;
}

.bg-ghostwhite {
    color: black !important;
    background-color: ghostwhite !important;
}

.stamp-bg-black {
    color: white !important;
    background-color: black !important;
}

.bg-gray {
    color: white !important;
    background-color: gray !important;
}

.bg-red {
    color: white !important;
    background-color: #f14444 !important;
}

.bg-blue {
    color: white !important;
    background-color: blue !important;
}

.bg-green {
    color: white !important;
    background-color: #008000 !important;
}

.bg-darkgreen {
    color: white !important;
    background-color: green !important;
}

.bg-black {
    color: white !important;
    background-color: black !important;
}

.bg-gold {
    color: black !important;
    background-color: gold !important;
}

.bg-navy {
    color: white !important;
    background-color: navy !important;
}

.bg-whitesmoke {
    color: darkgray !important;
    background-color: whitesmoke !important;
}

.bg-mediumaquamarine {
    color: white !important;
    background-color: mediumaquamarine !important;
}

.bg-blue {
    color: white !important;
    background-color: blue !important;
}

.bg-crimson {
    color: white !important;
    background-color: crimson !important;
}

.bg-dimgray {
    color: white !important;
    background-color: dimgray !important;
}

.bg-aliceblue {
    background-color: aliceblue !important;
}

.bg-mask {
    background-color: #808080 !important;
}

@media screen and (min-width: 2700px) {
    /* フォントサイズ */
    .res-fsize-lll{
        font-size: 70px !important;
    }
    .res-fsize-ll{
        font-size: 60px !important;
    }
    .res-fsize-l{
        font-size: 42px !important;
    }
    .res-fsize-m{
        font-size: 30px !important;
    }
    .res-fsize{
        font-size: 26px !important;
    }
    .res-fsize-s{
        font-size: 20px !important;
    }
    /* 共通画面幅制御用 */
    .width-wrap {
        margin: auto;
        padding-left: 120px !important;padding-right: 120px !important;
    }
    .width-wrap-ll {
        margin: auto;
        padding-left: 190px !important;padding-right: 190px !important;
    }
    .width-wrap-l {
        margin: auto;
        padding-left: 380px !important;padding-right: 380px !important;
    }
    .width-wrap-m {
        margin: auto;
        padding-left: 720px !important;padding-right: 720px !important;
    }
    .width-wrap-s {
        margin: auto;
        padding-left: 1500px !important;padding-right: 1500px !important;
    }
    .mg-width-wrap {
        margin-left: 120px !important;margin-right: 120px !important;
    }
    .mg-width-wrap-ll {
        margin-left: 190px !important;margin-right: 190px !important;
    }
    .mg-width-wrap-l {
        margin-left: 380px !important;margin-right: 380px !important;
    }
    .mg-width-wrap-m {
        margin-left: 720px !important;margin-right: 720px !important;
    }
    .mg-width-wrap-s {
        margin-left: 1500px !important;margin-right: 1500px !important;
    }
    /* 左右調整用 */
    .left-wrap {
        padding-left: 120px !important;
    }
    .left-wrap-ll {
        padding-left: 190px !important;
    }
    .left-wrap-l {
        padding-left: 380px !important;
    }
    .left-wrap-m {
        padding-left: 720px !important;
    }
    .left-wrap-s {
        padding-left: 1500px !important;
    }
    .right-wrap {
        padding-right: 120px !important;
    }
    .right-wrap-ll {
        padding-right: 190px !important;
    }
    .right-wrap-l {
        padding-right: 380px !important;
    }
    .right-wrap-m {
        padding-right: 720px !important;
    }
    .right-wrap-s {
        padding-right: 1500px !important;
    }
    .mg-left-wrap {
        margin-left: 120px !important;
    }
    .mg-left-wrap-ll {
        margin-left: 190px !important;
    }
    .mg-left-wrap-l {
        margin-left: 380px !important;
    }
    .mg-left-wrap-m {
        margin-left: 720px !important;
    }
    .mg-left-wrap-s {
        margin-left: 1500px !important;
    }
    .mg-right-wrap {
        margin-right: 120px !important;
    }
    .mg-right-wrap-ll {
        margin-right: 190px !important;
    }
    .mg-right-wrap-l {
        margin-right: 380px !important;
    }
    .mg-right-wrap-m {
        margin-right: 720px !important;
    }
    .mg-right-wrap-s {
        margin-right: 1500px !important;
    }
    /* スペーサー用 */
    .spacer-ll{
        height: 180px !important;
    }
    .spacer-l{
        height: 144px !important;
    }
    .spacer-m{
        height: 72px !important;
    }
    .spacer-s{
        height: 34px !important;
    }
}
@media screen and (min-width: 1591px) and (max-width: 2699px) {
    /* フォントサイズ */
    .res-fsize-lll{
        font-size: 64px !important;
    }
    .res-fsize-ll{
        font-size: 50px !important;
    }
    .res-fsize-l{
        font-size: 36px !important;
    }
    .res-fsize-m{
        font-size: 26px !important;
    }
    .res-fsize{
        font-size: 22px !important;
    }
    .res-fsize-s{
        font-size: 16px !important;
    }
    /* 共通画面幅制御用 */
    .width-wrap {
        margin: auto;
        padding-left: 64px !important;padding-right: 64px !important;
    }
    .width-wrap-ll {
        margin: auto;
        padding-left: 100px !important;padding-right: 100px !important;
    }
    .width-wrap-l {
        margin: auto;
        padding-left: 200px !important;padding-right: 200px !important;
    }
    .width-wrap-m {
        margin: auto ;
        padding-left: 400px !important;padding-right: 400px !important;
    }
    .width-wrap-s {
        margin: auto;
        padding-left: 900px !important;padding-right: 900px !important;
    }
    .mg-width-wrap {
        margin-left: 64px !important;margin-right: 64px !important;
    }
    .mg-width-wrap-l {
        margin-left: 100px !important;margin-right: 100px !important;
    }
    .mg-width-wrap-l {
        margin-left: 200px !important;margin-right: 200px !important;
    }
    .mg-width-wrap-m {
        margin-left: 400px !important;margin-right: 400px !important;
    }
    .mg-width-wrap-s {
        margin-left: 900px !important;margin-right: 900px !important;
    }
    /* 左右調整用 */
    .left-wrap {
        padding-left: 64px !important;
    }
    .left-wrap-ll {
        padding-left: 100px !important;
    }
    .left-wrap-l {
        padding-left: 200px !important;
    }
    .left-wrap-m {
        padding-left: 400px !important;
    }
    .left-wrap-s {
        padding-left: 900px !important;
    }
    .right-wrap {
        padding-right: 64px !important;
    }
    .right-wrap-ll {
        padding-right: 100px !important;
    }
    .right-wrap-l {
        padding-right: 200px !important;
    }
    .right-wrap-m {
        padding-right: 400px !important;
    }
    .right-wrap-s {
        padding-right: 900px !important;
    }
    .mg-left-wrap {
        margin-left: 64px !important;
    }
    .mg-left-wrap-ll {
        margin-left: 100px !important;
    }
    .mg-left-wrap-l {
        margin-left: 200px !important;
    }
    .mg-left-wrap-m {
        margin-left: 400px !important;
    }
    .mg-left-wrap-s {
        margin-left: 900px !important;
    }
    .mg-right-wrap {
        margin-right: 64px !important;
    }
    .mg-right-wrap-ll {
        margin-right: 100px !important;
    }
    .mg-right-wrap-l {
        margin-right: 200px !important;
    }
    .mg-right-wrap-m {
        margin-right: 400px !important;
    }
    .mg-right-wrap-s {
        margin-right: 900px !important;
    }
    /* スペーサー用 */
    .spacer-ll{
        height: 140px !important;
    }
    .spacer-l{
        height: 104px !important;
    }
    .spacer-m{
        height: 54px !important;
    }
    .spacer-s{
        height: 20px !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1590px) {
    /* フォントサイズ */
    .res-fsize-lll{
        font-size: 48px !important;
    }
    .res-fsize-ll{
        font-size: 40px !important;
    }
    .res-fsize-l{
        font-size: 30px !important;
    }
    .res-fsize-m{
        font-size: 20px !important;
    }
    .res-fsize{
        font-size: 20px !important;
    }
    .res-fsize-s{
        font-size: 14px !important;
    }
    /* 共通画面幅制御用 */
    .width-wrap {
        margin: auto;
        padding-left: 32px !important;padding-right: 32px !important;
    }
    .width-wrap-ll {
        margin: auto;
        padding-left: 50px !important;padding-right: 50px !important;
    }
    .width-wrap-l {
        margin: auto;
        padding-left: 100px !important;padding-right: 100px !important;
    }
    .width-wrap-m {
        margin: auto ;
        padding-left: 200px !important;padding-right: 200px !important;
    }
    .width-wrap-s {
        margin: auto;
        padding-left: 450px !important;padding-right: 450px !important;
    }
    .mg-width-wrap {
        margin-left: 32px !important;margin-right: 32px !important;
    }
    .mg-width-wrap-ll {
        margin-left: 50px !important;margin-right: 50px !important;
    }
    .mg-width-wrap-l {
        margin-left: 100px !important;margin-right: 100px !important;
    }
    .mg-width-wrap-m {
        margin-left: 200px !important;margin-right: 200px !important;
    }
    .mg-width-wrap-s {
        margin-left: 450px !important;margin-right: 450px !important;
    }
    /* 左右調整用 */
    .left-wrap {
        padding-left: 32px !important;
    }
    .left-wrap-ll {
        padding-left: 50px !important;
    }
    .left-wrap-l {
        padding-left: 100px !important;
    }
    .left-wrap-m {
        padding-left: 200px !important;
    }
    .left-wrap-s {
        padding-left: 450px !important;
    }
    .right-wrap {
        padding-right: 32px !important;
    }
    .right-wrap-ll {
        padding-right: 50px !important;
    }
    .right-wrap-l {
        padding-right: 100px !important;
    }
    .right-wrap-m {
        padding-right: 200px !important;
    }
    .right-wrap-s {
        padding-right: 450px !important;
    }
    .mg-left-wrap {
        margin-left: 32px !important;
    }
    .mg-left-wrap-ll {
        margin-left: 50px !important;
    }
    .mg-left-wrap-l {
        margin-left: 100px !important;
    }
    .mg-left-wrap-m {
        margin-left: 200px !important;
    }
    .mg-left-wrap-s {
        margin-left: 450px !important;
    }
    .mg-right-wrap {
        margin-right: 32px !important;
    }
    .mg-right-wrap-ll {
        margin-right: 50px !important;
    }
    .mg-right-wrap-l {
        margin-right: 100px !important;
    }
    .mg-right-wrap-m {
        margin-right: 200px !important;
    }
    .mg-right-wrap-s {
        margin-right: 450px !important;
    }
    /* スペーサー用 */
    .spacer-ll{
        height: 100px !important;
    }
    .spacer-l{
        height: 54px !important;
    }
    .spacer-m{
        height: 28px !important;
    }
    .spacer-s{
        height: 10px !important;
    }
}

@media screen and (min-width: 780px) and (max-width: 1023px) {
    /* フォントサイズ */
    .res-fsize-lll{
        font-size: 40px !important;
    }
    .res-fsize-ll{
        font-size: 32px !important;
    }
    .res-fsize-l{
        font-size: 26px !important;
    }
    .res-fsize-m{
        font-size: 20px !important;
    }
    .res-fsize{
        font-size: 19px !important;
    }
    .res-fsize-s{
        font-size: 12px !important;
    }
    /* 共通画面幅制御用 */
    .width-wrap {
        padding-left: 16px !important;padding-right: 16px !important;
    }
    .width-wrap-ll {
        padding-left: 22px !important;padding-right: 22px !important;
    }
    .width-wrap-l {
        padding-left: 32px !important;padding-right: 32px !important;
    }
    .width-wrap-m {
        padding-left: 82px !important;padding-right: 82px !important;
    }
    .width-wrap-s {
        padding-left: 184px !important;padding-right: 184px !important;
    }
    .mg-width-wrap {
        margin-left: 16px !important;margin-right: 16px !important;
    }
    .mg-width-wrap-ll {
        margin-left: 22px !important;margin-right: 22px !important;
    }
    .mg-width-wrap-l {
        margin-left: 32px !important;margin-right: 32px !important;
    }
    .mg-width-wrap-m {
        margin-left: 82px !important;margin-right: 82px !important;
    }
    .mg-width-wrap-s {
        margin-left: 184px !important;margin-right: 184px !important;
    }
    /* 左右調整用 */
    .left-wrap {
        padding-left: 16px !important;
    }
    .left-wrap-ll {
        padding-left: 22px !important;
    }
    .left-wrap-l {
        padding-left: 32px !important;
    }
    .left-wrap-m {
        padding-left: 82px !important;
    }
    .left-wrap-s {
        padding-left: 184px !important;
    }
    .right-wrap {
        padding-right: 16px !important;
    }
    .right-wrap-ll {
        padding-right: 22px !important;
    }
    .right-wrap-l {
        padding-right: 32px !important;
    }
    .right-wrap-m {
        padding-right: 82px !important;
    }
    .right-wrap-s {
        padding-right: 184px !important;
    }
    .mg-left-wrap {
        margin-left: 16px !important;
    }
    .mg-left-wrap-ll {
        margin-left: 22px !important;
    }
    .mg-left-wrap-l {
        margin-left: 32px !important;
    }
    .mg-left-wrap-m {
        margin-left: 82px !important;
    }
    .mg-left-wrap-s {
        margin-left: 184px !important;
    }
    .mg-right-wrap {
        margin-right: 16px !important;
    }
    .mg-right-wrap-ll {
        margin-right: 22px !important;
    }
    .mg-right-wrap-l {
        margin-right: 32px !important;
    }
    .mg-right-wrap-m {
        margin-right: 82px !important;
    }
    .mg-right-wrap-s {
        margin-right: 184px !important;
    }
    /* スペーサー用 */
    .spacer-ll{
        height: 100px !important;
    }
    .spacer-l{
        height: 54px !important;
    }
    .spacer-m{
        height: 28px !important;
    }
    .spacer-s{
        height: 10px !important;
    }
}

/* フォントサイズ */
@media screen and (min-width: 600px)and (max-width: 779px) {
    .res-fsize-lll{
        font-size: 32px !important;
    }
    .res-fsize-ll{
        font-size: 28px !important;
    }
    .res-fsize-l{
        font-size: 24px !important;
    }
    .res-fsize-m{
        font-size: 20px !important;
    }
    .res-fsize{
        font-size: 19px !important;
    }
    .res-fsize-s{
        font-size: 10px !important;
    }
}
@media screen and (max-width: 599px) {
    /* フォントサイズ */
    .res-fsize-lll{
        font-size: 32px !important;
    }
    .res-fsize-ll{
        font-size: 28px !important;
    }
    .res-fsize-l{
        font-size: 24px !important;
    }
    .res-fsize-m{
        font-size: 18px !important;
    }
    .res-fsize{
        font-size: 18px !important;
    }
    .res-fsize-s{
        font-size: 10px !important;
    }
}

/* 上下margin */
@media screen and (min-width: 1680px) {
    .res-margin-top-ll{
        margin-top: 280px !important;
    }
    .res-margin-top-l{
        margin-top: 180px !important;
    }
    .res-margin-top-m{
        margin-top: 70px !important;
    }
    .res-margin-top-s{
        margin-top: 30px !important;
    }
    .res-margin-bottom-ll{
        margin-bottom: 280px !important;
    }
    .res-margin-bottom-l{
        margin-bottom: 180px !important;
    }
    .res-margin-bottom-m{
        margin-bottom: 70px !important;
    }
    .res-margin-bottom-s{
        margin-bottom: 30px !important;
    }
    .res-padding-top-ll{
        padding-top: 280px !important;
    }
    .res-padding-top-l{
        padding-top: 180px !important;
    }
    .res-padding-top-m{
        padding-top: 70px !important;
    }
    .res-padding-top-s{
        padding-top: 30px !important;
    }
    .res-padding-bottom-ll{
        padding-bottom: 280px !important;
    }
    .res-padding-bottom-l{
        padding-bottom: 180px !important;
    }
    .res-padding-bottom-m{
        padding-bottom: 70px !important;
    }
    .res-padding-bottom-s{
        padding-bottom: 30px !important;
    }
}
@media screen and (min-width: 780px) and (max-width: 1679px){
    /* 上下margin */
    .res-margin-top-ll{
        margin-top: 140px !important;
    }
    .res-margin-top-l{
        margin-top: 100px !important;
    }
    .res-margin-top-m{
        margin-top: 70px !important;
    }
    .res-margin-top-s{
        margin-top: 30px !important;
    }
    .res-margin-bottom-ll{
        margin-bottom: 140px !important;
    }
    .res-margin-bottom-l{
        margin-bottom: 100px !important;
    }
    .res-margin-bottom-m{
        margin-bottom: 70px !important;
    }
    .res-margin-bottom-s{
        margin-bottom: 30px !important;
    }
    .res-padding-top-ll{
        padding-top: 140px !important;
    }
    .res-padding-top-l{
        padding-top: 100px !important;
    }
    .res-padding-top-m{
        padding-top: 70px !important;
    }
    .res-padding-top-s{
        padding-top: 30px !important;
    }
    .res-padding-bottom-ll{
        padding-bottom: 140px !important;
    }
    .res-padding-bottom-l{
        padding-bottom: 100px !important;
    }
    .res-padding-bottom-m{
        padding-bottom: 70px !important;
    }
    .res-padding-bottom-s{
        padding-bottom: 30px !important;
    }
}
/* 779px以下 */
@media screen and (max-width: 779px) {
    /* 共通画面幅制御用 */
    .width-wrap {
        padding-left: 8px !important;padding-right: 8px !important;
    }
    .width-wrap-ll {
        padding-left: 10px !important;padding-right: 10px !important;
    }
    .width-wrap-l {
        padding-left: 14px !important;padding-right: 14px !important;
    }
    .width-wrap-m {
        padding-left: 36px !important;padding-right: 36px !important;
    }
    .width-wrap-s {
        padding-left: 90px !important;padding-right: 90px !important;
    }
    .mg-width-wrap {
        margin-left: 8px !important;margin-right: 8px !important;
    }
    .mg-width-wrap-ll {
        margin-left: 10px !important;margin-right: 10px !important;
    }
    .mg-width-wrap-l {
        margin-left: 14px !important;margin-right: 14px !important;
    }
    .mg-width-wrap-m {
        margin-left: 36px !important;margin-right: 36px !important;
    }
    .mg-width-wrap-s {
        margin-left: 90px !important;margin-right: 90px !important;
    }
    /* 左右調整用 */
    .left-wrap {
        padding-left: 8px !important;
    }
    .left-wrap-ll {
        padding-left: 10px !important;
    }
    .left-wrap-l {
        padding-left: 14px !important;
    }
    .left-wrap-m {
        padding-left: 36px !important;
    }
    .left-wrap-s {
        padding-left: 90px !important;
    }
    .right-wrap {
        padding-right: 8px !important;
    }
    .right-wrap-ll {
        padding-right: 10px !important;
    }
    .right-wrap-l {
        padding-right: 14px !important;
    }
    .right-wrap-m {
        padding-right: 36px !important;
    }
    .right-wrap-s {
        padding-right: 90px !important;
    }
    .mg-left-wrap {
        margin-left: 8px !important;
    }
    .mg-left-wrap-ll {
        margin-left: 10px !important;
    }
    .mg-left-wrap-l {
        margin-left: 14px !important;
    }
    .mg-left-wrap-m {
        margin-left: 36px !important;
    }
    .mg-left-wrap-s {
        margin-left: 90px !important;
    }
    .mg-right-wrap {
        margin-right: 8px !important;
    }
    .mg-right-wrap-ll {
        margin-right: 10px !important;
    }
    .mg-right-wrap-l {
        margin-right: 14px !important;
    }
    .mg-right-wrap-m {
        margin-right: 36px !important;
    }
    .mg-right-wrap-s {
        margin-right: 90px !important;
    }
    /* 上下margin */
    .res-margin-top-ll{
        margin-top: 90px !important;
    }
    .res-margin-top-l{
        margin-top: 60px !important;
    }
    .res-margin-top-m{
        margin-top: 35px !important;
    }
    .res-margin-top-s{
        margin-top: 15px !important;
    }
    .res-margin-bottom-ll{
        margin-bottom: 90px !important;
    }
    .res-margin-bottom-l{
        margin-bottom: 60px !important;
    }
    .res-margin-bottom-m{
        margin-bottom: 35px !important;
    }
    .res-margin-bottom-s{
        margin-bottom: 15px !important;
    }
    .res-padding-top-ll{
        padding-top: 90px !important;
    }
    .res-padding-top-l{
        padding-top: 60px !important;
    }
    .res-padding-top-m{
        padding-top: 35px !important;
    }
    .res-padding-top-s{
        padding-top: 15px !important;
    }
    .res-padding-bottom-ll{
        padding-bottom: 90px !important;
    }
    .res-padding-bottom-l{
        padding-bottom: 60px !important;
    }
    .res-padding-bottom-m{
        padding-bottom: 35px !important;
    }
    .res-padding-bottom-s{
        padding-bottom: 15px !important;
    }
    /* スペーサー用 */
    .spacer-ll{
        height: 60px !important;
    }
    .spacer-l{
        height: 30px !important;
    }
    .spacer-m{
        height: 14px !important;
    }
    .spacer-s{
        height: 6px !important;
    }
}


/* カラム折り返し無しサイズ */

@media screen and (max-width: 600px) {
    /* カラム内画像 */
    .mbimg-10p img {
        max-width: 10% !important;
    }
    .mbimg-20p img {
        max-width: 20% !important;
    }
    .mbimg-30p img {
        max-width: 30% !important;
    }
    .mbimg-40p img {
        max-width: 40% !important;
    }
    .mbimg-50p img {
        max-width: 50% !important;
    }
    .mbimg-60p img {
        max-width: 60% !important;
    }
    .mbimg-70p img {
        max-width: 70% !important;
    }
    .mbimg-80p img {
        max-width: 80% !important;
    }
    .mbimg-90p img {
        max-width: 90% !important;
    }
}