@charset "UTF-8";

/*--------------------------------------------
columnHead
---------------------------------------------*/

@media screen and (max-width: 768px) {
    #columnHead {
        background: url(/ren1909/images/column/bg_head_sp.png) no-repeat center center;
        background-size: cover;
        padding: calc( 40 * 100% / 750);
        text-align: center;
    }
    #columnHead .logo_magazine {
      width: 50%;
      margin-bottom: 10px;
    }
    #columnHead .ttl {
        font-size: calc( 55 * 100vw / 750);
        font-weight: 700;
    }
    #columnHead .txt {
        font-size: calc( 32 * 100vw / 750);
        display: block;
        margin-top: 5px;
    }
}

@media print,
screen and (min-width: 769px) {
    #columnHead {
        background: url(/ren1909/images/column/bg_head.png) no-repeat center center;
        background-size: cover;
        display: flex;
        align-items: center;
        padding: 20px calc( 40 * 100% / 1366);
    }
    #columnHead .logo_magazine {
      width: calc( 160 * 100vw / 1366);
    }
    #columnHead .ttl {
        font-size: calc( 32 * 100vw / 1366);
        font-weight: 700;
        margin-left: 0.5em;
    }
    #columnHead .txt {
        font-size: calc( 19 * 100vw / 1366);
        line-height: calc( 24 / 16);
        display: block;
    }
}


/*--------------------------------------------
columnNav
---------------------------------------------*/

#columnNav li a {
    color: #802077;
    font-weight: 700;
}

#columnNav li a.current {
    background: #802077;
    color: #fff;
}

@media screen and (max-width: 768px) {
    #columnNav li {
        border-bottom: calc( 2 * 100vw / 750) solid #802077;
    }
    #columnNav li:first-child {
        border-top: calc( 2 * 100vw / 750) solid #802077;
    }
    #columnNav li a {
        background: url("/ren1909/images/ui/icon/arrowleft.png") calc( 696 * 100vw / 750) center / auto calc( 22 * 100vw / 750) no-repeat;
        font-size: calc( 28 * 100vw / 750);
        height: calc( 67 * 100vw / 750);
        padding-left: calc( 40 * 100% / 750);
        padding-right: calc( 40 * 100% / 750);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #columnNav a.current {
        background: url("/ren1909/images/ui/icon/arrow_white02.png") #802077 calc( 696 * 100vw / 750) center / auto calc( 22 * 100vw / 750) no-repeat;
    }
}

@media print,
screen and (min-width: 769px) {
    #columnNav {
        border-top: 1px solid #802077;
        border-bottom: 1px solid #802077;
    }
    #columnNav ul {
        display: flex;
        justify-content: center;
/*        width: calc( 789 * 100vw / 1366);*/
        width: 100%;
        margin: auto;
    }
    #columnNav li {
/*        width: 25%;*/
        border-left: 1px solid #802077;
        min-width: 10em;
    }
/*
    #columnNav li:first-child {
        border-left: 0;
    }
*/
    #columnNav li:last-child {
      border-right: 1px solid #802077;
    }
    #columnNav a {
        width: 100%;
        font-size: calc( 16 * 100vw / 1366);
        padding: calc( 12 * 100vw / 1366) 1em;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
}


/*--------------------------------------------
columnTag
---------------------------------------------*/

.columnTag {
    color: #802077;
    font-weight: 700;
    display: inline-block;
    position: relative;
}

.columnTag.current {
    background: #ffd800;
}

@media screen and (max-width: 768px) {
    .columnTag {
        background: url(/ren1909/images/column/tag_bg01_sp.png) no-repeat center right;
        background-size: auto calc( 60 * 100vw / 750);
        border: calc( 2 * 100vw / 750) solid #802077;
        border-right: none;
        font-size: calc( 28 * 100vw / 750);
        line-height: calc( 56 * 100vw / 750);
        padding-left: calc( 17 * 100vw / 750);
        padding-right: calc( 40 * 100vw / 750);
        margin-bottom: calc( 20 * 100vw / 750);
    }
    .columnTag.current {
        background: url(/ren1909/images/column/tag_bg02_sp.png) no-repeat center right;
        background-size: auto calc( 60 * 100vw / 750);
    }
}

@media print,
screen and (min-width: 769px) {
    .columnTag {
        background: url(/ren1909/images/column/tag_bg01.png) no-repeat center right;
        background-size: auto calc( 30 * 100vw / 1366);
        border: 1px solid #802077;
        border-right: none;
        font-size: calc( 14 * 100vw / 1366);
        line-height: calc( 28 * 100vw / 1366);
        padding-left: calc( 17 * 100vw / 1366);
        padding-right: calc( 30 * 100vw / 1366);
        margin-right: calc( 16 * 100vw / 1366);
    }
    .columnTag.current {
        background: url(/ren1909/images/column/tag_bg02.png) no-repeat center right;
        background-size: auto calc( 30 * 100vw / 1366);
    }
}


/*--------------------------------------------
columnList01
---------------------------------------------*/

.columnList01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.columnList01 a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    transition: opacity .3s ease-in;
}

.columnList01 picture {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.columnList01 img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.columnList01 li:first-child img {
    width: 100%;
}

.columnList01 .cat {
    color: #802077;
    font-weight: 700;
    text-align: center;
}

.columnList01 .ttl {
    font-weight: 700;
}

@media screen and (max-width: 768px) {
    .columnList01 li {
        width: calc( 320 * 100vw / 750);
        margin-top: calc( 60 * 100vw / 750);
    }
    .columnList01 a {
        border-radius: calc( 20 * 100vw / 750);
        border: calc( 2 * 100vw / 750) solid #999;
    }
    .columnList01 picture img {
        border-radius: calc( 20 * 100vw / 750) calc( 20 * 100vw / 750) 0 0;
        width: 100%;
    }
    .columnList01 .inr {
        padding: calc( 18 * 100vw / 750);
        padding-top: 0;
    }
    .columnList01 .columnTag {
        position: absolute;
        top: calc( -20 * 100vw / 750);
        left: calc( -2 * 100vw / 750);
    }
    .columnList01 .columnTag:nth-child(n+2) {
        display: none;
    }
    .columnList01 .cat {
        border: calc( 2 * 100vw / 750) solid #802077;
        border-radius: calc( 44 * 100vw / 750);
        font-size: calc( 28 * 100vw / 750);
/*        width: calc( 220 * 100vw / 750);*/
        padding: calc( 13 * 100vw / 750);
        padding-top: calc( 14 * 100vw / 750);
        padding-bottom: calc( 17 * 100vw / 750);
        margin-top: calc( 20 * 100vw / 750);
    }
    .columnList01 .ttl {
        font-size: calc( 30 * 100vw / 750);
        line-height: calc( 40 / 30);
        margin-top: calc( 15 * 100vw / 750);
    }
    .columnList01 .txt {
        display: none;
        font-size: calc( 30 * 100vw / 750);
        line-height: calc( 40 / 30);
        margin-top: calc( 10 * 100vw / 750);
    }
    .columnList01 .data {
        font-size: calc( 30 * 100vw / 750);
        margin-top: calc( 15 * 100vw / 750);
    }
}

@media print,
screen and (min-width: 769px) {
    .columnList01 li {
        width: calc( 306 * 100vw / 1366);
        margin-top: calc( 30 * 100vw / 1366);
    }
    .columnList01 a {
        border-radius: calc( 10 * 100vw / 1366);
        border: 1px solid #999;
    }
    .columnList01 picture {
        border-radius: calc( 10 * 100vw / 1366) calc( 10 * 100vw / 1366) 0 0;
    }
    .columnList01 .inr {
        padding: calc( 18 * 100vw / 1366);
        padding-bottom: calc( 25 * 100vw / 1366);
        padding-top: 0;
    }
    .columnList01 .columnTag {
        position: absolute;
        top: calc( -10 * 100vw / 1366);
        left: -1px;
    }
    .columnList01 .columnTag:nth-child(n+2) {
        display: none;
    }
    .columnList01 .cat {
        border: 1px solid #802077;
        border-radius: calc( 15 * 100vw / 1366);
        font-size: calc( 14 * 100vw / 1366);
        display: inline-block;
        padding: calc( 17 * 100vw / 1366);
        padding-top: calc( 7 * 100vw / 1366);
        padding-bottom: calc( 7 * 100vw / 1366);
        margin-top: calc( 13 * 100vw / 1366);
    }
    .columnList01 .ttl {
        font-size: calc( 24 * 100vw / 1366);
        line-height: calc( 34 / 24);
        height: calc( 67 * 100vw / 1366);
        margin-top: calc( 10 * 100vw / 1366);
    }
    .columnList01 .cat+.ttl {
        margin-top: calc( 5 * 100vw / 1366);
    }
    .columnList01 .txt {
        font-size: calc( 16 * 100vw / 1366);
        line-height: calc( 22 / 16);
        margin-top: calc( 9 * 100vw / 1366);
    }
    .columnList01 .data {
        font-size: calc( 16 * 100vw / 1366);
        margin-top: calc( 8 * 100vw / 1366);
    }
}


/*--------------------------------------------
columnTop01
---------------------------------------------*/

.columnTop01 .title02 {
    border-bottom-width: 2px;
}

@media screen and (max-width: 768px) {
    .columnTop01 {
        margin-top: calc( 120 * 100vw / 750);
    }
}

@media print,
screen and (min-width: 769px) {
    .columnTop01 {
        margin-top: calc( 40 * 100vw / 1366);
        overflow: hidden;
    }
    .columnTop01 .columnList01 {
        display: block;
    }
    .columnTop01 .columnList01 li:first-child {
        float: left;
        width: calc( 626 * 100vw / 1366);
        height: calc( 651 * 100vw / 1366);
    }
    .columnTop01 .columnList01 li:first-child picture {
      height: calc( 649 * 100vw / 1366);
    }
    .columnTop01 .columnList01 li:first-child img {
      max-width: 100%;
      width: auto;
      max-height: 100%;
      height: auto;
    }
    .columnTop01 .columnList01 li:nth-child(n+3) {
        margin-top: calc( 20 * 100vw / 1366);
    }
    .columnTop01 .columnList01 li:nth-child(n+2) {
        float: right;
        width: calc( 626 * 100vw / 1366);
    }
    .columnTop01 .columnList01 li:nth-child(n+2) a {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        height: calc( 204 * 100vw / 1366);
    }
    .columnTop01 .columnList01 li:nth-child(n+2) picture {
        width: calc( 306 * 100vw / 1366);
        border-radius: calc( 10 * 100vw / 1366) 0 0 calc( 10 * 100vw / 1366);
    }
    .columnTop01 .columnList01 li:nth-child(n+2) picture img {
        height: calc( 202 * 100vw / 1366);
    }
    .columnTop01 .columnList01 li:nth-child(n+2) .inr {
        flex: 1;
        padding-bottom: calc( 15 * 100vw / 1366);
    }
    .columnTop01 .columnList01 li:nth-child(n+2) .data {
        margin-top: calc( 5 * 100vw / 1366);
    }
}


/*--------------------------------------------
columnTop02
---------------------------------------------*/

.columnTop02 .btn {
    backface-visibility: hidden;
    display: block;
    text-align: center;
    color: #fff;
    font-weight: 700;
    background-color: #802077;
    background-image: url(/ren1909/images/ui/icon/arrow_white02.png);
    background-repeat: no-repeat;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .columnTop02 {
        margin-top: calc( 80 * 100vw / 750);
    }
    .columnTop02:last-child {
        margin-bottom: calc( 240 * 100vw / 750);
    }
    .columnTop02 .title02 {
        padding-left: calc( 27 * 100vw / 750);
    }
    .columnTop02 .btn {
        width: calc( 300 * 100vw / 750);
        height: calc( 90 * 100vw / 750);
        font-size: calc( 30 * 100vw / 750);
        border-radius: calc( 45 * 100vw / 750);
        margin-top: calc( 40 * 100vw / 750);
        background-position: right calc( 30 * 100vw / 750) center;
        background-size: auto calc( 25 * 100vw / 750);
        line-height: calc( 90 * 100vw / 750);
    }
}

@media print,
screen and (min-width: 769px) {
    .columnTop02 {
        margin-top: calc( 50 * 100vw / 1366);
        overflow: hidden;
    }
    .columnTop02:last-child {
        margin-bottom: calc( 160 * 100vw / 1366);
    }
    .columnTop02 .title02 {
        border-bottom-width: 2px;
        /*border-bottom-width: calc( 2 * 100vw / 1366 );*/
        padding-left: calc( 10 * 100vw / 1366);
        padding-bottom: calc( 16 * 100vw / 1366);
    }
    .columnTop02 .btn {
        width: calc( 200 * 100vw / 1366);
        height: calc( 40 * 100vw / 1366);
        font-size: calc( 18 * 100vw / 1366);
        border-radius: calc( 20 * 100vw / 1366);
        margin-top: calc( 20 * 100vw / 1366);
        background-position: right 20px center;
        background-size: auto calc( 12 * 100vw / 1366);
        line-height: calc( 40 * 100vw / 1366);
        will-change: opacity;
        transition: opacity .3s ease-in;
        float: right;
    }
}


/*--------------------------------------------
columnIndex
---------------------------------------------*/

.columnIndex .pager {
    text-align: center;
}

.columnIndex .btn {
    background-image: url(/ren1909/images/ui/icon/arrowright.png);
    background-repeat: no-repeat;
    background-position-y: center;
    border: solid 1px #d5d5d5;
    margin: auto;
    text-align: center;
    display: block;
}

@media screen and (max-width: 768px) {
    .columnIndex {
        margin-top: calc( 120 * 100vw / 750);
        padding-bottom: calc( 240 * 100vw / 750);
    }
    .columnIndex .columnTagList {
        margin-top: calc( 20 * 100vw / 750);
    }
    .columnIndex .columnTagList .columnTag {
        margin-top: calc( 20 * 100vw / 750);
        margin-right: calc( 40 * 100vw / 750);
    }
    .columnIndex .columnList01 .txt {
        display: block;
        font-size: calc( 30 * 100vw / 750);
        line-height: calc( 40 / 30);
        margin-top: calc( 10 * 100vw / 750);
    }
    .columnIndex .pager {
        font-size: calc( 40 * 100vw / 750);
        margin-top: calc( 110 * 100vw / 750);
        white-space: nowrap;
    }
    .columnIndex .pager a {
        border-radius: calc( 5 * 100vw / 750);
        border: solid 1px #ccc;
        color: #802077;
        width: calc( 80 * 100vw / 750);
        height: calc( 80 * 100vw / 750);
        line-height: calc( 78 * 100vw / 750);
        vertical-align: top;
        display: inline-block;
        margin-left: calc( 30 * 100vw / 750);
    }
    .columnIndex .pager a.previouspostslink {
        background: url(/ren1909/images/ui/icon/prev03.png) no-repeat center center;
        background-size: calc( 40 * 100vw / 750) calc( 37 * 100vw / 750);
        margin-left: calc( 20 * 100vw / 750);
    }
    .columnIndex .pager a.nextpostslink {
        background: url(/ren1909/images/ui/icon/next03.png) no-repeat center center;
        background-size: calc( 40 * 100vw / 750) calc( 37 * 100vw / 750);
        margin-right: calc( 20 * 100vw / 750);
    }
    .columnIndex .pager .current {
        border-radius: calc( 5 * 100vw / 750);
        background: #802077;
        color: #fff;
        width: calc( 80 * 100vw / 750);
        height: calc( 80 * 100vw / 750);
        line-height: calc( 80 * 100vw / 750);
        vertical-align: top;
        display: inline-block;
        margin-left: calc( 30 * 100vw / 750);
    }
    .columnIndex .btn {
        background-position-x: calc( 50 * 100vw / 750);
        background-size: auto calc( 25 * 100vw / 750);
        border-radius: calc( 45 * 100vw / 750);
        font-size: calc( 26 * 100vw / 750);
        width: calc( 670 * 100vw / 750);
        height: calc( 90 * 100vw / 750);
        line-height: calc( 88 * 100vw / 750);
        margin-top: calc( 130 * 100vw / 750);
    }
}

@media print,
screen and (min-width: 769px) {
    .columnIndex {
        margin-top: calc( 58 * 100vw / 1366);
        padding-bottom: calc( 120 * 100vw / 1366);
    }
    .columnIndex .columnTagList .columnTag {
        margin-top: calc( 20 * 100vw / 1366);
        margin-right: calc( 16 * 100vw / 1366);
        cursor: pointer;
    }
    .columnIndex .title02 {
        border-bottom-width: calc( 2 * 100vw / 1366);
        font-size: calc( 36 * 100vw / 1366);
        padding-left: calc( 6 * 100vw / 1366);
        padding-bottom: calc( 15 * 100vw / 1366);
    }
    .columnIndex .columnList01 li {
        width: calc( 306 * 100vw / 1366);
        margin-top: calc( 40 * 100vw / 1366);
    }
    .columnIndex .columnList01 .inr {
        padding: calc( 20 * 100vw / 1366);
        padding-bottom: calc( 20 * 100vw / 1366);
        padding-top: 0;
    }
    .columnIndex .columnList01 .ttl {
        font-size: calc( 20 * 100vw / 1366);
        line-height: calc( 30 / 20);
        margin-top: calc( 13 * 100vw / 1366);
    }
    .columnIndex .pager {
        font-size: calc( 16 * 100vw / 1366);
        margin-top: calc( 40 * 100vw / 1366);
    }
    .columnIndex .pager a {
        border-right: solid 1px #b9b9b9;
        color: #802077;
        line-height: calc( 17 * 100vw / 1366);
        padding-left: calc( 12 * 100vw / 1366);
        padding-right: calc( 12 * 100vw / 1366);
    }
    .columnIndex .pager a.previouspostslink,
    .columnIndex .pager a.nextpostslink {
        border-right: none;
        width: calc( 12 * 100vw / 1366);
        height: calc( 11 * 100vw / 1366);
        line-height: calc( 11 * 100vw / 1366);
        padding: 0;
        display: inline-block;
    }
    .columnIndex .pager a.previouspostslink {
        background: url(/ren1909/images/ui/icon/prev03.png) no-repeat;
        background-size: 100%;
    }
    .columnIndex .pager a.previouspostslink+a {
        border-left: solid 1px #b9b9b9;
        margin-left: calc( 14 * 100vw / 1366);
    }
    .columnIndex .pager a.nextpostslink {
        background: url(/ren1909/images/ui/icon/next03.png) no-repeat;
        background-size: 100%;
        margin-left: calc( 14 * 100vw / 1366);
    }
    .columnIndex .pager .current {
        border-right: solid 1px #b9b9b9;
        line-height: calc( 17 * 100vw / 1366);
        padding-left: calc( 12 * 100vw / 1366);
        padding-right: calc( 12 * 100vw / 1366);
    }
    .columnIndex .btn {
        background-position-x: calc( 20 * 100vw / 1366);
        background-size: auto calc( 12 * 100vw / 1366);
        border-radius: calc( 25 * 100vw / 1366);
        font-size: calc( 20 * 100vw / 1366);
        width: calc( 400 * 100vw / 1366);
        height: calc( 50 * 100vw / 1366);
        line-height: calc( 48 * 100vw / 1366);
        margin-top: calc( 40 * 100vw / 1366);
        transition: opacity .3s ease-in;
    }
}


/*--------------------------------------------
columnPage
---------------------------------------------*/

.columnPage .pageHead .cat {
    background: #802077;
    color: #fff;
    text-align: center;
}

.columnPage .pageTitle {
    font-weight: 700;
    line-height: 1.29;
}

.columnPage .keywords dd span {
    background: #eeeeee;
    display: inline-block;
}

.columnPage .snsBtns {
    font-weight: 700;
}

.columnPage .snsBtns a {
    color: #fff;
    text-align: center;
    display: inline-block;
}

.columnPage .snsBtns .btnFacebook {
    background: #1877f2;
}

.columnPage .snsBtns .btnTwitter {
    background: #1da1f2;
}

.columnPage .snsBtns .btnLINE {
    background: #00b900;
}

.columnPage .snsBtns .btnFacebook:before {
    content: '';
    background: url(/ren1909/images/ui/icon/facebook.png) no-repeat 0 0;
    background-size: 100% auto;
    display: inline-block;
}

.columnPage .snsBtns .btnTwitter:before {
    content: '';
    background: url(/ren1909/images/ui/icon/twitter.png) no-repeat 0 0;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: text-top;
    position: relative;
    top: 1px;
}

.columnPage .columnListHead {
    display: flex;
    align-items: center;
}

.columnPage .columnListHead .btn {
    backface-visibility: hidden;
    display: block;
    text-align: center;
    color: #fff;
    font-weight: 700;
    background-color: #802077;
    background-image: url(/ren1909/images/ui/icon/arrow_white02.png);
    background-repeat: no-repeat;
    margin-left: auto;
}

.columnPage .block .txt a {
    text-decoration: underline;
}

.columnPage .block .txt large {
  font-size: 120%;
}

.columnPage .block .txt small {
  font-size: 80%;
}

.columnPage .block .txt c {
    display: block;
    text-align: center;
}

.columnPage .block .txt r {
    display: block;
    text-align: right;
}

.columnPage .block .txt b {
    font-weight: bold;
}

.columnPage .block .txt red {
    color: red;
}

.columnPage .block .txt blue {
    color: blue;
}

.columnPage .block picture .middle {
  display: block;
  padding: 0 10%;
}

.columnPage .block picture .small {
  display: block;
  padding: 0 20%;
}


@media screen and (max-width: 768px) {
    .columnPage {
        margin-top: calc( 120 * 100vw / 750);
        padding-bottom: calc( 240 * 100vw / 750);
    }
    .columnPage .title02 {
        padding-left: calc( 20 * 100vw / 750);
    }
    .columnPage .pageHead {
        display: flex;
        margin-top: calc( 20 * 100vw / 750);
        margin-bottom: calc( 40 * 100vw / 750);
    }
    .columnPage .pageHead .cat {
        border-radius: calc( 31 * 100vw / 750);
        font-size: calc( 28 * 100vw / 750);
        font-weight: 700;
        padding: calc( 20 * 100vw / 750);
        margin-bottom: calc( 20 * 100vw / 750);
        display: inline-block;
    }
    .columnPage .pageHead .data {
        font-size: calc( 32 * 100vw / 750);
        margin-top: calc( 18 * 100vw / 750);
        margin-left: 5px;
    }
    .columnPage .pageTitle {
        font-size: calc( 62 * 100vw / 750);
        margin-top: calc( 27 * 100vw / 750);
        margin-bottom: calc( 53 * 100vw / 750);
    }
    .columnPage .block {
        margin-bottom: calc( 120 * 100vw / 750);
    }
    .columnPage .block picture.imgCenter {
        width: calc( 516 * 100vw / 750);
        margin: auto;
    }
    .columnPage .block picture img {
        border-radius: calc( 40 * 100vw / 750);
        width: 100%;
    }
    .columnPage .block .lead {
        border-left: solid calc( 6 * 100vw / 750) #802077;
        font-size: calc( 46 * 100vw / 750);
        font-weight: 700;
        line-height: calc( 68 / 46);
        padding-left: calc( 20 * 100vw / 750);
    }
    .columnPage .block .txt {
        font-size: calc( 30 * 100vw / 750);
        line-height: calc( 40 / 30);
        margin-top: calc( 35 * 100vw / 750);
    }
    .columnPage .block .colLeft01+.colRight01,
    .columnPage .block .colLeft03+.colRight03,
    .columnPage .block picture+.lead {
        margin-top: calc( 60 * 100vw / 750);
    }
    .columnPage .block .colLeft02+.colRight02,
    .columnPage .block .txt+picture,
    .columnPage .block .txt+.col {
        margin-top: calc( 55 * 100vw / 750);
    }
    .columnPage .keywords {
        margin-bottom: calc( 40 * 100vw / 750);
        display: flex;
        font-size: calc( 32 * 100vw / 750);
    }
    .columnPage .keywords dt {
        font-weight: 700;
        width: calc( 214 * 100vw / 750);
        margin-top: calc( 18 * 100vw / 750);
    }
    .columnPage .keywords dd {
        flex: 1;
    }
    .columnPage .keywords dd span {
        border-radius: calc( 8 * 100vw / 750);
        padding: calc( 20 * 100vw / 750);
        margin-right: calc( 40 * 100vw / 750);
        margin-bottom: calc( 40 * 100vw / 750);
    }
    .columnPage .snsBtns {
        font-size: calc( 32 * 100vw / 750);
        margin-bottom: calc( 60 * 100vw / 750);
    }
    .columnPage .snsBtns dt {
        margin-bottom: calc( 40 * 100vw / 750);
    }
    .columnPage .snsBtns dd {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .columnPage .snsBtns a {
        border-radius: calc( 8 * 100vw / 750);
        width: calc( 323 * 100vw / 750);
        height: calc( 108 * 100vw / 750);
        line-height: calc( 108 * 100vw / 750);
        font-size: calc( 29 * 100vw / 750);
        display: block;
        margin-bottom: calc( 20 * 100vw / 750);
    }
    .columnPage .snsBtns .btnFacebook:before {
        width: calc( 28 * 100vw / 750);
        height: calc( 46 * 100vw / 750);
        margin-right: calc( 32 * 100vw / 750);
        vertical-align: text-top;
    }
    .columnPage .snsBtns .btnTwitter:before {
        width: calc( 43 * 100vw / 750);
        height: calc( 35 * 100vw / 750);
        margin-right: calc( 32 * 100vw / 750);
    }
    .columnPage .columnListHead .ttl {
        font-size: calc( 32 * 100vw / 750);
        font-weight: 700;
    }
    .columnPage .columnListHead .btn {
        min-width: calc( 300 * 100vw / 750);
        height: calc( 90 * 100vw / 750);
        font-size: calc( 30 * 100vw / 750);
        border-radius: calc( 45 * 100vw / 750);
        background-position: right calc( 30 * 100vw / 750) center;
        background-size: auto calc( 25 * 100vw / 750);
        line-height: calc( 90 * 100vw / 750);
    }
    .columnPage .columnList01 li {
        margin-top: calc( 30 * 100vw / 750);
    }
    .columnPage .columnList01 .txt {
        display: block;
    }
}

@media print,
screen and (min-width: 769px) {
    .columnPage {
        margin-top: calc( 60 * 100vw / 1366);
        padding-bottom: calc( 160 * 100vw / 1366);
    }
    .columnPage .title02 {
        border-bottom-width: calc( 2 * 100vw / 1366);
        padding-left: calc( 6 * 100vw / 1366);
        padding-bottom: calc( 16 * 100vw / 1366);
    }
    .columnPage .pageHead {
        display: flex;
        align-items: center;
        margin-top: calc( 33 * 100vw / 1366);
        margin-bottom: calc( 40 * 100vw / 1366);
    }
    .columnPage .pageHead ul {
        display: flex;
        align-items: center;
    }
    .columnPage .pageHead .cat {
        font-size: calc( 14 * 100vw / 1366);
        line-height: calc( 30 * 100vw / 1366);
        padding-left: calc( 18 * 100vw / 1366);
        padding-right: calc( 18 * 100vw / 1366);
        margin-right: calc( 16 * 100vw / 1366);
        display: inline-block;
    }
    .columnPage .pageHead .data {
        margin-left: auto;
    }
    .columnPage .pageTitle {
        font-size: calc( 36 * 100vw / 1366);
        margin-top: calc( 15 * 100vw / 1366);
        margin-bottom: calc( 55 * 100vw / 1366);
    }
    .columnPage .block {
        margin-bottom: calc( 80 * 100vw / 1366);
    }
    .columnPage .block picture.imgCenter {
        width: calc( 742 * 100vw / 1366);
        margin: auto;
    }
    .columnPage .block picture img {
        border-radius: calc( 40 * 100vw / 1366);
        width: 100%;
    }
    .columnPage .block .lead {
        border-left: solid calc( 3 * 100vw / 1366) #802077;
        font-size: calc( 24 * 100vw / 1366);
        font-weight: 700;
        line-height: calc( 36 / 24);
        padding-left: calc( 10 * 100vw / 1366);
    }
    .columnPage .block .txt {
        font-size: calc( 16 * 100vw / 1366);
        line-height: calc( 22 / 16);
        margin-top: calc( 15 * 100vw / 1366);
    }
    .columnPage .block picture+.lead {
        margin-top: calc( 40 * 100vw / 1366);
    }
    .columnPage .block .txt+picture,
    .columnPage .block .txt+.col {
        margin-top: calc( 37 * 100vw / 1366);
    }
    .columnPage .col {
        display: flex;
        justify-content: space-between;
    }
    .columnPage .col .colLeft01 {
        width: calc( 571 * 100vw / 1366);
    }
    .columnPage .col .colRight01 {
        width: calc( 671 * 100vw / 1366);
    }
    .columnPage .col .colLeft02 {
        width: calc( 671 * 100vw / 1366);
    }
    .columnPage .col .colRight02 {
        width: calc( 571 * 100vw / 1366);
    }
    .columnPage .col .colLeft03 {
        width: calc( 671 * 100vw / 1366);
        padding-left: calc( 50 * 100vw / 1366);
        padding-right: calc( 23 * 100vw / 1366);
    }
    .columnPage .col .colRight03 {
        width: calc( 671 * 100vw / 1366);
        padding-left: calc( 23 * 100vw / 1366);
        padding-right: calc( 50 * 100vw / 1366);
    }
    .columnPage .keywords {
        margin-top: calc( 80 * 100vw / 1366);
        margin-bottom: calc( 40 * 100vw / 1366);
        display: flex;
        align-items: center;
        font-size: calc( 16 * 100vw / 1366);
    }
    .columnPage .keywords dt {
        font-weight: 700;
    }
    .columnPage .keywords dd span {
        border-radius: calc( 8 * 100vw / 1366);
        padding: calc( 10 * 100vw / 1366);
        margin-left: calc( 20 * 100vw / 1366);
    }
    .columnPage .snsBtns {
        margin-bottom: calc( 40 * 100vw / 1366);
        font-size: calc( 16 * 100vw / 1366);
        display: flex;
        align-items: center;
    }
    .columnPage .snsBtns dt {
        margin-right: calc( 20 * 100vw / 1366);
    }
    .columnPage .snsBtns a {
        border-radius: calc( 8 * 100vw / 1366);
        width: calc( 180 * 100vw / 1366);
        height: calc( 60 * 100vw / 1366);
        line-height: calc( 60 * 100vw / 1366);
        margin-left: calc( 20 * 100vw / 1366);
        transition: opacity .3s ease-in;
    }
    .columnPage .snsBtns .btnFacebook:before {
        width: calc( 14 * 100vw / 1366);
        height: calc( 24 * 100vw / 1366);
        margin-right: calc( 14 * 100vw / 1366);
        display: inline-block;
        vertical-align: text-top;
    }
    .columnPage .snsBtns .btnTwitter:before {
        width: calc( 25 * 100vw / 1366);
        height: calc( 21 * 100vw / 1366);
        margin-right: calc( 17 * 100vw / 1366);
    }
    .columnPage .columnListHead .ttl {
        font-size: calc( 16 * 100vw / 1366);
        font-weight: 700;
    }
    .columnPage .columnListHead .btn {
        width: calc( 200 * 100vw / 1366);
        height: calc( 40 * 100vw / 1366);
        font-size: calc( 18 * 100vw / 1366);
        border-radius: calc( 20 * 100vw / 1366);
        background-position: right 20px center;
        background-size: auto calc( 12 * 100vw / 1366);
        line-height: calc( 40 * 100vw / 1366);
        will-change: opacity;
        transition: opacity .3s ease-in;
    }
    .columnPage .columnList01 li {
        margin-top: calc( 20 * 100vw / 1366);
    }
    .columnPage .columnList01 .ttl {
        font-size: calc( 20 * 100vw / 1366);
    }
    .columnPage .columnList01 .txt {
        display: none;
    }
}