@charset "UTF-8";

/*確認用（公開時には削除）------------------------------------------------------------*/

body {
    margin: 0;
}

.ft-temporary.ft-temporary--black {
    display: none;
}

/*PC--------------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;700&display=swap');

/*content*/

.bg-ill {
    position: fixed;
    width: 100%;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: -1;
}

.bg-ill .ill {
    background: url("../images/common/bg.jpg") no-repeat fixed center;
    text-indent: -9999px;
    background-size: cover;
    display: block;
    overflow: hidden;
    -webkit-transition: all 500ms 0s ease;
    transition: all 500ms 0s ease;
    height: 100vh;
}

#content {
    padding: 0;
    box-sizing: border-box;
    font-family: "Shippori Mincho", serif;
    font-size: clamp(10px, 16 / 1200 * 100vw, 16px);
    font-weight: 400;
    font-style: normal;
    line-height: 1.8;
    line-break: strict;
    word-break: break-all;
    text-align: justify;
    text-justify: distribute;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    z-index: 0;
    background: #1c1c1c;
    color: #fff;
}

#content p {
    margin: 0 0 1.5em 0;
}

#content p:last-child {
    margin: 0;
}

#content img {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}

#content a {
    text-decoration: none;
    -webkit-transition: all 500ms 0s ease;
    transition: all 500ms 0s ease;
    color: #c00;
}

#content a:hover{
    opacity: 0.7;
}

.crimsondesert-wrap .header-bg{
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    background: url(../images/header/bg.jpg) top center no-repeat;
    background-size: cover;
    position: relative;
}


.crimsondesert-wrap .header-wrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.crimsondesert-wrap .header-wrap .header{
    aspect-ratio: 1200 / 950;
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}

.crimsondesert-wrap .header-wrap .header .pr-pos{
    position: absolute;
    top: 1.263158%;
    left: 0.750000%;
    width: 3.166667%;
}

.crimsondesert-wrap .header-wrap .header .pr-pos .pr{
    aspect-ratio: 38 / 19;
    position: relative;
    width: 100%;
    background: url("../images/header/pr.png") no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    text-indent: -999px;
}

.crimsondesert-wrap .header-wrap .header .logo-pos{
    position: absolute;
    top: 5.263158%;
    left: 3.000000%;
    width: 38.833333%;
}

.crimsondesert-wrap .header-wrap .header .logo-pos .logo{
    aspect-ratio: 466 / 316;
    position: relative;
    width: 100%;
    background: url("../images/header/logo.png") no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    text-indent: -999px;
}

.crimsondesert-wrap .header-wrap .header .catch-pos{
    position: absolute;
    top: 3.789474%;
    left: 85.666667%;
    width: 11.333333%;
}

.crimsondesert-wrap .header-wrap .header .catch-pos .catch{
    aspect-ratio: 136 / 667;
    position: relative;
    width: 100%;
    background: url("../images/header/catch.png") no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    text-indent: -999px;
}

.crimsondesert-wrap .header-wrap .header .shop-pos{
    position: absolute;
    top: 80.210526%;
    left: 67.500000%;
    width: 29.500000%;
}

.crimsondesert-wrap .header-wrap .header .shop-pos .shop a{
    aspect-ratio: 354 / 145;
    position: relative;
    width: 100%;
    background: url("../images/header/shop.png") no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}

.crimsondesert-wrap .header-wrap .header .read-pos{
    position: absolute;
    bottom: 7%;
    left: 2.916667%;
    width: 53%;
    -moz-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    -webkit-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
}

.shop-header-wrap{
    max-width: 1200px;
    width: 100%;
    margin: 50px auto;
}

.shop-header-wrap .shop-header
{
    aspect-ratio: 12 / 3;
    position: relative;
    width: 100%;
    background: url("../images/header/shopheader01.png") no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}

.crimsondesert-wrap section{
    max-width: 1240px;
    width: 100%;
    padding: 0 20px;
    margin: 50px auto;
    box-sizing: border-box;
}

.crimsondesert-wrap .feature-bg{
    background-image:
                url("../images/common/frame_top_l.png"),
                url("../images/common/frame_top_r.png"),
                url("../images/common/frame_bottom_l.png"),
                url("../images/common/frame_bottom_r.png"),
                url("../images/common/frame_top_c.png"),
                url("../images/common/frame_middle_l.png"),
                url("../images/common/frame_middle_r.png"),
                url("../images/common/frame_bottom_c.png"),
                url("../images/common/frame_middle_c.png");
            background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-y, repeat-x, repeat;
            background-position: left top, right top, left bottom, right bottom, center top, left top, right top, center bottom, left top;
            background-size: 60px 60px, 60px 60px, 60px 60px, 60px 60px, 60px 60px, 60px 60px, 60px 60px, 60px 60px, 60px 60px;
            padding: 50px;
            box-sizing: border-box;
            position: relative;
            margin: 0 auto;
            width: 100%;
}

.crimsondesert-wrap .feature-title{
    max-width: 406px;
    width: 100%;
    margin: -75px auto 5px auto;
}

.crimsondesert-wrap .feature-title img{
    width: 100%;
}


.crimsondesert-wrap .feature-wrap ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.5% -2em -1.5%;
    padding: 0;
    justify-content: center;
}

.crimsondesert-wrap .feature-wrap ul li{
    width: 33.3333%;
    padding: 0 1.5%;
    margin-bottom: 2em;
    box-sizing: border-box;
}

.crimsondesert-wrap .feature-wrap ul li img{
    width: 100%;
}

.crimsondesert-wrap .feature-wrap ul li p{
    font-size: 0.9em;
    margin-top: 0.5em!important;
}

.crimsondesert-wrap .shop-bg{
    background-image:
                url("../images/common/frame_top_l.png"),
                url("../images/common/frame_top_r.png"),
                url("../images/common/frame_bottom_l.png"),
                url("../images/common/frame_bottom_r.png"),
                url("../images/common/frame_top_c.png"),
                url("../images/common/frame_middle_l.png"),
                url("../images/common/frame_middle_r.png"),
                url("../images/common/frame_bottom_c.png"),
                url("../images/common/frame_middle_c.png");
            background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-y, repeat-x, repeat;
            background-position: left top, right top, left bottom, right bottom, center top, left top, right top, center bottom, left top;
            background-size: 60px 60px, 60px 60px, 60px 60px, 60px 60px, 60px 60px, 60px 60px, 60px 60px, 60px 60px, 60px 60px;
            padding: 50px;
            box-sizing: border-box;
            position: relative;
            margin: 0 auto;
            width: 100%;
}

.crimsondesert-wrap .shop-title{
    max-width: 253px;
    width: 100%;
    margin: -75px auto 5px auto;
}

.crimsondesert-wrap .shop-title img{
    width: 100%;
}

.crimsondesert-wrap .shop-wrap{
    display: flex;
    flex-wrap: wrap;
}

.crimsondesert-wrap .shop-wrap .dl{
    width: 50%;
    box-sizing: border-box;
    padding-right: 2em;
}

.crimsondesert-wrap .shop-wrap .package{
    width: 50%;
    box-sizing: border-box;
    padding-left: 2em;
    border-left: 1px solid #4d4638;
}

.crimsondesert-wrap .shop-wrap h3{
    text-align: center;
    margin: 0 0 1em 0;
}

.crimsondesert-wrap .shop-wrap a{
    display: block;
    padding: 0.5em;
    text-align: center;
    margin-top: 1em;
    background: #B5A97C;
    background: linear-gradient(180deg, rgba(181, 169, 124, 1) 0%, rgba(130, 114, 63, 1) 100%);
    border-radius: 30px;
    color: #fff!important;
    -moz-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    -webkit-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
}


.crimsondesert-wrap .movie-base{
    width:100%;
}

/* 基準コンテナ */
.crimsondesert-wrap .youtube-area{
    position:relative;
    width:100%;
    overflow:hidden;
    transform:translateZ(0);
}

.crimsondesert-wrap .youtube-area::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.5);
    pointer-events:none;
}

.crimsondesert-wrap .youtube-area.-h::after{
    content:"";
    position:absolute;
    inset:0;
    background:none;
    pointer-events:none;
}

/* 動画レイヤー */
.crimsondesert-wrap .youtube{
    position:absolute;
    inset:0;
    z-index:0;
}

/* iframeカバー */
.crimsondesert-wrap .youtube iframe,
.crimsondesert-wrap iframe.youtube{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);

    width:177.78vh;
    height:56.25vw;

    min-width:100%;
    min-height:100%;
    pointer-events:none;
}

/* 比率固定ボックス */
.crimsondesert-wrap .content-wrap{
    position:relative;
    z-index:1;

    width:100%;
    max-width:1200px;
    margin:0 auto;

    aspect-ratio:120/70;
}

.crimsondesert-wrap .content-wrap .title01{
    position: absolute;
    width: 94%;
    left: 3%;
    top: 5%;
    font-size: 1.8em;
    border-bottom: 1px solid #dac69f;
    -moz-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    -webkit-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
}

.crimsondesert-wrap .content-wrap .title02{
    position: absolute;
    width: 50%;
    left: 3%;
    top: 5%;
    font-size: 1.8em;
    border-bottom: 1px solid #dac69f;
    -moz-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    -webkit-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
}

.crimsondesert-wrap .content-wrap .text01{
    position: absolute;
    width: 40%;
    left: 3%;
    top: 19%;
    -moz-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    -webkit-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
}

.crimsondesert-wrap .content-wrap .text02{
    position: absolute;
    width: 40%;
    right: 3%;
    top: 6%;
    -moz-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    -webkit-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
}

.crimsondesert-wrap .content-wrap .pic01{
    position: absolute;
    width: 40%;
    right: 3%;
    top: 19%;
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
}

.crimsondesert-wrap .content-wrap .pic02{
    position: absolute;
    width: 40%;
    right: 13%;
    bottom: 7%;
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
}

.crimsondesert-wrap .content-wrap .pic03{
    position: absolute;
    width: 40%;
    left: 3%;
    top: 19%;
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
}

.crimsondesert-wrap .content-wrap .pic04{
    position: absolute;
    width: 40%;
    left: 13%;
    bottom: 7%;
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
}

.crimsondesert-wrap .content-wrap .btn01{
    position: absolute;
    width: 27.25%;
    left: 2.5%;
    bottom: 5.5%;
}

.crimsondesert-wrap .content-wrap .btn02{
    position: absolute;
    width: 27.25%;
    right: 2.5%;
    bottom: 5.5%;
}

.crimsondesert-wrap .content-wrap .pic01 img,
.crimsondesert-wrap .content-wrap .pic02 img,
.crimsondesert-wrap .content-wrap .btn01 img,
.crimsondesert-wrap .content-wrap .pic03 img,
.crimsondesert-wrap .content-wrap .pic04 img,
.crimsondesert-wrap .content-wrap .btn02 img{
    width: 100%;
}



.crimsondesert-wrap .news-list{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.crimsondesert-wrap .news-list .main-column{
    flex: 1;
    padding-right: 3%;
    box-sizing: border-box;
}

.crimsondesert-wrap .news-list .main-column h2{
    margin: 0 0 1rem 0;
}

.crimsondesert-wrap .news-list .sub-column{
    width: 27%;
    padding-left: 3%;
    box-sizing: border-box;
    border-left: 1px solid #4d4638;
}

.crimsondesert-wrap .news-list .sub-column h5{
    margin: 1.5em 0;
    font-size: 1em;
    position: relative;
    -moz-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
        -webkit-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
        text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
        color: #b79317;
}

.crimsondesert-wrap .news-list .sub-column figure{
    margin: 0 auto 0.3em auto;
}

.crimsondesert-wrap .news-list .sub-column figure img{
    width: 100%;
}

.crimsondesert-wrap .news-list .sub-column dl{
    display: flex;
    flex-wrap: wrap;
    font-size: 0.8em;
    margin: 0;
}

.crimsondesert-wrap .news-list .sub-column dl dt{
    width: 100%;
    color: #dac69f
}

.crimsondesert-wrap .news-list .sub-column dl dd{
    width: 100%;
    margin: 0;
}

.contentsWrapper {
    display: flex;
    position: relative;
}

.contentsWrapper .image {
    flex: 0 0 30%;
    max-width: 30%;
}

.contentsWrapper .image img {
    /*background-position: 50%;
    background-repeat: no-repeat;
    object-position: 50% 20%;
    aspect-ratio: 16/9;*/
    width: 100%;
}

.contentsWrapper .textWrapper {
    flex: 0 0 70%;
    max-width: 70%;
    min-width: 0;
    overflow: hidden;
    padding-left: 3%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.contentsWrapper p.title {
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 0.5em!important;
    color: #dac69f;
}

.contentsWrapper p.description {
    color: #fff;
    font-size: 0.9em;
    line-height: 1.5;
    text-align: justify;
    margin-bottom: 0.8em!important;
}

.contentsWrapper p.datetime {
    font-size: 0.8em;
    line-height: 1.4285714286;
    color: #ccc;
    margin-top: auto;
    align-self: flex-end;
}

.sp_news {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sp_news li {
    border-bottom: 1px solid #4d4638;
    padding-bottom: 1.5em;
}

.sp_news li:first-child {
    border-top: 1px solid #4d4638;
    padding-top: 1.5em;
}

.sp_news li a{
    -webkit-transition: all 500ms 0s ease;
    transition: all 500ms 0s ease;
}

.sp_news li a:hover{
    opacity: 0.7;
}

.sp_news li:not(:first-child) {
    padding-top: 1.5em;
}




/*RESPONSIVE--------------------------------------------------------------------------------------*/

@media only screen and (max-width: 1200px) {}

/*MOBILE--------------------------------------------------------------------------------------*/

@media only screen and (max-width: 767px) {

    #content {
        font-size: clamp(10px, 14 / 375 * 100vw, 14px);
        line-height: 1.7;
    }

    span.br::before {
        content: "\A";
        white-space: pre;
    }

    .crimsondesert-wrap .header-bg{
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    background: url(../images/header/bg.jpg) top center no-repeat;
    background-size: 200%;
    position: relative;
}

.crimsondesert-wrap .header-bg::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(28, 28, 28, 1) 45%, rgba(28, 28, 28, 1) 100%);
    pointer-events: none;
}

.crimsondesert-wrap .header-wrap .header{
    aspect-ratio: 1 / 2.5;
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}

.crimsondesert-wrap .header-wrap .header .pr-pos{
    position: absolute;
    top: 1.263158%;
    left: 3%;
    width: 10%;
}

.crimsondesert-wrap .header-wrap .header .logo-pos{
    position: absolute;
    top: 12%;
    left: 10%;
    width: 80%;
}

.crimsondesert-wrap .header-wrap .header .shop-pos{
    position: absolute;
    top: 60%;
    left: 15%;
    width: 70%;
}

@media only screen and (max-width: 375px) {

    .crimsondesert-wrap .header-wrap .header .logo-pos{
    position: absolute;
    top: 12%;
    left: 10%;
    width: 80%;
}

.crimsondesert-wrap .header-wrap .header .shop-pos{
    position: absolute;
    top: 56%;
    left: 15%;
    width: 70%;
}

}

.crimsondesert-wrap .header-wrap .header .catch-pos{
    position: absolute;
    top: 37%;
    left: 5%;
    width: 90%;
}

.crimsondesert-wrap .header-wrap .header .catch-pos .catch{
    aspect-ratio: 863 / 160;
    position: relative;
    width: 100%;
    background: url("../images/header/catch2.png") no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    text-indent: -999px;
}

.crimsondesert-wrap .header-wrap .header .read-pos{
    position: absolute;
    bottom: 5%;
    left: 5%;
    width: 90%;
    -moz-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    -webkit-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
}

.shop-header-wrap
{
    margin: 5vh 0;
}

.shop-header-wrap .shop-header
{
    aspect-ratio: 800 / 760;
    position: relative;
    width: 100%;
    background: url("../images/header/shopheader02.png") no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}


.crimsondesert-wrap section{
    max-width: 1240px;
    width: 100%;
    padding: 0 20px;
    margin: 5vh auto;
    box-sizing: border-box;
}

.crimsondesert-wrap .feature-bg,
.crimsondesert-wrap .shop-bg{
    background-image:
                url("../images/common/frame_top_l.png"),
                url("../images/common/frame_top_r.png"),
                url("../images/common/frame_bottom_l.png"),
                url("../images/common/frame_bottom_r.png"),
                url("../images/common/frame_top_c.png"),
                url("../images/common/frame_middle_l.png"),
                url("../images/common/frame_middle_r.png"),
                url("../images/common/frame_bottom_c.png"),
                url("../images/common/frame_middle_c.png");
            background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-y, repeat-x, repeat;
            background-position: left top, right top, left bottom, right bottom, center top, left top, right top, center bottom, left top;
            background-size: 30px 30px, 30px 30px, 30px 30px, 30px 30px, 30px 30px, 30px 30px, 30px 30px, 30px 30px, 30px 30px;
            padding: 30px 30px 5vh 30px;
            box-sizing: border-box;
            position: relative;
            margin: 0 auto;
            width: 100%;
}

.crimsondesert-wrap .feature-title{
    max-width: 406px;
    width: 90%;
    margin: -50px auto 10px auto;
}

.crimsondesert-wrap .shop-title{
    width: 50%;
    margin: -45px auto 10px auto;
}

.crimsondesert-wrap .shop-wrap .dl{
    width: 100%;
    box-sizing: border-box;
    padding-right: 0;
}

.crimsondesert-wrap .shop-wrap .package{
    width: 100%;
    box-sizing: border-box;
    padding-left: 0;
    border-left: none;
    border-top: 1px solid #4d4638;
    padding-top: 2em;
    margin-top: 2em;
}

.crimsondesert-wrap .feature-wrap ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.5% -2em -1.5%;
    padding: 0;
    justify-content: center;
}

.crimsondesert-wrap .feature-wrap ul li{
    width: 100%;
    padding: 0 1.5%;
    margin-bottom: 2em;
    box-sizing: border-box;
}

.crimsondesert-wrap .youtube iframe,
.crimsondesert-wrap iframe.youtube{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);

    width:300vh;
    height:auto;

    min-width:100%;
    min-height:100%;
    pointer-events:none;
}

.crimsondesert-wrap .content-wrap{
    position:relative;
    z-index:1;

    width:100%;
    max-width:1200px;
    margin:0 auto;

    aspect-ratio:auto;
    box-sizing: border-box;
    padding: 5vh 20px;
}

.crimsondesert-wrap .content-wrap .title01,
.crimsondesert-wrap .content-wrap .title02{
    position: relative;
    width: 100%;
    left: auto;
    top: auto;
    font-size: 1.6em;
    border-bottom: 1px solid #dac69f;
    -moz-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    -webkit-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    line-height: 1.5;
    padding-bottom: 0.5em;
}

.crimsondesert-wrap .content-wrap .text01,
.crimsondesert-wrap .content-wrap .text02{
    position: relative;
    width: 100%;
    left: auto;
    right: auto;
    top: auto;
    -moz-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    -webkit-text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    margin-top: 2em;
}

.crimsondesert-wrap .content-wrap .pic01,
.crimsondesert-wrap .content-wrap .pic02,
.crimsondesert-wrap .content-wrap .pic03,
.crimsondesert-wrap .content-wrap .pic04{
    position: relative;
    width: 100%;
    left: auto;
    right: auto;
    top: auto;
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
    margin-top: 2em;
}

.crimsondesert-wrap .content-wrap .btn01,
.crimsondesert-wrap .content-wrap .btn02{
    position: relative;
    width: 70%;
    left: 15%;
    right: auto;
    top: auto;
    margin-top: 1.5em;
}


    .crimsondesert-wrap .news-list{
        display: flex;
        flex-wrap: wrap;
        margin: 0;
    }

    .crimsondesert-wrap .news-list .main-column{
        width: 100%;
        padding: 0;
        box-sizing: border-box;
    }
    
    .crimsondesert-wrap .news-list .sub-column{
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        border-left: none;
        margin-top: 3vh;
        margin-bottom: 0;
    }

    .crimsondesert-wrap .news-list .sub-column figure{
        width: 80%;
    }

    .crimsondesert-wrap ul.article-wrap li {
        flex-basis: 100%;
        padding: 0 1.5%;
        box-sizing: border-box;
        margin-bottom: 3vh;
    }

    .crimsondesert-wrap ul.article-wrap {
        list-style: none;
        margin: 0 -1.5% -3vh -1.5%;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
    }
    


}