@charset "utf-8";
/* CSS Document */
/* common */
#odg {
    padding-top: 100px;
}
#odg .yuMincho {
    font-family: YuMincho, serif;
}

#odg p.text, #odg p.text--note, #odg.odg-detail .heading01, #odg.odg-detail .heading02, #odg.odg-detail .profileList__detail, #odg.odg-detail .staffCredit {
    color: #fff;
}

#odg.odg-detail .btnLink a {
    color: #fff;
    border-color: #fff;
    background-image: url(/global/sharehouse/our-stories/articles/focus/makaizo/img/ArrowNext-W.svg);
}

#odg.odg-detail .btnLink.btnLink--target a {
    background-image: url(/global/sharehouse/our-stories/articles/focus/makaizo/img/External-W.svg);
}

#odg.odg-detail .textArticle__sub {
    color: #fff;
}

#odg.odg-detail .colorBg-attention .textArticle__sub {
    position: relative;
    display: inline-block;
    padding-bottom: 6px;
    color: #ff4040;
}

#odg.odg-detail .colorBg-attention .textArticle__sub::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #ff4040;
}

#odg.odg-detail .colorBg-theme .textArticle__sub, #odg.odg-detail .colorBg-movie .textArticle__sub, #odg.odg-detail .colorBg-members .textArticle__sub, #odg.odg-detail .colorBg-attention-2nd .textArticle__sub, #odg.odg-detail .colorBg-theme-2nd .textArticle__sub, #odg.odg-detail .colorBg-members-2nd .textArticle__sub {
    background-color: #cc0000;
    color: #fff;
    display: inline-block;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 2px;
    font-feature-settings: "palt";
}

#odg.odg-detail .profile__title--sml {
    line-height: 1.4;
}

#odg.odg-detail .profile__title .fosz-xs, #odg.odg-detail .profile__title .fosz-m {
    display: block;
    line-height: 1.4;
}

#odg.odg-detail .profile__title .fosz-xs {
    margin-top: 0.75em;
    font-feature-settings: "palt";
}

/* anchor */
#odg.odg-detail .listAnchorMakaizo li a {
    position: relative;
    display: block;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    line-height: 1.2;
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    padding: 21px 60px 23px 30px;
}

#odg.odg-detail .listAnchorMakaizo li a > span {
    display: inline-block;
    padding-right: 1em;
    margin-right: 1em;
    border-right: 1px solid #fff;
}

#odg.odg-detail .listAnchorMakaizo li a::after {
    content: '';
    position: absolute;
    top: calc(50% + -9px);
    right: calc((30 / 600) * 100%);
    width: 18px;
    height: 16px;
    background: url(/global/sharehouse/our-stories/articles/focus/makaizo/img/icon_anchor.png) 0 0 no-repeat;
    background-size: cover;
}

#odg.odg-detail .listAnchorMakaizo li.first a {
    border-color: #fff;
    background-color: transparent;
}

#odg.odg-detail .listAnchorMakaizo li.second a {
    border-color: #cc0000;
    background-color: #cc0000;
}

#odg.odg-detail .listAnchorMakaizo li.second a:after {
    background-image: url(/global/sharehouse/our-stories/articles/focus/makaizo/img/icon_anchor.png)
}

/* bg */
.colorBg-mv {
    background-color: #1a1a1a;
}

.colorBg-attention {
    background-color: #1a1a1a;
}

.colorBg-theme {
    background-color: #1a1a1a;
}

.colorBg-movie {
    background-color: #1a1a1a;
    background: url(/global/sharehouse/our-stories/articles/focus/makaizo/img/bg_movie.png) right 2.7777777% bottom 40px no-repeat #1a1a1a;
    background-size: auto 92.5%;
}

.colorBg-members {
    background-color: #4d4d4d;
    ;}

.colorBg-anchor {
    background-color: #4D4D4D;
}

.colorBg-attention-2nd {
    background-color: #1a1a1a;
    overflow-x: hidden;
}

.colorBg-theme-2nd {
    background-color: #4D4D4D;
}

.colorBg-members-2nd {
    background-color: #4D4D4D;
}

/* second */
#odg.odg-detail .seasonsLead {
    text-align: center;
}

#odg.odg-detail .seasonsLead__icon {
    display: inline-block;
    background-color: #cc0000;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    padding: 6px 14px 7px 14px;
    border-radius: 18px;
    text-align: center;
}

#odg.odg-detail .seasonsLead__title {
    font-size: 34px;
    line-height: calc(42/34);
    color: #fff;
    font-weight: 700;
    margin-top: 10px;
}

#odg.odg-detail .seasonsLead__text {
    font-size: 16px;
    line-height: calc(32/16);
    color: #fff;
    margin-top: 10px;
}

#odg.odg-detail .movie-contents .movie-contents_player.movie-contents_player--vertical {
    margin: 0 auto;
}

/* recipe */
#odg.odg-detail .recipe {
    background: url(/global/sharehouse/our-stories/articles/focus/makaizo/img/bg_recipe.png) repeat 10px 10px #fff;
    padding: 55px 50px 40px;
}

#odg.odg-detail .recipe .seasonsLead__title {
    color: #000;
}

#odg.odg-detail .recipe__list--title {
    font-size: 16px;
}

#odg.odg-detail .recipe__list li {
    position: relative;
    padding-left: 30px;
    line-height: calc(24 / 16);
    margin-top: 8px;
    font-size: 16px;
}

#odg.odg-detail .recipe__list li:first-of-type {
    margin-top: 0;
}

#odg.odg-detail .recipe__list li > span:first-of-type {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    left: 0;
    top: 4px;
    text-align: center;
    background-color: #cc0000;
    color: #fff;
    font-size: 15px;
    border-radius: 50%;
}

#odg.odg-detail .recipe__note--title {
    font-size: 16px;
    line-height: 1;
    color: #fff;
    font-weight: 700;
    background-color: #c00;
    padding: 7px 15px;
    border-radius: 15px;
    text-align: center;
}

#odg.odg-detail .recipe__note {
    font-size: 14px;
}

#odg.odg-detail .recipe__note > li {
    position: relative;
    padding-left: 1em;
}

#odg.odg-detail .recipe__note > li > span:first-of-type {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
}

#odg.odg-detail .recipe__boxBorder {
    padding: 18px 20px;
    border: 1px solid #000;
    border-radius: 5px;
    line-height: calc(24 / 16);
    font-size: 16px;
}

/* recipe table */
#odg.odg-detail .recipe__table--head {
    background-color: #000;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 11px 0;
}

#odg.odg-detail .recipe__table {
    font-size: 16px;
}

#odg.odg-detail .recipe__table--wrap {
    padding-left: 8px;
}

#odg.odg-detail .recipe__table--wrap > li {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}

#odg.odg-detail .recipe__table--wrap > li:first-of-type {
    margin-top: 0;
}

#odg.odg-detail .recipe__table--material {
    width: calc(100% - 324px);
    display: flex;
}

#odg.odg-detail .recipe__table--notice {
    width: 324px;
    padding-left: 30px;
}

#odg.odg-detail .recipe__table--materialTitle {
    padding-right: 0.5em;
}

#odg.odg-detail .recipe__table--materialTitle > i {
    font-size: 16px;
    font-style: normal;
}

#odg.odg-detail .recipe__table--materialDots {
    width: auto;
    background: url(/global/sharehouse/our-stories/articles/focus/makaizo/img/bg_dots.png) repeat-x center 15px transparent;
    flex: auto;
}

#odg.odg-detail .recipe__table--materialQuantity {
    padding-left: 0.5em;
}

#odg.odg-detail .recipe__table--wrap .material-a {
    position: relative;
    padding-left: 32px;
}

#odg.odg-detail .recipe__table--wrap .material-a .material-a--num {
    position: absolute;
    width: 21px;
    height: 84px;
    left: 0;
    top: 4px;
}

#odg.odg-detail .recipe__table--wrap .material-a .material-a--num::after {
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #000;
    z-index: 1;
}

#odg.odg-detail .recipe__table--wrap .material-a .material-a--num span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    padding-bottom: 2px;
    background-color: #000;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    border-radius: 50%;
    text-align: center;
    z-index: 2;
}

/* sugoroku */
#odg.odg-detail .sugoroku__title {
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    color: #fff;
}

#odg.odg-detail .sugoroku__developmentJourney {
    position: relative;
}

#odg.odg-detail .sugoroku__developmentJourney::before {
    content: "";
    position: absolute;
    background: url(/global/sharehouse/our-stories/articles/focus/makaizo/img/bg_sugoroku.png) 0 0 no-repeat;
}

#odg.odg-detail .sugoroku__developmentJourney--img {
    position: relative;
    z-index: 1;
}

#odg.odg-detail .sugoroku__developmentJourney .modal-thumb {
    position: absolute;
    display: block;
    z-index: 2;
}

#odg.odg-detail .sugoroku__goal {
    background: url(/global/sharehouse/our-stories/articles/focus/makaizo/img/bg_recipe.png) repeat 10px 10px #fff;
    flex: auto;
    border-radius: 10px;
    padding: 45px calc((45 / 900) * 100%);
    position: relative;
}

#odg.odg-detail .sugoroku__goal--badge {
    width: 110px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    line-height: 1;
    color: #fff;
    font-weight: 700;
    font-family: roboto;
    background: url(/global/sharehouse/our-stories/articles/focus/makaizo/img/bg_goal.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    left: 20px;
    top: -30px;
}

#odg.odg-detail .sugoroku__goal--title {
    text-align: center;
    font-size: 16px;
}

#odg.odg-detail .sugoroku__goal--titleImg {
    margin-top: 10px;
}

#odg.odg-detail .sugoroku__goal--titleImg img {
    margin: 0 auto;
    max-height: 36px;
}

#odg.odg-detail .sugoroku__goal--titleSub {
    margin-top: 7px;
    color: #cc0000;
}

#odg.odg-detail .sugoroku__goal--imgSubBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 20px;
}

#odg.odg-detail .sugoroku__goal--imgSubBox:first-of-type {
    margin-top: 0;
}

#odg.odg-detail .sugoroku__goal--imgSubPhoto img {
    border-radius: 5px;
}

#odg.odg-detail .sugoroku__goal--imgSubPoint {
    color: #cc0000;
    font-family: roboto;
    font-weight: 500;
}

#odg.odg-detail .sugoroku__goal--imgSubDetail {
    color: #000;
}

@media screen and (min-width: 769px) {
    .colorBg-attention {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .colorBg-theme {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .colorBg-movie {
        padding-top: 80px;
        padding-bottom: 120px;
    }

    .colorBg-members {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .colorBg-anchor {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .colorBg-attention-2nd {
        padding-top: 80px;
        padding-bottom: 120px;
    }

    .colorBg-theme-2nd {
        padding-top: 0;
        padding-bottom: 120px;
    }

    .colorBg-members-2nd {
        padding-top: 120px;
        padding-bottom: 80px;
    }

    #odg.odg-detail .colorBg-theme-2nd .movie-contents {
        margin-top: 60px;
    }

    #odg.odg-detail .colorBg-movie .movie-contents {
        margin-top: 60px;
    }

    #odg.odg-detail .movie-contents--vertical {
        margin-top: 60px;
    }

    /* anchor */
    #odg.odg-detail .listAnchorMakaizo {
        display: flex;
        justify-content: space-between;
    }

    #odg.odg-detail .listAnchorMakaizo li {
        width: calc((600 / 1210) * 100%);
    }

    #odg.odg-detail .listAnchorMakaizo li.first a:hover {
        border-color: #ff4040;
        color: #ff4040;
    }

    #odg.odg-detail .listAnchorMakaizo li.first a:hover > span {
        border-right: 1px solid #ff4040;
    }

    #odg.odg-detail .listAnchorMakaizo li.first a:hover::after {
        background-image: url(/global/sharehouse/our-stories/articles/focus/makaizo/img/icon_anchor_red.png);
    }

    #odg.odg-detail .listAnchorMakaizo li.second a:hover {
        border-color: #ff7070;
        background-color: #ff7070;
        color: #000;
    }

    #odg.odg-detail .listAnchorMakaizo li.second a:hover span {
        border-right-color: #000;
    }

    #odg.odg-detail .listAnchorMakaizo li.second a:hover:after {
        background-image: url(/global/sharehouse/our-stories/articles/focus/makaizo/img/icon_anchor_black.png);
    }

    /* sugoroku */
    #odg.odg-detail .sugoroku__developmentJourney::before {
        left: calc((650 / 900) * 100%);
        top: -16px;
        width: 630px;
        height: 367px;
        background-size: 100%;
    }

    #odg.odg-detail .sugoroku__developmentJourney .modal-thumb {
        width: calc((560 / 1800) * 100%);
        height: calc((320 / 4007) * 100%);
    }

    #odg.odg-detail .sugoroku__developmentJourney .modal-thumb-00 {
        top: calc((1237 / 4007) * 100%);
        left: 0;
    }

    #odg.odg-detail .sugoroku__developmentJourney .modal-thumb-01 {
        top: calc((2868 / 4007) * 100%);
        left: calc((619 / 1800) * 100%);
    }

    #odg.odg-detail .sugoroku__developmentJourney .modal-thumb-02 {
        top: calc((3067 / 4007) * 100%);
        left: 0;
    }

    #odg.odg-detail .sugoroku__goal--imgWrap {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
    }

    #odg.odg-detail .sugoroku__goal--imgMain {
        width: calc((330 / 810) * 100%);
        order: 1;
    }

    #odg.odg-detail .sugoroku__goal--imgMain img {
        border-radius: 5px;
        margin: 0 auto;
    }

    #odg.odg-detail .sugoroku__goal--imgSub {
        width: calc((460 / 810) * 100%);
        order: 0;
    }

    #odg.odg-detail .sugoroku__goal--imgSubPhoto {
        width: calc((142 / 460) * 100%);
    }

    #odg.odg-detail .sugoroku__goal--imgSubText {
        width: calc((302 / 460) * 100%);
    }

    #odg.odg-detail .sugoroku__goal--imgSubPoint {
        font-size: 15px;
        line-height: calc(18 / 15);
        color: #cc0000;
    }

    #odg.odg-detail .sugoroku__goal--imgSubDetail {
        font-size: 16px;
        line-height: calc(24 / 16);
        color: #000;
    }
}

@media screen and (max-width: 1460px) {
    #odg.odg-detail .colorBg-mv .inner {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 840px) {
    #odg.odg-detail .recipe__table--materialTitle > i {
        font-size: 10px;
    }
}

@media screen and (max-width: 768px) {
    .colorBg-attention {
        padding-bottom: 40px;
    }

    .colorBg-theme {
        padding-bottom: 60px;
    }

    .colorBg-movie {
        padding-bottom: 60px;
        background-size: auto 95%;
        background-position: right -5px top 0;
    }

    .colorBg-members {
        padding-top: 45px;
        padding-bottom: 60px;
    }

    .colorBg-anchor {
        padding-top: 45px;
        padding-bottom: 0;
    }

    .colorBg-attention-2nd {
        padding-top: 0;
        padding-bottom: 80px;
    }

    .colorBg-theme-2nd {
        padding-top: 0;
        padding-bottom: 40px;
    }

    .colorBg-members-2nd {
        padding-top: 0;
        padding-bottom: 60px;
    }

    #odg-content .mainBox .colorBg-members .mainBox-inner.inner-data {
        padding-top: 15px;
    }

    #odg.odg-detail .colorBg-attention .textArticle__sub {
        font-feature-settings: "palt";
    }

    #odg.odg-detail .colorBg-theme-2nd .movie-contents {
        margin-top: 30px;
    }

    #odg.odg-detail .colorBg-movie .movie-contents {
        margin-top: 30px;
    }

    #odg.odg-detail .movie-contents--vertical {
        margin-top: 30px;
    }

    /* anchor */
    #odg.odg-detail .listAnchorMakaizo li {
        margin-top: 15px;
    }

    #odg.odg-detail .listAnchorMakaizo li:first-of-type {
        margin-top: 0;
    }

    #odg.odg-detail .listAnchorMakaizo li a {
        position: relative;
        display: block;
        font-weight: 700;
        font-size: 12px;
        border-radius: 5px;
        border-width: 1px;
        border-style: solid;
        padding: 19px 45px 19px 15px;
    }

    #odg.odg-detail .listAnchorMakaizo li a::after {
        content: '';
        position: absolute;
        top: calc(50% + -7px);
        right: 15px;
        width: 14px;
        height: 12px;
    }

    /* second */
    #odg.odg-detail .seasonsLead__icon {
        font-size: 13px;
    }

    #odg.odg-detail .seasonsLead__title {
        font-size: 22px;
        line-height: calc(60/44);
        margin-top: 10px;
    }

    #odg.odg-detail .seasonsLead__text {
        font-size: 14px;
        line-height: calc(48/28);
    }

    /* recipe */
    #odg.odg-detail .recipe {
        padding: 35px 20px 35px;
        margin-left: -20px;
        margin-right: -20px;
    }

    #odg.odg-detail .recipe .seasonsLead__icon {
        padding: 4px 7px;
    }

    #odg.odg-detail .recipe .seasonsLead__title {
        color: #000;
    }

    #odg.odg-detail .recipe__list--title {
        font-size: 13px;
    }

    #odg.odg-detail .recipe__list li {
        position: relative;
        padding-left: 20px;
        line-height: calc(24 / 16);
        margin-top: 5px;
        font-size: 13px;
    }

    #odg.odg-detail .recipe__list li > span:first-of-type {
        width: 15px;
        height: 15px;
        left: 0;
        top: 4px;
        font-size: 11px;
        padding-bottom: 2px;
    }

    #odg.odg-detail .recipe__borderBox {
        font-size: 12px;
        padding: 10px;
    }

    #odg.odg-detail .recipe__note--title {
        font-size: 13px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #odg.odg-detail .recipe__note {
        font-size: 12px;
    }

    #odg.odg-detail .recipe__boxBorder {
        padding: 10px 15px;
        border: 1px solid #000;
        border-radius: 5px;
        line-height: calc(39 / 26);
        font-size: 13px;
    }

    /* recipe table */
    #odg.odg-detail .recipe__table--head {
        background-color: #000;
        border-radius: 5px 5px 0 0;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        text-align: center;
        padding: 6px 0;
    }

    #odg.odg-detail .recipe__table {
        font-size: 12px;
    }

    #odg.odg-detail .recipe__table--wrap {
        padding-left: 4px;
    }

    #odg.odg-detail .recipe__table--wrap > li {
        display: flex;
        justify-content: space-between;
        margin-top: 4px;
        line-height: calc(36 / 24);
    }

    #odg.odg-detail .recipe__table--wrap > li:first-of-type {
        margin-top: 0;
    }

    #odg.odg-detail .recipe__table--material {
        width: calc(100% - 160px);
        display: flex;
    }
    #odg.odg-detail .recipe__table--notice {
        width: 160px;
        padding-left: 10px;
    }
    #odg.odg-detail .recipe__table--materialTitle {
        padding-right: 0.5em;
        position: relative;
    }
    #odg.odg-detail .recipe__table--materialTitle > i {
        display: block;
        position: absolute;
        left: 0;
        top: 1.5em;
        font-size: 12px;
        font-feature-settings: "palt";
        width: 120px;
    }
    #odg.odg-detail .recipe__table--materialDots {
        width: auto;
        background: url(/global/sharehouse/our-stories/articles/focus/makaizo/img/bg_dots.png) repeat-x center 9px transparent;
        flex: auto;
        background-size: 3px 1px;
    }
    #odg.odg-detail .recipe__table--materialQuantity {
        padding-left: 0.5em;
    }
    #odg.odg-detail .recipe__table--wrap .material-a {
        position: relative;
        padding-left: 21px;
    }
    #odg.odg-detail .recipe__table--wrap .material-a .material-a--num {
        position: absolute;
        width: 21px;
        height: 84px;
        left: -1px;
        top: 2px;
    }
    #odg.odg-detail .recipe__table--wrap .material-a .material-a--num::after {
        content: '';
        display: block;
        position: absolute;
        left: 7px;
        top: 15px;
        width: 1px;
        height: 100%;
        max-height: 61px;
        background-color: #000;
        z-index: 1;
    }

    #odg.odg-detail .recipe__table--wrap .material-a .material-a--num span {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15px;
        height: 15px;
        padding-bottom: 2px;
        background-color: #000;
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        line-height: 1;
        border-radius: 50%;
        text-align: center;
        z-index: 2;
    }

    /* sugoroku */
    #odg.odg-detail .sugoroku__title {
        font-size: 22px;
    }

    #odg.odg-detail .sugoroku__developmentJourney::before {
        right: -90px;
        top: -22px;
        width: calc((600 / 670) * 100%);
        height: calc((349 / 4439) * 100%);
        background-size: 100%;
    }

    #odg.odg-detail .sugoroku__developmentJourney .modal-thumb {
        width: calc((472 / 670) * 100%);
        height: calc((270 / 4439) * 100%);
    }

    #odg.odg-detail .sugoroku__developmentJourney .modal-thumb-00 {
        top: calc((1570 / 4439) * 100%);
        left: calc((106 / 670) * 100%);
    }

    #odg.odg-detail .sugoroku__developmentJourney .modal-thumb-01 {
        top: calc((3252 / 4439) * 100%);
        left: calc((106 / 670) * 100%);
    }

    #odg.odg-detail .sugoroku__developmentJourney .modal-thumb-02 {
        top: calc((3828 / 4439) * 100%);
        left: calc((106 / 670) * 100%);
    }

    #odg.odg-detail .sugoroku__goal {
        border-radius: 0;
        padding: 28px 15px 30px;
    }

    #odg.odg-detail .sugoroku__goal--badge {
        width: 65px;
        height: 64px;
        font-size: 18px;
        left: 5px;
        top: -22px;
    }

    #odg.odg-detail .sugoroku__goal--title {
        font-size: 8px;
    }

    #odg.odg-detail .sugoroku__goal--titleImg {
        margin-top: 4px;
    }

    #odg.odg-detail .sugoroku__goal--titleImg img {
        margin: 0 auto;
        max-height: 19px;
    }

    #odg.odg-detail .sugoroku__goal--titleSub {
        margin-top: 2px;
    }

    #odg.odg-detail .sugoroku__goal--imgMain img {
        max-width: 240px;
        margin: 0 auto;
        border-radius: 3px;
    }

    #odg.odg-detail .sugoroku__goal--imgSub {
        margin-top: 20px;
    }

    #odg.odg-detail .sugoroku__goal--imgSubBox {
        margin-top: 10px;
    }

    #odg.odg-detail .sugoroku__goal--imgSubBox:first-of-type {
        margin-top: 0;
    }

    #odg.odg-detail .sugoroku__goal--imgSubPhoto {
        width: calc((260 / 610) * 100%);
    }

    #odg.odg-detail .sugoroku__goal--imgSubPhoto img {
        border-radius: 3px;
    }

    #odg.odg-detail .sugoroku__goal--imgSubText {
        width: calc((330 / 610) * 100%);
    }

    #odg.odg-detail .sugoroku__goal--imgSubPoint {
        font-size: 12px;
        line-height: calc(24 / 24);
    }

    #odg.odg-detail .sugoroku__goal--imgSubDetail {
        font-size: 12px;
        line-height: calc(32 / 24);
    }
}