@charset "utf-8";

/* CSS Document ----------------
  rsk.css 
  ver 1 // 2022.9.8
-------------------------------- */

/* reset
-------------------------------- */
.rsk a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
}

.rsk img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

/* layout
-------------------------------- */
.rsk {
    background-color: #fff;
    font-size: 16px;
    /* font-feature-settings:"palt"; */
}

.isIE .rsk {
    font-family: "メイリオ", Meiryo, noto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

.rsk_wrap {
    position: relative;
    width: 92.8125%;
    margin: 0 3.59375%;
}

.rsk_ff1 {
    font-family: 'Dancing Script';
}

.rsk_ff2 {
    font-family: 'Quicksand';
}

.rsk_pc {
    display: none !important;
}

.rsk_sp {
    display: block !important;
}

.rsk_row {
    position: relative;
    margin-top: 10%;
}

.rsk_row:first-child {
    margin-top: 0;
}

.rsk_col {
    width: 100%;
    margin: 0;
}

.rsk_col:last-child {
    margin-top: 4%;
}

.rsk_pa {
    position: absolute;
}

.rsk_ac {
    text-align: center;
}

.rsk_ar {
    text-align: right;
}

.rsk_list {
    margin: 0;
    list-style: none;
}

.rsk_item {
    margin: 1.25vw 0 0;
}

.rsk h2+.rsk_row {
    margin-top: 4%;
}

@media screen and (min-width: 768px) {
    .rsk_wrap {
        width: 93.75%;
        margin: 0 3.125%;
    }

    .rsk_col {
        float: left;
    }

    .rsk_col:last-child {
        margin-top: 0;
    }

    .rsk_pc {
        display: block !important;
    }

    .rsk_sp {
        display: none !important;
    }

    .rsk_row {
        margin-top: 6%;
    }
}

@media screen and (min-width: 769px) {
    .rsk_wrap {
        width: 100%;
        margin: 0;
    }

    .rsk_item {
        margin-top: .66666666666667vw;
    }
}

@media screen and (min-width:1200px) {
    .rsk {
        min-width: 1200px;
    }

    .rsk_wrap {
        width: 1200px;
        margin: auto;
    }

    .rsk_item {
        margin-top: 8px;
    }
}

/* base.css */
#pageBody {
    padding-top: 66px;
}

section.regular {
    width: auto;
    margin: 0;
    padding: 0;
}

#siteID {
    left: 10px;
    top: 12px;
    width: 220px;
    height: auto;
}

@media screen and (min-width: 768px) {
    body {
        min-width: 768px;
    }

    #pageBody {
        padding-top: 0;
    }

    section.regular,
    #siteHeader .inner {
        width: 100%;
    }

    #siteFooter .bottom {
        width: 93.75%;
        margin: 0 3.125%;
    }

    #siteID {
        width: 339px;
    }
}

@media screen and (min-width:1200px) {
    #siteHeader .inner {
        width: 1200px;
        margin: auto;
    }

    #siteFooter .bottom {
        width: 1200px;
        margin: auto;
        padding-right: 37px;
        padding-left: 37px;
    }
}

/* hdr
-------------------------------- */
/* nav */
@media screen and (max-width:767px) {
    .rsk_nav_list {
        position: fixed;
        top: -369px;
        left: 0;
        width: 100%;
        margin: 0;
        background-color: #e56767;
        font-size: 1.25em;
        opacity: 0;
        transition: .4s ease;
        box-shadow: 0 4px 4px 0 rgba(51, 51, 51, .4);
        z-index: 1998;
    }

    .rsk_nav_item {
        margin: 0;
        border-bottom: 1px solid #fff;
        line-height: 1;
        white-space: nowrap;
    }

    .rsk_nav_item:last-child {
        border-bottom: none;
    }

    .rsk_nav_item a {
        display: block;
        padding: .75em 1em;
        color: #fff;
    }

    .sp_toggle {
        position: fixed;
        right: 0;
        top: 0;
        width: 54px;
        height: 55px;
        padding: 14px 10px 0;
        cursor: pointer;
        z-index: 666666;
        transition: .4s ease;
    }

    .sp_toggle_area {
        position: relative;
    }

    .sp_toggle_line {
        display: block;
        position: absolute;
        height: 4px;
        width: 100%;
        background: #e56767;
        left: 0;
        transition: .2s ease;
    }

    .sp_toggle_line:nth-child(1) {
        top: 0;
    }

    .sp_toggle_line:nth-child(2) {
        top: 11px;
    }

    .sp_toggle_line:nth-child(3) {
        top: 22px;
    }

    .open .rsk_nav_list {
        top: 55px;
        opacity: 1;
    }

    .open .sp_toggle {
        background-color: #e56767;
    }

    .open .sp_toggle_line {
        background-color: #fff;
    }

    .open .sp_toggle_line:nth-child(1) {
        top: 11px;
        transform: rotate(315deg);
    }

    .open .sp_toggle_line:nth-child(2) {
        width: 0;
        left: 50%;
    }

    .open .sp_toggle_line:nth-child(3) {
        top: 11px;
        transform: rotate(-315deg);
    }
}

@media screen and (min-width: 768px) {
    .rsk_nav {
        width: 100%;
        margin: 1em auto 2em;
    }

    .rsk_nav_list {
        display: flex;
        margin: 0;
        padding: 0 .5em;
    }

    .rsk_nav_item {
        flex-grow: 1;
        margin: 0;
        border-left: 1px solid #d6000f;
        font-size: 1.583333333333333vw;
        text-align: center;
    }

    .rsk_nav_item:last-child {
        border-right: 1px solid #d6000f;
    }

    .rsk_nav_item a {
        display: block;
        width: 100%;
        background-color: #fff;
        color: #000;
        transition: .2s;
    }

    .rsk_nav_item a:hover {
        background-color: #d6000f;
        color: #fff;
    }
}

@media screen and (min-width: 769px) {
    .rsk_nav_list {
        padding: 0;
    }
}

@media screen and (min-width: 1200px) {
    .rsk_nav {
        width: 1200px;
    }

    .rsk_nav_item {
        font-size: 19px;
    }
}

/* hd */
.rsk_hdr_cnt2 {
    padding: 0 0 4%;
}

.rsk_hdr_hd_top {
    margin: 12% 0 4%;
    font-size: 5.9375vw;
    text-align: center;
    letter-spacing: .125em;
}

.rsk_hdr_hd2 {
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 3.75vw 0 1.25vw;
    line-height: 1;
}

.rsk_hdr_hd3 {
    margin: 3.75vw 0 1.25vw;
    text-align: center;
    line-height: 1;
}

.rsk_hdr_hd_tp {
    align-self: baseline;
}

.rsk_hdr_hd2a .rsk_hdr_hd_tp {
    align-self: center;
}

.rsk_hdr_hd_tp1.rsk_ff1 {
    font-size: 8.75vw;
}

.rsk_hdr_hd_tp1.rsk_ff2 {
    font-size: 6.25vw;
}

.rsk_hdr_hd_tp2 {
    font-size: 3.75vw;
}

.rsk_hdr_hd3 .rsk_hdr_hd_tp {
    display: block;
}

.rsk_hdr_hd3 .rsk_hdr_hd_tp1 {
    margin-bottom: 2vw;
}

.rsk_hdr_catch1 {
    margin: 0;
    padding-bottom: 2%;
    color: #787878;
    font-family: 'Rasa';
    font-size: 7.1875vw;
    line-height: 1;
    letter-spacing: .025em;
}

.rsk_hdr_catch2 {
    margin: 0;
    padding: 4% 0;
    font-size: 5.15625vw;
    text-align: center;
    line-height: 1.2;
}

.rsk_hdr_catch3 {
    margin: 0;
    padding: 4% 0;
    font-size: 7.1875vw;
    font-weight: bold;
    line-height: 1.2;
}

.rsk_hdr_top_about {
    right: 0;
    top: 0;
    width: 29.375%;
    margin: 46% 3.59375% 0 67.03125%;
}

.rsk_hdr_recipe {
    padding-bottom: 5vw;
}

@media screen and (min-width: 768px) {
    .rsk_hdr_hd_top {
        margin: 4% 0 2%;
        padding: 0;
        font-size: 2.33333333333333vw;
        text-align: left;
    }

    .rsk_hdr_hd2 {
        margin: 2.4% 0 .8%;
    }

    .rsk_hdr_hd3 {
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        margin: 2.4% 0 .8%;
    }

    .rsk_hdr_hd_tp1.rsk_ff1,
    .rsk_hdr_hd_tp1.rsk_ff2 {
        font-size: 3.666666666666667vw;
    }

    .rsk_hdr_hd_tp2 {
        font-size: 2.08333333333333vw;
    }

    .rsk_hdr_hd3 .rsk_hdr_hd_tp1 {
        margin-bottom: 0;
    }

    .rsk_hdr_catch1 {
        padding-bottom: 1%;
        font-size: 5vw;
        letter-spacing: .075em;
    }

    .rsk_hdr_catch2 {
        font-size: 2.66666666666667vw;
    }

    .rsk_hdr_catch3 {
        font-size: 3.833333333333333vw;
    }

    .rsk_hdr_top_about {
        width: 20.83333333333333%;
        margin: 43% 0 0 79.16666666666667%;
    }

    .rsk_hdr_recipe {
        padding-bottom: 5vw;
    }
}

@media screen and (min-width: 769px) {
    .rsk_hdr_top_about {
        width: 24.16666666666667%;
        margin: 42.6% 0 0 75.83333333333333%;
    }
}

@media screen and (min-width: 1200px) {
    .rsk_hdr_hd_top {
        font-size: 1.75em;
    }

    .rsk_hdr_hd_tp1.rsk_ff1,
    .rsk_hdr_hd_tp1.rsk_ff2 {
        font-size: 2.75em;
    }

    .rsk_hdr_hd_tp2 {
        font-size: 1.5625em;
    }

    .rsk_hdr_catch1 {
        font-size: 3.75em;
    }

    .rsk_hdr_catch2 {
        font-size: 2em;
    }

    .rsk_hdr_catch3 {
        font-size: 2.875em;
    }

    .rsk_hdr_recipe {
        padding-bottom: 3.75em;
    }
}

/* hero */
.rsk_recipe_hero {
    margin: 0;
    padding: 2.8125vw;
    color: #fff;
}

.rsk_recipe_hero img {
    width: 100%;
}

.rsk_recipe_hero h2 {
    font-size: 5.9375vw;
    font-weight: bold;
}

.rsk_recipe_hero p {
    margin: 2.8125vw 0;
    font-size: 3.90625vw;
}

.rsk_recipe_hero ul {
    margin: 0 0 0 1.5em;
    font-size: 3.90625vw;
}

.rsk_recipe_hero li {
    margin: 0;
}

.rsk_hero_mv {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.rsk_hero_mv iframe {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 768px) {
    .rsk_recipe_hero {
        padding: 1.5vw;
    }

    .rsk_recipe_hero_col {
        width: 47.59450171821306%;
    }

    .rsk_recipe_hero_col:last-child {
        margin-left: 4.81099656357388%;
    }

    .rsk_recipe_hero h2 {
        font-size: 3.16666666666667vw;
        line-height: 1.2;
    }

    .rsk_recipe_hero p {
        margin: 1vw 0;
        font-size: 2.083333333333333vw;
    }

    .rsk_recipe_hero ul {
        font-size: 2.083333333333333vw;
    }
}

@media screen and (min-width: 1200px) {
    .rsk_recipe_hero {
        padding: 1.125em;
    }

    .rsk_recipe_hero h2 {
        font-size: 2.375em;
    }

    .rsk_recipe_hero p {
        margin: 12px 0;
        font-size: 1.5625em;
    }

    .rsk_recipe_hero ul {
        font-size: 1.5625em;
    }
}

@media screen and (min-width: 768px) {

    /* hero icepie */
    .rsk_icepie_hero_col {
        width: 47.93814432989691%;
    }

    .rsk_icepie_hero_col:last-child {
        margin-left: 4.123711340206186%;
    }

    /* hero specialpie */
    .rsk_specialpie_hero {
        display: flex;
        align-items: center;
    }
}

/* slider */
.rsk_slider .slider {
    display: none;
}

.rsk_slider .slider.slick-initialized {
    display: block;
    margin: 0 0 30px;
}

/* main
-------------------------------- */
.rsk_main {
    background-color: #e4e4e4;
}

.rsk_main_wrap {
    padding: 5vw 0;
}

.rsk_main_wrap2 {
    padding: 0 0 5vw;
}

.rsk_main_inner {
    background-color: #fff;
}

.rsk_main_inner_tp1 {
    padding: 5% 3.36700336700337%;
}

.rsk_main_inner_tp2 {
    padding: 5% 3.36700336700337% 12%;
}

@media screen and (min-width: 768px) {
    .rsk_main_inner_tp1 {
        padding: 5% 8.33333333333333%;
    }

    .rsk_main_inner_tp2 {
        padding: 5% 8.33333333333333% 12%;
    }
}

@media screen and (min-width: 1200px) {
    .rsk_main_wrap {
        padding: 3.75em 0;
    }

    .rsk_main_wrap2 {
        padding: 0 0 3.75em;
    }
}

/* card */
.rsk_card {
    margin-top: 6%;
}

.rsk_card:first-child {
    margin-top: 0;
}

.rsk_card_hd {
    position: relative;
    margin: 0;
    padding: 1.25%;
}

.rsk_card_hd_tp1 {
    font-size: 6.5625vw;
    line-height: 1;
}

.rsk_card_hd_tp2 {
    padding-left: .5em;
    font-size: 4.375vw;
}

.rsk_card_hd_tp3 {
    display: block;
    margin: .625vw 0;
    font-size: 4.0625vw;
}

.rsk_card_item_hd1 {
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 2.5% 2%;
    font-size: 3.90625vw;
}

.rsk_card_item_hd2 {
    left: 0;
    top: 0;
    width: 106.3829787234043%;
    margin: 65.97938144329897% -3.19148936170213% 0;
    transform: scale(.94, 1);
    padding: 2.4% 0;
    font-size: 3.75vw;
    text-align: center;
}

.rsk_card_item_hd_ex {
    letter-spacing: -.1em;
}

.rsk_card_item_hd_ex2 {
    padding: 2.5% .6vw;
    font-size: 3.28125vw;
}

.rsk_card_item {
    position: relative;
    float: left;
    width: 48.82154882154882%;
    margin: 0;
    background-color: #fff;
}

.rsk_card_item:nth-child(2n+2) {
    margin-left: 2.356902356902357%;
}

.rsk_card_item:nth-child(n+3) {
    margin-top: 3.25%;
}

.rsk_card_item a {
    display: block;
    width: 100%;
    height: 100%;
}

.rsk_card_item img {
    width: 100%;
}

.rsk_card_item23 a {
    padding: 26.46048109965636% 0 31.95876288659794%;
}

.rsk_card_item24 a {
    padding: 0 0 29.553264604811%;
}

.rsk_card_item_txt {
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 2.5%;
    font-size: 3.75vw;
}

.rsk_card_item_date {
    display: inline-block;
    float: right;
    margin: .625vw 0 0 .0515625vw;
    text-align: right;
    font-size: 2.5vw;
}

.rsk_card_pic1 {
    height: 26.875vw;
}

.rsk_card_pic2 {
    height: 30vw;
}

@media screen and (min-width: 768px) {
    .rsk_card {
        margin-top: 4%;
    }

    .rsk_card_hd_tp1 {
        font-size: 4.25vw;
    }

    .rsk_card_hd_tp2 {
        font-size: 2.33333333333333vw;
    }

    .rsk_card_hd_tp3 {
        position: absolute;
        bottom: 0;
        right: 0;
        float: right;
        margin: 0 1.25% 1.25% 0;
        font-size: 2.16666666666667vw;
    }

    .rsk_card_item_hd1 {
        font-size: 2.16666666666667vw;
    }

    .rsk_card_item_hd2 {
        font-size: 1.9vw;
    }

    .rsk_card_item_hd_ex {
        letter-spacing: normal;
    }

    .rsk_card_item23 {
        width: 32.66666666666667%;
    }

    .rsk_card_item24 {
        width: 24.16666666666667%;
    }

    .rsk_card_item23:nth-child(n) {
        margin: 0 0 0 1%;
    }

    .rsk_card_item24:nth-child(n) {
        margin: 0 0 0 1.111111111111111%;
    }

    .rsk_card_item23:nth-child(3n+1) {
        margin-left: 0;
    }

    .rsk_card_item23:nth-child(n+4) {
        margin-top: 3.25%;
    }

    .rsk_card_item24:nth-child(4n+1) {
        margin-left: 0;
    }

    .rsk_card_item24:nth-child(n+5) {
        margin-top: 2%;
    }

    .rsk_card_item23 a {
        padding: 21.02564102564103% 0 25.12820512820513%;
    }

    .rsk_card_item24 a {
        padding: 0 0 29.553264604811%;
    }

    .rsk_card_item_txt {
        font-size: 1.75vw;
    }

    .rsk_card_item_date {
        margin-top: .33333333333333vw;
        font-size: 1.33333333333333vw;
    }

    .rsk_card_pic1 {
        height: 19.5vw;
    }

    .rsk_card_pic2 {
        height: 16vw;
    }
}

@media screen and (min-width: 769px) {
    .rsk_card_item_hd2 {
        font-size: 2vw;
    }
}

@media screen and (min-width: 1200px) {
    .rsk_card_hd_tp1 {
        font-size: 3.1875em;
    }

    .rsk_card_hd_tp2 {
        font-size: 1.75em;
    }

    .rsk_card_hd_tp3 {
        font-size: 1.625em;
    }

    .rsk_card_item_hd1 {
        font-size: 1.625em;
    }

    .rsk_card_item_hd2 {
        font-size: 1.5em;
    }

    .rsk_card_item_txt {
        font-size: 1.3125em;
    }

    .rsk_card_item_date {
        margin-top: .25em;
        font-size: .7619047619047619em;
    }

    .rsk_card_pic1 {
        height: 234px;
    }

    .rsk_card_pic2 {
        height: 192px;
    }
}

/* topic */
.rsk_topic {
    flex-direction: column;
}

.rsk_topic_col>h2,
.rsk_topic_col>h3 {
    margin: 3.75vw 0 .625vw;
    font-size: 4.53125vw;
    font-weight: bold;
    text-align: center;
}

.rsk_topic h2:first-child,
.rsk_topic h3:first-child {
    margin-top: 0;
}

.rsk_topic_hd {
    line-height: 1.2;
}

.rsk_topic_lead {
    line-height: 1.2;
}

.rsk_topic_col1>p {
    margin: 1.25vw 0 0;
    font-size: 4.0625vw;
}

.rsk_topic_col2,
.rsk_topic_col3 {
    width: 70.75812274368232%;
    margin: 4% 14.62093862815884% 0;
    text-align: center;
}

.rsk_topic_col3 p {
    margin: 0;
    line-height: 1;
}

.rsk_topic_col2 p:nth-child(1) {
    margin: 0;
    padding: 6% 0 1%;
    text-align: center;
}

.rsk_topic_col2 p:nth-child(2) {
    width: 102%;
    margin: 0 -1% -2px;
    padding: .25em 0 0;
    font-size: 3.4375vw;
    background-color: #fff;
    text-align: right;
}

.rsk_topic_col3 p:nth-child(2) {
    padding: .5em 0 0;
    font-size: 3.4375vw;
    text-align: right;
}

.rsk_topic_sample {
    width: 70.75812274368232%;
    margin: 2.5vw 14.62093862815884% 0;
    font-size: 3.125vw;
    text-align: center;
}

.rsk_topic_sample p {
    margin: 1.25vw 0 0;
}

.rsk_topic_em {
    display: block;
    margin-top: 2.5vw;
    font-size: 3.90625vw;
    font-weight: bold;
    text-align: center;
}

.rsk_topic_note {
    display: block;
    margin: 1.5625vw 0 0 1em;
    font-size: 3.125vw;
    text-indent: -1em;
}

@media screen and (min-width: 768px) {
    .rsk_topic {
        display: flex;
        flex-direction: row;
    }

    .rsk_topic_col1 {
        width: 54.8%;
        margin: 0;
    }

    .rsk_topic_col1>p {
        margin: 0.6666666666666667vw 0 0;
        font-size: 2.16666666666667vw;
    }

    .rsk_topic_sample {
        width: 100%;
        margin: 1.333333333333333vw 0 0;
        font-size: 1.666666666666667vw;
        text-align: left;
    }

    .rsk_topic_sample p {
        margin: .6666666666666667vw 0 0;
    }

    .rsk_topic_col2,
    .rsk_topic_col3 {
        display: flex;
        width: 39.2%;
        margin: 0 0 0 6%;
    }

    .rsk_topic_col2 a {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 100%;
    }

    .rsk_topic_col3 a {
        width: 100%;
    }

    .rsk_topic_col2 p:nth-child(1) {
        width: 100%;
        padding-bottom: 5%;
    }

    .rsk_topic_col2 p:nth-child(2) {
        position: absolute;
        right: -1px;
        bottom: -1px;
        margin: 0;
        font-size: 1.83333333333333vw;
    }

    .rsk_topic_col3 p:nth-child(2) {
        font-size: 1.83333333333333vw;
    }

    .rsk_topic_col>h2 {
        margin: 2vw 0 .33333333333333vw;
        font-size: 2.5vw;
        text-align: left;
    }

    .rsk_topic_col>h3 {
        margin: 2vw 0 .33333333333333vw;
        font-size: 2.41666666666667vw;
        text-align: left;
    }

    .rsk_topic_em {
        margin-top: 1.33333333333333vw;
        font-size: 2.083333333333333vw;
        text-align: left;
    }

    .rsk_topic_note {
        margin-top: .8333333333333335vw;
        font-size: 1.66666666666667vw;
    }

    /* v2 190320 */
    .rsk_topic_col1_tp2 {
        width: 59.4%;
    }

    .rsk_topic_col2_tp2 {
        margin: 0 0 0 1.4%;
    }
}

@media screen and (min-width: 1200px) {
    .rsk_topic_col>h2 {
        margin: 24px 0 4px;
        font-size: 1.875em;
    }

    .rsk_topic_col>h3 {
        margin: 24px 0 4px;
        font-size: 1.8125em;
    }

    .rsk_topic_col1>p {
        margin: 8px 0 0;
        font-size: 1.625em;
    }

    .rsk_topic_col2 p:nth-child(2),
    .rsk_topic_col3 p:nth-child(2) {
        font-size: 1.375em;
    }

    .rsk_topic_sample {
        margin: 16px 0 0;
        font-size: 1.25em;
    }

    .rsk_topic_sample p {
        margin: 8px 0 0;
    }

    .rsk_topic_em {
        margin-top: 16px;
        font-size: 25px;
        text-align: left;
    }

    .rsk_topic_note {
        margin-top: 10px;
        font-size: 20px;
    }
}

/* icon */
.rsk_topic_icn_msc {
    min-height: 14.375vw;
    margin-top: 1.25vw;
    padding: 15vw 0 0;
    background-image: url(../img/icn_msc.png);
    background-repeat: no-repeat;
    background-size: 43.32129963898917%;
    font-size: 3.125vw;
}

.rsk_topic_icn_dha {
    min-height: 13.75vw;
    padding: 1.25vw 0 0 16.25vw;
    background-image: url(../img/icn_dha.png);
    background-repeat: no-repeat;
    background-size: 15.88447653429603%;
}

.rsk_topic_icn_asc {
    min-height: 16.875vw;
    margin-top: 1.25vw;
    padding: 17.5vw 0 0;
    background-image: url(../img/icn_asc.png);
    background-repeat: no-repeat;
    background-size: 40.43321299638989%;
    font-size: 3.125vw;
}

/* v2 190320 */
.rsk_topic_icn_msc2,
.rsk_topic_icn_asc2 {
    min-height: 15.625vw;
    margin-top: 1.25vw;
    padding: 16.875vw 0 0;
    background-repeat: no-repeat;
    background-size: auto 15.625vw;
    font-size: 3.125vw;
}

.rsk_topic_icn_msc2 {
    background-image: url(../img/icn_msc2.png);
}

.rsk_topic_icn_asc2 {
    background-image: url(../img/icn_asc.png);
}

@media screen and (min-width: 768px) {
    .rsk_topic_icn_msc {
        min-height: 7.666666666666667vw;
        margin-top: .6666666666666667vw;
        padding: 8vw 0 0;
        background-size: 43.7956204379562%;
        font-size: 1.66666666666667vw;
    }

    .rsk_topic_icn_dha {
        min-height: 7.33333333333333vw;
        padding: .66666666666667vw 0 0 8.66666666666667vw;
        background-size: 16.05839416058394%;
    }

    .rsk_topic_icn_asc {
        min-height: 9vw;
        margin-top: .6666666666666667vw;
        padding: 9.333333333333333vw 0 0;
        background-size: 40.87591240875912%;
        font-size: 1.66666666666667vw;
    }

    /* v2 190320 */
    .rsk_topic_icn_msc2,
    .rsk_topic_icn_asc2 {
        min-height: 8.333333333333333vw;
        margin-top: .6666666666666667vw;
        padding: 9vw 0 0;
        background-size: auto 8.333333333333333vw;
        font-size: 1.66666666666667vw;
    }
}

@media screen and (min-width: 1200px) {
    .rsk_topic_icn_msc {
        min-height: 92px;
        margin-top: 8px;
        padding: 96px 0 0;
        font-size: 20px;
    }

    .rsk_topic_icn_dha {
        min-height: 88px;
        padding: 8px 0 0 104px;
    }

    .rsk_topic_icn_asc {
        min-height: 108px;
        margin-top: 8px;
        padding: 112px 0 0;
        font-size: 20px;
    }

    /* v2 190320 */
    .rsk_topic_icn_msc2,
    .rsk_topic_icn_asc2 {
        min-height: 100px;
        margin-top: 8px;
        padding: 108px 0 0;
        background-size: auto 100px;
        font-size: 20px;
    }
}

/* point */
.rsk_point {
    min-height: 11.5625vw;
    margin: 4% 0 0;
    padding: 1.875vw 0 0 12.5vw;
    background-image: url(../img/icn_point.png);
    background-repeat: no-repeat;
    background-size: 12.27436823104693%;
}

.rsk_point p,
.rsk_point ul,
.rsk_point ol {
    margin: 0;
    padding: .625vw;
    border-top: 1px solid #cd5700;
    border-bottom: 1px solid #cd5700;
    font-size: 3.90625vw;
}

.rsk_point li {
    margin: 0 0 0 1.5em;
}

@media screen and (min-width: 768px) {
    .rsk_point {
        min-height: 6.16666666666667vw;
        margin: 3% 0 0;
        padding: 1vw 0 0 6.666666666666667vw;
        background-size: 6.8%;
    }

    .rsk_point p,
    .rsk_point ul,
    .rsk_point ol {
        padding: .33333333333333vw;
        font-size: 2.08333333333333vw;
    }
}

@media screen and (min-width: 1200px) {
    .rsk_point {
        min-height: 74px;
        padding: 12px 0 0 80px;
    }

    .rsk_point p,
    .rsk_point ul,
    .rsk_point ol {
        padding: 4px;
        font-size: 1.5625em;
    }
}


/* rsk_top */
/* v2 190320 */
.rsk_top .rsk_card_item_hd_ex3 {
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 2.5% 1vw;
    font-size: 3.125vw;
    letter-spacing: -.15vw;
}

@media screen and (max-width: 767px) {
    .rsk_top .rsk_card_item_hd_ex4 {
        padding: 2.5% .75vw;
        letter-spacing: -.3vw;
    }
}

@media screen and (min-width: 768px) {
    .rsk_top .rsk_card_item_hd_ex3 {
        padding: 2.5% 2%;
        font-size: 2vw;
    }
}

@media screen and (min-width: 1200px) {
    .rsk_top .rsk_card_item_hd_ex3 {
        font-size: 1.5em;
        letter-spacing: 0;
    }
}

/* stg2 */
.rsk_chara .rsk_main,
.rsk_deli .rsk_main,
.rsk_gabu .rsk_main,
.rsk_king .rsk_main,
.rsk_ocean .rsk_main,
.rsk_pizza .rsk_main,
.rsk_chuka .rsk_main,
.rsk_beefwm .rsk_main,
.rsk_bstar .rsk_main {
    line-height: 1.2;
}

/* about */

/* chara */
.rsk_box11>h2 {
    margin: 3.75vw 0 .625vw;
    font-size: 4.53125vw;
    font-weight: bold;
    text-align: center;
}

.rsk_box11 h2:first-child {
    margin-top: 0;
}

.rsk_box11>p {
    margin: 1.25vw 0 2.5vw;
    font-size: 4.0625vw;
}

.rsk_box_grd1 {
    padding-bottom: 2em;
    background-color: #ac4882;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZWQ3ZDAwIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM4NzJmYTMiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjUxMiIvPjxzdG9wIHN0b3AtY29sb3I9IiM4NzJmYTMiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(237, 125, 0)), color-stop(0.512, rgb(135, 47, 163)), color-stop(1, rgb(135, 47, 163)));
    background-image: -webkit-linear-gradient(bottom, rgb(237, 125, 0) 0%, rgb(135, 47, 163) 51.2%, rgb(181, 68, 198) 100.1%);
    background-image: linear-gradient(to top, rgb(237, 125, 0) 0%, rgb(135, 47, 163) 51.2%, rgb(181, 68, 198) 100.1%);
    background-image: -ms-linear-gradient(bottom, rgb(237, 125, 0) 0%, rgb(135, 47, 163) 51.2%, rgb(181, 68, 198) 100.1%);
}

.rsk_hw_rp_box {
    margin: 4% 0;
    text-align: center;
}

.rsk_hw_rp_pack {
    margin: 2.5vw 10.46931407942238% 0;
}

.rsk_hw_rp_txt {
    color: #fff;
    font-size: 3.59375vw;
    font-weight: bold;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .rsk_box11>h2 {
        margin: 2vw 0 .33333333333333vw;
        font-size: 2.5vw;
        font-weight: bold;
        text-align: left;
    }

    .rsk_box11>p {
        margin: .6666666666666667vw 0 1.333333333333333vw;
        font-size: 2.16666666666667vw;
    }

    .rsk_box12a .rsk_col {
        width: 49.2%;
    }

    .rsk_box12a .rsk_col:last-child {
        width: 50.8%;
    }

    .rsk_hw_rp_box1 {
        margin-right: 19.79166666666667%;
        margin-left: 19.79166666666667%;
    }

    .rsk_hw_rp_box1 .rsk_col {
        width: 50%;
        padding: 0 1%;
    }

    .rsk_hw_rp_box1 .rsk_col img {
        height: 20vw;
    }

    .rsk_hw_rp_box2 {
        margin-right: 2%;
        margin-left: 2%;
    }

    .rsk_hw_rp_box2 .rsk_col {
        width: 32%;
        padding: 0 1%;
    }

    .rsk_hw_rp_pack {
        margin: 0;
    }

    .rsk_hw_rp_txt {
        margin: 0;
        font-size: 1.916666666666667vw;
    }
}

@media screen and (min-width: 1200px) {
    .rsk_box11>h2 {
        margin: 24px 0 4px;
        font-size: 1.875em;
    }

    .rsk_box11>p {
        margin: 8px 0 16px;
        font-size: 1.625em;
    }

    .rsk_hw_rp_box1 .rsk_col img {
        height: 240px;
    }

    .rsk_hw_rp_txt {
        font-size: 1.4375em;
    }
}

.rsk_chara .rsk_topic_col2 {
    display: block;
}

.rsk_topic_chara_chara {
    margin: 2% 4% 0;
}

.rsk_chara_book_inner {
    margin: 2% 0 0;
}

.rsk_chara_book_list a {
    padding: 0;
}

.rsk_chara_book_item {
    width: 49.09747292418773%;
}

.rsk_chara_book_item:nth-child(2n+2) {
    margin-left: 1.80505415162455%;
}

@media screen and (max-width: 767px) {
    .rsk_topic_chara_col:last-child {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .rsk_topic_chara_col:first-child {
        padding-bottom: 14.6%;
    }

    .rsk_topic_chara_chara {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 59.4%;
        margin: 0 40.6% 0 0;
    }

    .rsk_topic_chara_chara1 img {
        max-width: 67.34006734006734%;
    }

    .rsk_chara_book_inner {
        padding-right: 10%;
        background-image: url(../img/chara/chara_book_chara1.png), url(../img/chara/chara_book_chara2.png);
        background-position: right 25%, right 95%;
        background-repeat: no-repeat, no-repeat;
        background-size: 8.2%, 8.2%;
    }

    .rsk_chara_book_item {
        width: 32.66666666666667%;
    }

    .rsk_chara_book_item:nth-child(n) {
        margin: 0 0 0 1%;
    }

    .rsk_chara_book_item:nth-child(3n+1) {
        margin-left: 0;
    }

    .rsk_chara_book_item:nth-child(n+4) {
        margin-top: 3.25%;
    }
}

/* king */

/* deli */

/* gabu */
.rsk_gabu .rsk_topic1 .rsk_topic_col2 {
    background-color: #003f8a;
}

.rsk_gabu .rsk_topic2 .rsk_topic_col2 {
    background-color: #a01e2f;
}

.rsk_gabu_bnr {
    padding-bottom: 5%;
    text-align: center;
}

.rsk_gabu_bnr p {
    margin: -3% 5.050505050505051% 0 0;
    font-size: 3.4375vw;
    text-align: right;
}

/* v2 190320 */
.rsk_gabu .rsk_topic_bg1 {
    background-color: #E94444;
}

.rsk_gabu .rsk_topic_bg2 {
    background-color: #F7BA41;
}

@media screen and (min-width: 768px) {
    .rsk_gabu_bnr {
        padding: 1.5% 7% 0;
    }

    .rsk_gabu_bnr p {
        margin: -3% 1.5% 0 0;
        font-size: 1.83333333333333vw;
        text-align: right;
    }
}

@media screen and (min-width: 1200px) {
    .rsk_gabu_bnr p {
        font-size: 1.375em;
    }
}

/* ocean */

/* pizza */
.rsk_pizza .rsk_topic_col2 {
    background-color: #55a033;
}

.rsk_pizza_arrange_hd {
    color: #c23a2a;
}

.rsk_pizza_recipe h3 {
    margin: 10% 0 2%;
}

.rsk_pizza_recipe h3:first-child {
    margin-top: 2%;
}

.rsk_pizza_hd_tp1 {
    font-size: 11.40625vw;
    line-height: 1.2;
}

.rsk_pizza_hd_tp2 {
    font-size: 4.6875vw;
}

.rsk_pizza_topic_hd .rsk_pizza_hd_tp1,
.rsk_pizza_arrange_hd .rsk_pizza_hd_tp1,
.rsk_pizza_arrange_hd .rsk_pizza_hd_tp2 {
    display: block;
    text-align: center;
}

.rsk_pizza_arrange_hd .rsk_pizza_hd_tp1 {
    margin-right: .25em;
}

.rsk_pizza_recipe h3 .rsk_pizza_hd_tp1 {
    display: inline-block;
    width: .75em;
}

.rsk_pizza_recipe_pic {
    margin: 0 -3.6101083032491%;
}

.rsk_pizza_recipe_pic img {
    width: 100%;
}

.rsk_pizza_howto {
    margin-top: 4%;
    font-size: 4.0625vw;
}

.rsk_pizza_howto h4 {
    font-weight: bold;
}

.rsk_pizza_howto ul,
.rsk_pizza_howto ol {
    margin: 0 0 0 2em;
}

.rsk_pizza_howto li {
    margin: 1.25vw 0 0;
}

@media screen and (max-width: 767px) {
    .rsk_pizza_topic_hd .rsk_pizza_hd_tp1 {
        font-size: 10.3125vw;
    }
}

@media screen and (min-width: 768px) {
    .rsk_pizza_recipe h3 {
        margin: 6% 0 2%;
    }

    .rsk_pizza_hd_tp1 {
        font-size: 6.08333333333333vw;
    }

    .rsk_pizza_hd_tp2 {
        font-size: 2.5vw;
    }

    .rsk_pizza_topic_hd .rsk_pizza_hd_tp1,
    .rsk_pizza_arrange_hd .rsk_pizza_hd_tp1,
    .rsk_pizza_arrange_hd .rsk_pizza_hd_tp2 {
        display: inline;
        text-align: left;
    }

    .rsk_pizza_recipe_pic {
        margin: 0
    }

    .rsk_pizza_howto {
        margin-top: 2%;
        font-size: 2.16666666666667vw;
    }

    .rsk_pizza_howto_col {
        width: 36%;
    }

    .rsk_pizza_howto_col:last-child {
        width: 60%;
        margin-left: 4%;
    }

    .rsk_pizza_howto li {
        margin-top: .66666666666667vw;
    }
}

@media screen and (min-width: 1200px) {
    .rsk_pizza_hd_tp1 {
        font-size: 4.5625em;
    }

    .rsk_pizza_hd_tp2 {
        font-size: 1.875em;
    }

    .rsk_pizza_howto {
        font-size: 1.625em;
    }

    .rsk_pizza_howto li {
        margin-top: 8px;
    }
}

/* shincyukagai */
/* v2 190320 */
.rsk_chuka .rsk_topic_bg1 {
    background-color: #E50012;
}

.rsk_chuka_about {
    width: 70.75812274368232%;
    height: 84.375vw;
    margin: 1.5em 14.62093862815884% 0;
    padding: 5vw 5vw 5.625vw;
    background: url(../img/shincyukagai/v2/bg_shincyukagai_about_sp.png) 0 0 no-repeat;
    background-size: contain;
    box-sizing: border-box;
}

.rsk_chuka_about_inner {
    height: 73.125vw;
    background: url(../img/shincyukagai/v2/bg_shincyukagai_about_inner_sp.jpg) center bottom no-repeat;
    background-size: contain;
}

.rsk_chuka_about_inner h3 {
    margin-bottom: .625vw !important;
    color: #fff;
    font-size: 4.0625vw;
    font-weight: bold;
}

.rsk_chuka_about_inner p {
    margin-bottom: 1vw;
    color: #fff;
    font-size: 3.4375vw;
}

@media screen and (min-width: 768px) {
    .rsk_chuka_about {
        width: 100%;
        height: 23vw;
        margin: 2em 0 0;
        padding: 2.666666666666667vw 2.333333333333333vw;
        background-image: url(../img/shincyukagai/v2/bg_shincyukagai_about_pc.png)
    }

    .rsk_chuka_about_inner {
        height: 17.33333333333333vw;
        background: url(../img/shincyukagai/v2/bg_shincyukagai_about_inner_pc.jpg) right center no-repeat;
        background-size: 21.83333333333333vw;
    }

    .rsk_chuka_about_inner h3 {
        margin-bottom: .3333333333333333vw !important;
        font-size: 1.833333333333333vw;
        padding-right: 22.66666666666667vw;
    }

    .rsk_chuka_about_inner p {
        margin-bottom: .6666666666666667vw;
        padding-right: 22.66666666666667vw;
        font-size: 1.333333333333333vw;
    }
}

@media screen and (min-width: 1200px) {
    .rsk_chuka_about {
        height: 276px;
        padding: 32px 28px;
    }

    .rsk_chuka_about_inner {
        height: 208px;
        background-size: auto;
    }

    .rsk_chuka_about_inner h3 {
        margin-bottom: 4px !important;
        font-size: 22px;
        padding-right: 272px;
    }

    .rsk_chuka_about_inner p {
        margin-bottom: 8px;
        padding-right: 272px;
        font-size: 16px;
    }
}

/* recipe */
.rsk_recipe_row h3 {
    margin-bottom: 5.625vw !important;
    padding: .5vw .5em;
    font-size: 4.6875vw;
    font-weight: bold;
}

/* pageBody */
.rsk_recipe_row h3 span {
    font-weight: normal;
}

.rsk_recipe_row h4 {
    margin: 3.75vw 0 1.25vw;
    font-weight: bold;
}

.rsk_recipe_row h5 {
    margin: 2.5vw 0 1.25vw;
    font-weight: bold;
}

.rsk_recipe_col:last-child {
    margin-top: 10%;
}

.rsk_recipe_row h4,
.rsk_recipe_row h5,
.rsk_recipe_row ul,
.rsk_recipe_row ol,
.rsk_recipe_point ul {
    margin-bottom: 0;
    font-size: 3.75vw;
}

.rsk_recipe_row li {
    margin: 1.875vw 0 0;
}

.rsk_recipe_material ul,
.rsk_recipe_prepare ul {
    margin: 0;
    list-style: none;
}

.rsk_recipe_material li {
    border-bottom: 1px dotted #c4c4c4;
}

.rsk_recipe_prepare li {
    padding-left: 1em;
    text-indent: -1em;
}

.rsk_recipe_prepare li:before {
    content: "★";
}

.rsk_recipe_howto ul {
    margin: 0;
    list-style: none;
}

.rsk_recipe_howto span {
    display: block;
    width: 71.5625vw;
    margin: .75em 0 1.5em;
}

.rsk_recipe_food p {
    margin-top: 4vw;
}

.rsk_recipe_food p a {
    display: block;
    position: relative;
    width: 96.25%;
    height: 7.5vw;
    margin: 0;
    padding: 0 2% 0 8%;
    color: #fff;
    font-size: 4.21875vw;
    font-weight: bold;
    line-height: 7.5vw;
}

.rsk_recipe_food p a::before {
    position: absolute;
    left: 2%;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -2.34375vw;
    border: 2.34375vw solid transparent;
    border-left-color: #fff;
    content: "";
}

.rsk_recipe_food p a::after {
    position: absolute;
    left: 100%;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -3.75vw;
    border: 3.75vw solid transparent;
    content: "";
}

.rsk_recipe_food div {
    width: 54.1516254873646%;
    min-height: 0%;
    margin: 0 22.92418772563177%;
}

@media screen and (max-width: 767px) {
    .rsk_recipe_food {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .rsk_recipe_food h3 {
        order: 1;
    }

    .rsk_recipe_food p {
        order: 3;
    }

    .rsk_recipe_food div {
        order: 2;
    }
}

@media screen and (min-width: 768px) {
    .rsk_recipe_row h4 {
        margin: 3vw 0 .6666666666666667vw;
    }

    .rsk_recipe_row h5 {
        margin: 1.333333333333333vw 0 .6666666666666667vw;
    }

    .rsk_recipe_col {
        width: 44.6%;
    }

    .rsk_recipe_col:last-child {
        width: 49.4%;
        margin: 0 0 0 6%;
    }

    .rsk_recipe_row h3 {
        margin-bottom: 3vw !important;
        padding: .5vw .5em;
        font-size: 2.08333333333333vw;
    }

    /* pageBody */
    .rsk_recipe_row h4,
    .rsk_recipe_row h5,
    .rsk_recipe_row ul,
    .rsk_recipe_row ol,
    .rsk_recipe_point ul {
        font-size: 2vw;
    }

    .rsk_recipe_row li {
        margin-top: 1vw;
    }

    .rsk_recipe_howto span {
        width: 38.16666666666667vw;
    }

    .rsk_recipe_food h3 {
        padding-right: 32%;
    }

    .rsk_recipe_food p {
        margin-top: 3vw;
    }

    .rsk_recipe_food p a {
        width: 64%;
        height: 4vw;
        padding: 0 2% 0 4%;
        font-size: 2.25vw;
        line-height: 4vw;
    }

    .rsk_recipe_food p a::before {
        margin-top: -1.25vw;
        border-width: 1.25vw;
    }

    .rsk_recipe_food p a::after {
        margin-top: -2vw;
        border-width: 2vw;
    }

    .rsk_recipe_food div {
        position: relative;
        width: 30%;
        margin: -18% 3.125% 0 70%;
    }
}

@media screen and (min-width: 769px) {
    .rsk_recipe_food p a:hover {
        opacity: .6;
    }
}

@media screen and (min-width: 1200px) {
    .rsk_recipe_row h4 {
        margin: 36px 0 8px;
    }

    .rsk_recipe_row h5 {
        margin: 16px 0 8px;
    }

    .rsk_recipe_row h3 {
        margin-bottom: 36px !important;
        padding: 6px .5em;
        font-size: 1.5625em;
    }

    /* pageBody */
    .rsk_recipe_row h4,
    .rsk_recipe_row h5,
    .rsk_recipe_row ul,
    .rsk_recipe_row ol,
    .rsk_recipe_point p,
    .rsk_recipe_point ul,
    .rsk_recipe_point ol {
        font-size: 24px;
    }

    .rsk_recipe_row li {
        margin-top: 12px;
    }

    .rsk_recipe_howto span {
        width: 458px;
    }

    .rsk_recipe_food h3 {
        padding-right: 32%;
    }

    .rsk_recipe_food p {
        margin-top: 36px;
    }

    .rsk_recipe_food p a {
        height: 48px;
        font-size: 1.6875em;
        line-height: 48px;
    }

    .rsk_recipe_food p a::before {
        margin-top: -15px;
        border-width: 15px;
    }

    .rsk_recipe_food p a::after {
        margin-top: -24px;
        border-width: 24px;
    }
}

/* recipe specialpie */
.rsk_icepie_material li {
    margin-top: .75em;
    padding-bottom: .25em;
    display: flex;
    justify-content: space-between;
}

.rsk_icepie_material li p {
    margin: 0;
}

.rsk_icepie_order>div {
    margin-top: 6.2%;
    text-align: center;
}

.rsk_icepie_order>div:first-child {
    margin-top: 0;
}

.rsk_recipe_howto_list1 {
    list-style: none;
}

.rsk_recipe_howto_list1 b {
    color: #E84148;
    font-weight: normal;
}

.rsk_recipe_howto_list1_ls {
    display: inline;
    width: auto;
    margin: 0 .5em 0 -1.5em;
}

@media screen and (min-width: 768px) {
    .rsk_icepie_col {
        width: 53%;
    }

    .rsk_icepie_col:last-child {
        width: 40%;
        margin: 0 0 0 7%;
    }

    .rsk_icepie_howto {
        margin-top: 12%;
    }

    .rsk_icepie_howto li {
        margin-top: 1em;
    }

    .rsk_row_specialpie {
        margin-top: 6%;
    }

    .rsk_row_specialpie:first-child {
        margin-top: 0;
    }
}

/* recipe chocopie */
.rsk_order_finish:last-child {
    position: relative;
}

.rsk_order_finish_pic {
    position: absolute;
    left: 4%;
    bottom: 2%;
    width: 36.10108303249097%;
}

@media screen and (min-width: 768px) {
    .rsk_order_finish_pic {
        left: -32%;
        bottom: 1%;
        width: 44.08602150537634%;
    }
}



/* fukidashi */
.rsk_recipe_row h3 {
    position: relative;
    background: #fff;
    border-width: 2px;
    border-style: solid;
}

.rsk_recipe_row h3::after,
.rsk_recipe_row h3::before {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: "";
}

.rsk_recipe_row h3::after {
    margin-left: -3.125vw;
    border-width: 3.125vw;
    border-top-color: #fff;
}

.rsk_recipe_row h3::before {
    margin-left: -3.75vw;
    border-width: 3.75vw;
}

@media screen and (min-width: 768px) {

    .rsk_recipe_row h3::after,
    .rsk_recipe_row h3::before {
        left: 20%;
    }

    .rsk_recipe_row h3::after {
        margin-left: -1.66666666666667vw;
        border-width: 1.66666666666667vw;
    }

    .rsk_recipe_row h3::before {
        margin-left: -2vw;
        border-width: 2vw;
    }
}

@media screen and (min-width: 1200px) {
    .rsk_recipe_row h3::after {
        margin-left: -20px;
        border-width: 20px;
    }

    .rsk_recipe_row h3::before {
        margin-left: -24px;
        border-width: 24px;
    }
}

/* recipe color */
.rsk_recipe1 .rsk_recipe_row h3 {
    border-color: #da8122;
}

.rsk_recipe1 .rsk_recipe_row h3::before {
    border-top-color: #da8122;
}

.rsk_recipe1 .rsk_recipe_hero,
.rsk_recipe1 .rsk_recipe_food p a {
    background-color: #da8122;
}

.rsk_recipe1 .rsk_recipe_food p a::after {
    border-left-color: #da8122;
}

.rsk_recipe2 .rsk_recipe_row h3 {
    border-color: #78471d;
}

.rsk_recipe2 .rsk_recipe_row h3::before {
    border-top-color: #78471d;
}

.rsk_recipe2 .rsk_recipe_hero,
.rsk_recipe2 .rsk_recipe_food p a {
    background-color: #78471d;
}

.rsk_recipe2 .rsk_recipe_food p a::after {
    border-left-color: #78471d;
}

.rsk_recipe3 .rsk_recipe_row h3 {
    border-color: #be2400;
}

.rsk_recipe3 .rsk_recipe_row h3::before {
    border-top-color: #be2400;
}

.rsk_recipe3 .rsk_recipe_hero,
.rsk_recipe3 .rsk_recipe_food p a {
    background-color: #be2400;
}

.rsk_recipe3 .rsk_recipe_food p a::after {
    border-left-color: #be2400;
}

.rsk_recipe4 .rsk_recipe_row h3 {
    border-color: #a2609d;
}

.rsk_recipe4 .rsk_recipe_row h3::before {
    border-top-color: #a2609d;
}

.rsk_recipe4 .rsk_recipe_hero,
.rsk_recipe4 .rsk_recipe_food p a {
    background-color: #a2609d;
}

.rsk_recipe4 .rsk_recipe_food p a::after {
    border-left-color: #a2609d;
}

.rsk_recipe5 .rsk_recipe_row h3 {
    border-color: #e50012;
}

.rsk_recipe5 .rsk_recipe_row h3::before {
    border-top-color: #e50012;
}

.rsk_recipe5 .rsk_recipe_hero,
.rsk_recipe5 .rsk_recipe_food p a {
    background-color: #e50012;
}

.rsk_recipe5 .rsk_recipe_food p a::after {
    border-left-color: #e50012;
}

.rsk_icepie1 .rsk_recipe_row h3 {
    border-color: #875f54;
}

.rsk_icepie1 .rsk_recipe_row h3::before {
    border-top-color: #875f54;
}

.rsk_icepie1 .rsk_recipe_hero,
.rsk_icepie1 .rsk_recipe_food p a {
    background-color: #875f54;
}

.rsk_icepie1 .rsk_recipe_food p a::after {
    border-left-color: #875f54;
}

.rsk_icepie2 .rsk_recipe_row h3 {
    border-color: #2a8e39;
}

.rsk_icepie2 .rsk_recipe_row h3::before {
    border-top-color: #2a8e39;
}

.rsk_icepie2 .rsk_recipe_hero,
.rsk_icepie2 .rsk_recipe_food p a {
    background-color: #2a8e39;
}

.rsk_icepie2 .rsk_recipe_food p a::after {
    border-left-color: #2a8e39;
}

.rsk_specialpie1 .rsk_recipe_row h3 {
    border-color: #59009e;
}

.rsk_specialpie1 .rsk_recipe_row h3::before {
    border-top-color: #59009e;
}

.rsk_specialpie1 .rsk_recipe_hero,
.rsk_specialpie1 .rsk_recipe_food p a {
    background-color: #59009e;
}

.rsk_specialpie1 .rsk_recipe_food p a::after {
    border-left-color: #59009e;
}

.rsk_chocopie1 .rsk_recipe_row h3 {
    border-color: #FF7B80;
}

.rsk_chocopie1 .rsk_recipe_row h3::before {
    border-top-color: #FF7B80;
}

.rsk_chocopie1 .rsk_recipe_hero,
.rsk_chocopie1 .rsk_recipe_food p a {
    background-color: #FF7B80;
}

.rsk_chocopie1 .rsk_recipe_food p a::after {
    border-left-color: #FF7B80;
}

.rsk_chocopie2 .rsk_recipe_row h3 {
    border-color: #F04646;
}

.rsk_chocopie2 .rsk_recipe_row h3::before {
    border-top-color: #F04646;
}

.rsk_chocopie2 .rsk_recipe_hero,
.rsk_chocopie2 .rsk_recipe_food p a {
    background-color: #F04646;
}

.rsk_chocopie2 .rsk_recipe_food p a::after {
    border-left-color: #F04646;
}

/* sns */
.rsk_sns_list {
    margin: 5vw 0 0;
    list-style: none;
    text-align: center;
}

.rsk_sns_item {
    display: inline-block;
    margin: 0 1em;
}

.rsk_sns_item img {
    height: 12.5vw;
}

@media screen and (min-width: 768px) {
    .rsk_sns_item img {
        height: 6.666666666666667vw;
    }
}

@media screen and (min-width: 1200px) {
    .rsk_sns_list {
        margin: 3.75em 0 0;
    }

    .rsk_sns_item img {
        height: 80px;
    }
}

/* every */

/* wildish 202103*/
.rsk_wildish_header_hd {
    width: 100%;
}

.rsk_wildish_header_hd_rice {
    height: 137.5vw;
    background-image: url(../img/wild/v2/wildish_rice202103_sp.jpg);
}

.rsk_wildish_header_hd_men {
    height: 143.75vw;
    background-image: url(../img/wild/v2/wildish_men202103_sp.jpg);
}

.rsk_wildish_header>p {
    display: none;
}

.rsk_wildish_header_link {
    width: 61.25vw;
    margin: auto;
    padding: .5em 0 0;
    font-size: 3.4375vw;
    text-align: right;
}

.rsk_topic_wild {
    position: relative;
}

.rsk_topic_wild::after {
    position: absolute;
    left: 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}

.rsk_wild .rsk_topic_col1 p {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .rsk_wild .rsk_hdr_hd_tp1.rsk_ff2 {
        font-size: 5.625vw;
    }

    .rsk_topic_wild1 {
        padding-bottom: 37.5vw;
    }

    .rsk_topic_wild2 {
        padding-bottom: 28.375vw;
    }

    .rsk_topic_wild3 {
        padding-bottom: 35vw;
    }

    .rsk_topic_wild4 {
        padding-bottom: 35.625vw;
    }

    .rsk_topic_wild5 {
        padding-bottom: 25.3125vw;
    }

    .rsk_topic_wild::after {
        width: 75vw;
        left: 5.78125vw;
        bottom: 0;
    }

    .rsk_topic_wild1::after {
        height: 35vw;
        background-image: url(../img/wild/v2/bg_sp_wild1.png);
    }

    .rsk_topic_wild2::after {
        height: 26.875vw;
        background-image: url(../img/wild/v2/bg_sp_wild2.png);
    }

    .rsk_topic_wild3::after {
        height: 32.5vw;
        background-image: url(../img/wild/v2/bg_sp_wild3.png);
    }

    .rsk_topic_wild4::after {
        height: 33.125vw;
        background-image: url(../img/wild/v2/bg_sp_wild4.png);
    }

    .rsk_topic_wild5::after {
        height: 22.8125vw;
        background-image: url(../img/wild/v2/bg_sp_wild5.png);
    }
}

@media screen and (min-width: 768px) {
    .rsk_wildish_header_hd_rice {
        height: 54.6875vw;
        background-image: url(../img/wild/v2/wildish_rice202103_pc.jpg);
    }

    .rsk_wildish_header_hd_men {
        height: 57.8125vw;
        background-image: url(../img/wild/v2/wildish_men202103_pc.jpg);
    }

    .rsk_wildish_header_link {
        width: 83.33333333333333vw;
        font-size: 1.83333333333333vw;
    }

    .rsk_wild .rsk_topic_col1 p {
        text-align: left;
    }

    .rsk_topic_wild::after {
        bottom: 2.5vw;
        width: 44.27083333333333vw;
        height: 21.83219178082192vw;
    }

    .rsk_topic_wild1::after {
        background-image: url(../img/wild/v2/bg_pc_wild1.png);
    }

    .rsk_topic_wild2::after {
        background-image: url(../img/wild/v2/bg_pc_wild2.png);
    }

    .rsk_topic_wild3::after {
        background-image: url(../img/wild/v2/bg_pc_wild3.png);
    }

    .rsk_topic_wild4::after {
        background-image: url(../img/wild/v2/bg_pc_wild4.png);
    }

    .rsk_topic_wild5::after {
        background-image: url(../img/wild/v2/bg_pc_wild5.png);
    }
}

@media screen and (min-width: 769px) {
    .rsk_topic_wild::after {
        width: 48.66666666666667vw;
        height: 24vw;
    }

    .rsk_wildish_header_hd_rice {
        height: 58.33333333333333vw;
    }

    .rsk_wildish_header_hd_men {
        height: 61.66666666666667vw;
    }
}

@media screen and (min-width: 1200px) {
    .rsk_wildish_header_hd_rice {
        height: 700px;
    }

    .rsk_wildish_header_hd_men {
        height: 740px;
    }

    .rsk_wildish_header_link {
        width: 1000px;
        font-size: 1.375em;
    }

    .rsk_topic_wild::after {
        bottom: 1.875em;
        width: 584px;
        height: 288px;
    }
}

/* mocchiri-pizza */

/* wasabeefmayo */

/* baystars */

/* monsterhunter */

/* legend */

/* peyoungpizza */


/* arrange recipe 20200703 */
.rsk_arrangercp .rsk_main_inner {
    padding: 3.75vw 0 9.375vw;
    background-image: url(../img/c_bg_sp.jpg);
    background-repeat: repeat;
    background-size: contain;
}

.rsk_arrangercp_hd {
    position: relative;
    z-index: 6;
}

.rsk_arrangercp_hd::before,
.rsk_arrangercp_hd::after {
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    content: "";
}

.rsk_arrangercp_hd::before {
    left: 3vw;
    top: -2vw;
    width: 11.875vw;
    height: 11.875vw;
    background-image: url(../imgrcp_hd_icn1_pc.png);
}

.rsk_arrangercp_hd::after {
    right: 4vw;
    top: -2vw;
    width: 10vw;
    height: 10.9375vw;
    background-image: url(../imgrcp_hd_icn2_pc.png);
}

.rsk_arrangercp_hd span {
    display: block;
    text-align: center;
}

.rsk_arrangercp_hd span:nth-child(1) {
    margin-bottom: .6666666666666667vw;
    font-size: 7.1875vw;
}

.rsk_arrangercp_hd span:nth-child(2) {
    font-size: 3.59375vw;
}

.rsk_arrangercp_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.rsk_arrangercp_card {
    padding: 0 3.75vw;
}

.rsk_arrangercp_card_item {
    margin: 0;
}

.rsk_arrangercp_card_item1 {
    position: relative;
    width: 44.375vw;
    height: 22.5vw;
    background-color: #fff;
    overflow: hidden;
}

.rsk_arrangercp_card_item1>a {
    display: flex;
    align-items: center;
    width: 43.125vw;
    height: 22.5vw;
    padding: 0;
    background-position: right center;
    background-repeat: no-repeat;
}

.rsk_arrangercp_card_item1_deco {
    position: absolute;
    left: 0;
    top: 0;
    width: 4.0625vw;
    height: 22.5vw;
}

.rsk_arrangercp_card_item1_deco::after {
    border-width: 11.25vw 0 11.25vw 2.1875vw;
}

.rsk_arrangercp_card1_t {
    margin: 0;
    padding-left: 5.625vw;
    font-size: 3.125vw;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -.02em;
}

.rsk_arrangercp_card_item1_1>a {
    background-image: url(../imgrcp_card1_i1.png);
    background-size: 15.625vw;
}

.rsk_arrangercp_card_item1_2>a {
    background-image: url(../imgrcp_card1_i2.png);
    background-size: 15.625vw;
}

.rsk_arrangercp_card_item1_3>a {
    background-image: url(../imgrcp_card1_i3.png);
    background-size: 15.625vw;
}

.rsk_arrangercp_card_item1_4>a {
    background-image: url(../imgrcp_card1_i4.png);
    background-size: 15.625vw;
}

.rsk_arrangercp_card_item1_5>a {
    background-image: url(../imgrcp_card1_i5.png);
    background-size: 15.625vw;
}

.rsk_arrangercp_card_item1_6>a {
    background-image: url(../imgrcp_card1_i6.png);
    background-size: 15.625vw;
}

.rsk_arrangercp_card1_t1 {
    color: #ff71af;
}

.rsk_arrangercp_card1_t2 {
    color: #5cc52e;
}

.rsk_arrangercp_card1_t3 {
    color: #ff8401;
}

.rsk_arrangercp_card1_t4 {
    color: #feaa00;
}

.rsk_arrangercp_card1_t5 {
    color: #54bcff;
}

.rsk_arrangercp_card1_t6 {
    color: #d70013;
}

.rsk_arrangercp_card2 {
    margin-top: 10vw;
}

.rsk_arrangercp_card_item2 {
    width: 44.375vw;
}

.rsk_arrangercp_card_item2_hd {
    display: flex;
    align-items: center;
    position: relative;
    width: 44.375vw;
    height: 9.375vw;
    margin-top: 3.125vw;
    background-color: #fff;
    overflow: hidden;
}

.rsk_arrangercp_card_item2_deco {
    position: absolute;
    left: 0;
    top: 0;
    width: 3.4375vw;
    height: 9.375vw;
}

.rsk_arrangercp_card_item2_deco::after {
    border-width: 4.6875vw 0 4.6875vw 1.25vw;
}

.rsk_arrangercp_card_item2_hd_t {
    width: 42.5vw;
    margin: 0;
    font-size: 3.125vw;
    text-align: center;
    line-height: 1.2;
    letter-spacing: -.02em;
}

.rsk_arrangercp_card_item2_hd_t>span {
    display: inline-block;
    text-align: left;
}

.rsk_arrangercp_deco {
    display: block;
}

.rsk_arrangercp_deco::after {
    position: absolute;
    left: 100%;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    transform: translateY(-50%);
    content: "";
}

.rsk_arrangercp_deco1 {
    background-color: #ff71af;
}

.rsk_arrangercp_deco1::after {
    border-left-color: #ff71af;
}

.rsk_arrangercp_deco2 {
    background-color: #5cc52e;
}

.rsk_arrangercp_deco2::after {
    border-left-color: #5cc52e;
}

.rsk_arrangercp_deco3 {
    background-color: #ff8401;
}

.rsk_arrangercp_deco3::after {
    border-left-color: #ff8401;
}

.rsk_arrangercp_deco4 {
    background-color: #fee501;
}

.rsk_arrangercp_deco4::after {
    border-left-color: #fee501;
}

.rsk_arrangercp_deco5 {
    background-color: #54bcff;
}

.rsk_arrangercp_deco5::after {
    border-left-color: #54bcff;
}

.rsk_arrangercp_deco6 {
    background-color: #d70013;
}

.rsk_arrangercp_deco6::after {
    border-left-color: #d70013;
}

@media screen and (max-width: 767px) {
    .rsk_arrangercp_card_item1:nth-child(n+3) {
        margin-top: 3.333333333333333vw;
    }

    .rsk_arrangercp_card_item2:nth-child(n+3) {
        margin-top: 5vw;
    }

    .rsk_arrangercp_card1_t {
        transform: scale(.88, 1);
    }

    .rsk_arrangercp_card_item2_hd_t>span {
        width: 112%;
        text-align: center;
    }

    .rsk_arrangercp_card_item2_hd_t>span span {
        display: inline-block;
        transform: scale(.8, 1);
        text-align: left;
    }

    .rsk_arrangercp_card_item2 a:hover img,
    .rsk_arrangercp_card_item2 a div:hover,
    .rsk_arrangercp_card_item2 a img:hover {
        opacity: 1 !important;
    }

    .rsk_arrangercp_card_item1,
    .rsk_arrangercp_card_item2_pic,
    .rsk_arrangercp_card_item2_hd {
        box-shadow: 1.40625vw 1.40625vw 1.40625vw rgba(0, 0, 0, .25);
    }
}

@media screen and (max-width: 768px) {
    .rsk_arrangercp .rsk_wrap {
        width: 100%;
        margin: 0;
    }
}

@media screen and (min-width: 768px) {
    .rsk_arrangercp .rsk_main_inner {
        padding: 1.333333333333333vw 0 6.666666666666667vw;
        background-image: url(../img/c_bg_pc.jpg);
        background-size: cover;
    }

    .rsk_arrangercp_hd::before {
        left: 10.5vw;
        top: 2vw;
        width: 9.833333333333333vw;
        height: 8vw;
        background-image: url(../imgrcp_hd_icn1_pc.png);
    }

    .rsk_arrangercp_hd::after {
        right: 13.33333333333333vw;
        top: 2vw;
        width: 7vw;
        height: 7.666666666666667vw;
        background-image: url(../imgrcp_hd_icn2_pc.png);
    }

    .rsk_arrangercp_hd span:nth-child(1) {
        margin-bottom: .6666666666666667vw;
        font-size: 5.25vw;
    }

    .rsk_arrangercp_hd span:nth-child(2) {
        font-size: 1.666666666666667vw;
    }

    .rsk_arrangercp_list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .rsk_arrangercp_card {
        padding: 0 3vw;
    }

    .rsk_arrangercp_card_item1:nth-child(n+4) {
        margin-top: 3.333333333333333vw;
    }

    .rsk_arrangercp_card_item1 {
        width: 26.66666666666667vw;
        height: 14vw;
    }

    .rsk_arrangercp_card_item1>a {
        width: 26.25vw;
        height: 14vw;
        padding: 0;
        cursor: pointer;
        transition: all .3s ease;
    }

    .rsk_arrangercp_card_item1_deco {
        width: 2.166666666666667vw;
        height: 14vw;
    }

    .rsk_arrangercp_card_item1_deco::after {
        border-width: 7vw 0 7vw 1.5vw;
    }

    .rsk_arrangercp_card1_t {
        padding-left: 4.166666666666667vw;
        font-size: 1.333333333333333vw;
    }

    .rsk_arrangercp_card_item1_1>a {
        background-size: 10.33333333333333vw;
    }

    .rsk_arrangercp_card_item1_2>a {
        background-size: 10.16666666666667vw;
    }

    .rsk_arrangercp_card_item1_3>a {
        background-size: 9.666666666666667vw;
    }

    .rsk_arrangercp_card_item1_4>a {
        background-size: 11.16666666666667vw;
    }

    .rsk_arrangercp_card_item1_5>a {
        background-size: 11.16666666666667vw;
    }

    .rsk_arrangercp_card_item1_6>a {
        background-size: 12.16666666666667vw;
    }

    .rsk_arrangercp_card2,
    .rsk_arrangercp_card_item2:nth-child(n+4) {
        margin-top: 6.666666666666667vw;
    }

    .rsk_arrangercp_card_item2 {
        width: 26.66666666666667vw;
    }

    .rsk_arrangercp_card_item2_hd {
        width: 26.66666666666667vw;
        height: 5vw;
        margin-top: 1vw;
    }

    .rsk_arrangercp_card_item2_hd::before {
        left: -.0833333333333333vw;
        top: -.0833333333333333vw;
        width: 2.5vw;
        height: 5.166666666666667vw;
    }

    .rsk_arrangercp_card_item2_hd::after {
        left: 2.333333333333333vw;
        top: -.3333333333333333vw;
        border-width: 2.916666666666667vw 0 2.916666666666667vw .6666666666666667vw;
    }

    .rsk_arrangercp_card_item2_deco {
        width: 2.5vw;
        height: 5vw;
    }

    .rsk_arrangercp_card_item2_deco::after {
        border-width: 2.5vw 0 2.5vw .6666666666666667vw;
    }

    .rsk_arrangercp_card_item2_hd_t {
        width: 26.66666666666667vw;
        padding-left: 2.75vw;
        font-size: 1.5vw;
    }

    .rsk_arrangercp_card_item1,
    .rsk_arrangercp_card_item2_pic,
    .rsk_arrangercp_card_item2_hd {
        box-shadow: .5vw .5vw .5vw rgba(0, 0, 0, .25);
    }

    .rsk_arrangercp_card_item1>a:hover {
        opacity: .7;
    }
}

@media screen and (min-width: 1200px) {
    .rsk_arrangercp .rsk_main_inner {
        padding: 16px 0 80px;
    }

    .rsk_arrangercp_hd::before {
        left: 126px;
        top: 24px;
        width: 118px;
        height: 96px;
    }

    .rsk_arrangercp_hd::after {
        right: 160px;
        top: 24px;
        width: 84px;
        height: 92px;
    }

    .rsk_arrangercp_hd span:nth-child(1) {
        margin-bottom: 8px;
        font-size: 63px;
    }

    .rsk_arrangercp_hd span:nth-child(2) {
        font-size: 20px;
    }

    .rsk_arrangercp_card {
        padding: 0 36px;
    }

    .rsk_arrangercp_card_item1:nth-child(n+4) {
        margin-top: 40px;
    }

    .rsk_arrangercp_card_item1 {
        width: 320px;
        height: 168px;
    }

    .rsk_arrangercp_card_item1>a {
        width: 315px;
        height: 168px;
        padding: 0;
    }

    .rsk_arrangercp_card_item1_deco {
        width: 26px;
        height: 168px;
    }

    .rsk_arrangercp_card_item1_deco::after {
        border-width: 84px 0 84px 18px;
    }

    .rsk_arrangercp_card1_t {
        padding-left: 50px;
        font-size: 16px;
    }

    .rsk_arrangercp_card_item1_1>a {
        background-size: 124px;
    }

    .rsk_arrangercp_card_item1_2>a {
        background-size: 122px;
    }

    .rsk_arrangercp_card_item1_3>a {
        background-size: 116px;
    }

    .rsk_arrangercp_card_item1_4>a {
        background-size: 134px;
    }

    .rsk_arrangercp_card_item1_5>a {
        background-size: 134px;
    }

    .rsk_arrangercp_card_item1_6>a {
        background-size: 146px;
    }

    .rsk_arrangercp_card2,
    .rsk_arrangercp_card_item2:nth-child(n+4) {
        margin-top: 80px;
    }

    .rsk_arrangercp_card_item2 {
        width: 320px;
    }

    .rsk_arrangercp_card_item2_hd {
        width: 320px;
        height: 60px;
        margin-top: 12px;
    }

    .rsk_arrangercp_card_item2_deco {
        width: 30px;
        height: 60px;
    }

    .rsk_arrangercp_card_item2_deco::after {
        border-width: 30px 0 30px 8px;
    }

    .rsk_arrangercp_card_item2_hd_t {
        width: 320px;
        padding-left: 33px;
        font-size: 18px;
    }

    .rsk_arrangercp_card_item1,
    .rsk_arrangercp_card_item2_pic,
    .rsk_arrangercp_card_item2_hd {
        box-shadow: 6px 6px 6px rgba(0, 0, 0, .25);
    }
}


/* arrange recipe 20200704 */
.rsk_armenu .rsk_main_inner {
    padding: 3.75vw 0 9.375vw;
    background-image: url(../img/c_bg_sp.jpg);
    background-size: cover;
}

.rsk_armenu_hero {
    position: relative;
    background-image: url(../img/ar_menu_hero_bg_sp.jpg);
    background-size: cover;
}

.rsk_armenu_hero::after {
    position: absolute;
    right: 6vw;
    bottom: .8333333333333333vw;
    width: 29.0625vw;
    height: 12.5vw;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}

.rsk_armenu_hero_inner {
    padding: 7.5vw 6.875vw 9.375vw;
}

.rsk_armenu_hero_col1 {
    text-align: center;
}

.rsk_armenu_hero_col2 {
    position: relative;
    display: flex;
    align-items: center;
    width: 86.25vw;
    height: 36.25vw;
    margin-top: 20.9375vw;
    background-color: #fff;
}

.rsk_armenu_hero_col2>span {
    position: absolute;
    left: 0;
    top: 0;
    width: 5.9375vw;
    height: 36.25vw;
}

.rsk_armenu_hero_col2>span::after {
    border-width: 18.125vw 0 18.125vw 5vw;
}

.rsk_armenu_hero_col2>div {
    padding: 0 2.5vw 0 12.5vw;
    letter-spacing: -.02em;
}

.rsk_armenu_hero_col2>div>h2 {
    margin-bottom: 2.5vw;
    color: #787878;
    font-size: 5.3125vw;
    font-weight: bold;
    line-height: 1.2;
}

.rsk_armenu_hero_col2>div>h2.tp1 {
    font-size: 5vw;
}

.rsk_armenu_hero_col2>div>p {
    margin: 0;
    font-size: 3.4375vw;
    line-height: 1.3;
}

.rsk_armenu_main_hd>span {
    display: block;
    text-align: center;
    line-height: 1.2;
}

.rsk_armenu_main_hd>span:nth-child(1) {
    font-size: 9.375vw;
}

.rsk_armenu_main_hd>span:nth-child(2) {
    font-size: 6.25vw;
}

.rsk_armenu_row {
    padding: 0 3.75vw;
}

.rsk_armenu_row_hd1 {
    position: relative;
    height: 9.375vw;
    margin-bottom: 4.6875vw;
    padding-left: 8.75vw;
    font-size: 3.90625vw;
    font-weight: bold;
    line-height: 9.375vw;
}

.rsk_armenu_row_hd1>span {
    position: absolute;
    left: 0;
    top: 0;
    width: 4.6875vw;
    height: 9.375vw;
}

.rsk_armenu_row_hd1>span::after {
    border-width: 4.6875vw 0 4.6875vw 1.25vw;
}

.rsk_armenu_material_list {
    margin: 3.75vw 3.75vw 0;
    font-size: 3.90625vw;
    line-height: 1.3;
    list-style: none;
    letter-spacing: -.02em;
}

.rsk_armenu_material_list li {
    margin: 2.5vw 0 0 0;
    padding: 0 2.5vw 2.5vw;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

.rsk_armenu_material_item {
    display: flex;
    width: 100%;
    align-items: flex-end;
}

.rsk_armenu_material_item span:nth-child(2) {
    position: relative;
    flex: auto;
    margin: 0 .25em;
}

.rsk_armenu_material_item_hd {
    margin-top: 2.5vw;
    font-weight: bold;
}

.rsk_armenu_howto_list {
    margin: 3.75vw 0 0 1.5em;
    font-size: 3.90625vw;
    line-height: 1.3;
    list-style: decimal;
}

.rsk_armenu_howto_list li {
    margin: 2.5vw 3.75vw 0;
    padding: 0;
    font-weight: bold;
}

.rsk_armenu_howto_list li span {
    color: #000;
    font-weight: normal;
    letter-spacing: -.02em;
}

.rsk_armenu_howto_pic {
    display: block;
    margin-top: 1.875vw;
}

.rsk_armenu_howto_pic1 img {
    display: block;
    width: 57.8125vw;
    height: auto;
}

.rsk_armenu_point_list {
    margin: 3.75vw 3.75vw 0;
    font-size: 3.90625vw;
    line-height: 1.3;
    list-style: none;
    letter-spacing: -.02em;
}

.rsk_armenu_package {
    position: relative;
}

.rsk_armenu_package_inner {
    display: flex;
    position: relative;
    align-items: center;
}

.rsk_armenu_package_arrow a {
    display: block;
    position: relative;
    height: 7.8125vw;
    padding: 0 3.75vw 0 8.75vw;
    font-size: 3.75vw;
    font-weight: bold;
    line-height: 7.8125vw;
}

.rsk_armenu_package_arrow a::before,
.rsk_armenu_package_arrow a::after {
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    content: "";
}

.rsk_armenu_package_arrow a::before {
    left: 1.875vw;
    border-width: 2.8125vw 0 2.8125vw 5vw;
    border-left-color: #fff;
    transform: translateY(-50%);
}

.rsk_armenu_package_arrow a::after {
    left: 100%;
    border-width: 3.90625vw 0 3.90625vw 4.375vw;
    transform: translateY(-50%);
}

.rsk_armenu_package_pic {
    text-align: center;
    margin: 0 auto;
}

.rsk_armenu_package_pic1,
.rsk_armenu_package_pic2 {
    width: 47.8125vw;
}

.rsk_armenu_package_pic3,
.rsk_armenu_package_pic4 {
    width: 57.1875vw;
}

.rsk_armenu_package_pic5 {
    width: 59.0625vw;
}

.rsk_armenu_package_pic6 {
    width: 66.875vw;
}

.rsk_armenu1 .rsk_armenu_hero::after {
    background-image: url(../img/ar_menu_hero_icn1.png);
}

.rsk_armenu2 .rsk_armenu_hero::after {
    background-image: url(../img/ar_menu_hero_icn2.png);
}

.rsk_armenu3 .rsk_armenu_hero::after {
    background-image: url(../img/ar_menu_hero_icn3.png);
}

.rsk_armenu4 .rsk_armenu_hero::after {
    background-image: url(../img/ar_menu_hero_icn4.png);
}

.rsk_armenu5 .rsk_armenu_hero::after {
    background-image: url(../img/ar_menu_hero_icn5.png);
}

.rsk_armenu6 .rsk_armenu_hero::after {
    background-image: url(../img/ar_menu_hero_icn6.png);
}

.rsk_armenu_deco1 {
    display: block;
}

.rsk_armenu_deco1::after {
    position: absolute;
    left: 100%;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    transform: translateY(-50%);
    content: "";
}

.rsk_armenu1 .rsk_armenu_deco1 {
    background-color: #ff71af;
}

.rsk_armenu1 .rsk_armenu_deco1::after {
    border-left-color: #ff71af;
}

.rsk_armenu2 .rsk_armenu_deco1 {
    background-color: #5cc52e;
}

.rsk_armenu2 .rsk_armenu_deco1::after {
    border-left-color: #5cc52e;
}

.rsk_armenu3 .rsk_armenu_deco1 {
    background-color: #ff8401;
}

.rsk_armenu3 .rsk_armenu_deco1::after {
    border-left-color: #ff8401;
}

.rsk_armenu4 .rsk_armenu_deco1 {
    background-color: #fee501;
}

.rsk_armenu4 .rsk_armenu_deco1::after {
    border-left-color: #fee501;
}

.rsk_armenu5 .rsk_armenu_deco1 {
    background-color: #54bcff;
}

.rsk_armenu5 .rsk_armenu_deco1::after {
    border-left-color: #54bcff;
}

.rsk_armenu6 .rsk_armenu_deco1 {
    background-color: #d70013;
}

.rsk_armenu6 .rsk_armenu_deco1::after {
    border-left-color: #d70013;
}

.rsk_armenu1 .rsk_armenu_deco2 {
    color: #ff71af;
}

.rsk_armenu2 .rsk_armenu_deco2 {
    color: #5cc52e;
}

.rsk_armenu3 .rsk_armenu_deco2 {
    color: #ff8401;
}

.rsk_armenu4 .rsk_armenu_deco2 {
    color: #feaa00;
}

.rsk_armenu5 .rsk_armenu_deco2 {
    color: #54bcff;
}

.rsk_armenu6 .rsk_armenu_deco2 {
    color: #d70013;
}

.rsk_armenu1 .rsk_armenu_deco3 {
    background-color: #ffd7e8;
}

.rsk_armenu2 .rsk_armenu_deco3 {
    background-color: #d2efc6;
}

.rsk_armenu3 .rsk_armenu_deco3 {
    background-color: #ffdfbd;
}

.rsk_armenu4 .rsk_armenu_deco3 {
    background-color: #ffffcf;
}

.rsk_armenu5 .rsk_armenu_deco3 {
    background-color: #e3f4ff;
}

.rsk_armenu6 .rsk_armenu_deco3 {
    background-color: #f9d8db;
}

.rsk_armenu1 .rsk_armenu_deco4 {
    background-color: #ff71af;
}

.rsk_armenu2 .rsk_armenu_deco4 {
    background-color: #5cc52e;
}

.rsk_armenu3 .rsk_armenu_deco4 {
    background-color: #ff8401;
}

.rsk_armenu4 .rsk_armenu_deco4 {
    background-color: #fee501;
}

.rsk_armenu5 .rsk_armenu_deco4 {
    background-color: #54bcff;
}

.rsk_armenu6 .rsk_armenu_deco4 {
    background-color: #d70013;
}

.rsk_armenu1 .rsk_armenu_material_list li {
    background-image: url(../img//ar_line1_sp.png);
}

.rsk_armenu2 .rsk_armenu_material_list li {
    background-image: url(../img//ar_line2_sp.png);
}

.rsk_armenu3 .rsk_armenu_material_list li {
    background-image: url(../img//ar_line3_sp.png);
}

.rsk_armenu4 .rsk_armenu_material_list li {
    background-image: url(../img//ar_line4_sp.png);
}

.rsk_armenu5 .rsk_armenu_material_list li {
    background-image: url(../img//ar_line5_sp.png);
}

.rsk_armenu6 .rsk_armenu_material_list li {
    background-image: url(../img//ar_line6_sp.png);
}

.rsk_armenu1 .rsk_armenu_package_arrow a::after {
    border-left-color: #ff71af;
}

.rsk_armenu2 .rsk_armenu_package_arrow a::after {
    border-left-color: #5cc52e;
}

.rsk_armenu3 .rsk_armenu_package_arrow a::after {
    border-left-color: #ff8401;
}

.rsk_armenu4 .rsk_armenu_package_arrow a::after {
    border-left-color: #fee501;
}

.rsk_armenu5 .rsk_armenu_package_arrow a::after {
    border-left-color: #54bcff;
}

.rsk_armenu6 .rsk_armenu_package_arrow a::after {
    border-left-color: #d70013;
}

@media screen and (max-width: 767px) {
    .rsk_armenu_hero::after {
        left: 9.375vw;
        top: 65.625vw;
    }

    .rsk_armenu_col {
        margin-top: 6.25vw;
    }

    .rsk_armenu_package_inner {
        flex-direction: column;
    }

    .rsk_armenu_package_inner>p {
        order: 2;
    }

    .rsk_armenu_package_inner>div {
        order: 1;
    }

    .rsk_armenu_package_arrow {
        width: 88.125vw;
        margin: 5vw 4.375vw 0 0;
    }

    .rsk_armenu_package_hd {
        position: absolute;
        left: 0;
        bottom: 9.375vw;
        margin: 0 !important;
        font-size: 3.90625vw;
        font-weight: bold;
    }

    .rsk_armenu_shadow {
        box-shadow: 1.40625vw 1.40625vw 1.40625vw rgba(0, 0, 0, .25);
    }

}

@media screen and (max-width: 768px) {
    .rsk_armenu .rsk_wrap {
        width: 100%;
        margin: 0;
    }
}

@media screen and (min-width: 768px) {
    .rsk_armenu .rsk_main_inner {
        padding: 1.5vw 0 6vw;
        background-image: url(../img/c_bg_pc.jpg);
        background-size: cover;
    }

    .rsk_armenu_hero {
        background-image: url(../img/ar_menu_hero_bg_pc.jpg);
        background-size: cover;
    }

    .rsk_armenu_hero::after {
        right: 6vw;
        bottom: .8333333333333333vw;
        width: 15.5vw;
        height: 6.666666666666667vw;
    }

    .rsk_armenu_hero_inner {
        display: flex;
        position: relative;
        justify-content: space-between;
        align-items: center;
        height: 38.5vw;
        padding: 0 3.25vw;
    }

    .rsk_armenu_hero_col1 {
        width: 46vw;
        height: 28.83333333333333vw;
    }

    .rsk_armenu_hero_col2 {
        width: 43.83333333333333vw;
        height: 19.33333333333333vw;
        margin: 0;
    }

    .rsk_armenu_hero_col2>span {
        width: 3vw;
        height: 19.33333333333333vw;
    }

    .rsk_armenu_hero_col2>span::after {
        border-width: 9.666666666666667vw 0 9.666666666666667vw 2.5vw;
    }

    .rsk_armenu_hero_col2>div {
        padding: 0 1.25vw 0 6.5vw;
    }

    .rsk_armenu_hero_col2>div>h2 {
        margin-bottom: .6666666666666667vw;
        font-size: 2.75vw;
    }

    .rsk_armenu_hero_col2>div>h2.tp1 {
        font-size: 2.583333333333333vw;
    }

    .rsk_armenu_hero_col2>div>p {
        font-size: 1.666666666666667vw;
    }

    .rsk_armenu_main_hd>span:nth-child(1) {
        font-size: 5vw;
    }

    .rsk_armenu_main_hd>span:nth-child(2) {
        font-size: 3.333333333333333vw;
    }

    .rsk_armenu_row {
        margin-top: 4vw;
        padding: 0 7.5vw;
    }

    .rsk_armenu_flex {
        display: flex;
        justify-content: space-between;
    }

    .rsk_armenu_flex>div:nth-child(1) {
        width: 31vw;
    }

    .rsk_armenu_flex>div:nth-child(2) {
        width: 43.33333333333333vw;
    }

    .rsk_armenu_row_hd1 {
        height: 5vw;
        margin-bottom: 2.5vw;
        padding-left: 4vw;
        font-size: 2.083333333333333vw;
        line-height: 5vw;
    }

    .rsk_armenu_row_hd1>span {
        width: 2.5vw;
        height: 5vw;
    }

    .rsk_armenu_row_hd1>span::after {
        border-width: 2.5vw 0 2.5vw .75vw;
    }

    .rsk_armenu_material_list {
        margin: 2vw 0 0;
        font-size: 1.833333333333333vw;
    }

    .rsk_armenu_material_list li {
        margin: 1vw 0 0 0;
        padding: 0 0 1vw 0;
    }

    .rsk_armenu_material_item_hd {
        margin-top: 1vw;
    }

    .rsk_armenu_howto_list {
        margin: 2vw 0 0 1.5em;
        font-size: 1.833333333333333vw;
    }

    .rsk_armenu_howto_list li {
        margin: 1.5vw 0 0 0;
    }

    .rsk_armenu_howto_pic {
        margin-top: .8333333333333333vw;
    }

    .rsk_armenu_howto_pic1 img {
        width: 30.83333333333333vw;
    }

    .rsk_armenu_point_list {
        margin: 2vw 0 0;
        font-size: 1.833333333333333vw;
    }

    .rsk_armenu_package_hd {
        position: absolute;
        left: 0;
        top: 50%;
        font-size: 2.083333333333333vw;
        font-weight: bold;
        transform: translateY(-5vw);
    }

    .rsk_armenu_package_inner {
        display: flex;
        position: relative;
        align-items: center;
    }

    .rsk_armenu_package_arrow {
        flex: auto;
        margin: 0;
    }

    .rsk_armenu_package_arrow a {
        height: 4.166666666666667vw;
        padding: 0 1.5vw 0 4.5vw;
        font-size: 2.25vw;
        line-height: 4.166666666666667vw;
    }

    .rsk_armenu_package_arrow a::before {
        left: 1vw;
        border-width: 1.5vw 0 1.5vw 2.666666666666667vw;
    }

    .rsk_armenu_package_arrow a::after {
        border-width: 2.083333333333333vw 0 2.083333333333333vw 2.666666666666667vw;
    }

    .rsk_armenu_package_arrow a:hover {
        color: #fff;
    }

    .rsk_armenu_package_pic {
        margin: 0;
    }

    .rsk_armenu_package_pic1{
        margin-left: 24px;
    }
    .rsk_armenu_package_pic1,
    .rsk_armenu_package_pic2 {
        width: 25.5vw;
    }

    .rsk_armenu_package_pic3,
    .rsk_armenu_package_pic4 {
        width: 30.5vw;
    }

    .rsk_armenu_package_pic5 {
        width: 31.5vw;
    }

    .rsk_armenu_package_pic6 {
        width: 35.66666666666667vw;
    }

    .rsk_armenu1 .rsk_armenu_material_list li {
        background-image: url(../img//ar_line1_pc.png);
    }

    .rsk_armenu2 .rsk_armenu_material_list li {
        background-image: url(../img//ar_line2_pc.png);
    }

    .rsk_armenu3 .rsk_armenu_material_list li {
        background-image: url(../img//ar_line3_pc.png);
    }

    .rsk_armenu4 .rsk_armenu_material_list li {
        background-image: url(../img//ar_line4_pc.png);
    }

    .rsk_armenu5 .rsk_armenu_material_list li {
        background-image: url(../img//ar_line5_pc.png);
    }

    .rsk_armenu6 .rsk_armenu_material_list li {
        background-image: url(../img//ar_line6_pc.png);
    }

    .rsk_armenu_shadow {
        box-shadow: .5vw .5vw .5vw rgba(0, 0, 0, .25);
    }
}

@media screen and (min-width: 769px) {}

@media screen and (min-width: 1200px) {
    .rsk_armenu .rsk_main_inner {
        padding: 18px 0 72px;
    }

    .rsk_armenu_hero::after {
        right: 72px;
        bottom: 10px;
        width: 186px;
        height: 80px;
    }

    .rsk_armenu_hero_inner {
        width: 1200px;
        height: 462px;
        padding: 0 39px;
    }

    .rsk_armenu_hero_col1 {
        width: 552px;
        height: 346px;
    }

    .rsk_armenu_hero_col2 {
        width: 526px;
        height: 232px;
    }

    .rsk_armenu_hero_col2>span {
        width: 36px;
        height: 232px;
    }

    .rsk_armenu_hero_col2>span::after {
        border-width: 116px 0 116px 30px;
    }

    .rsk_armenu_hero_col2>div {
        padding: 0 15px 0 78px;
    }

    .rsk_armenu_hero_col2>div>h2 {
        margin-bottom: 8px;
        font-size: 33px;
    }

    .rsk_armenu_hero_col2>div>h2.tp1 {
        font-size: 31px;
    }

    .rsk_armenu_hero_col2>div>p {
        font-size: 20px;
    }

    .rsk_armenu_main_hd>span:nth-child(1) {
        font-size: 60px;
    }

    .rsk_armenu_main_hd>span:nth-child(2) {
        font-size: 40px;
    }

    .rsk_armenu_row {
        margin-top: 48px;
        padding: 0 90px;
    }

    .rsk_armenu_flex>div:nth-child(1) {
        width: 372px;
    }

    .rsk_armenu_flex>div:nth-child(2) {
        width: 520px;
    }

    .rsk_armenu_row_hd1 {
        height: 60px;
        margin-bottom: 30px;
        padding-left: 48px;
        font-size: 25px;
        line-height: 60px;
    }

    .rsk_armenu_row_hd1>span {
        width: 30px;
        height: 60px;
    }

    .rsk_armenu_row_hd1>span::after {
        border-width: 30px 0 30px 9px;
    }

    .rsk_armenu_material_list {
        margin: 24px 0 0;
        font-size: 22px;
    }

    .rsk_armenu_material_list li {
        margin: 12px 0 0 0;
        padding: 0 0 12px 0;
    }

    .rsk_armenu_material_item_hd {
        margin-top: 12px;
    }

    .rsk_armenu_howto_list {
        margin: 24px 0 0 1.5em;
        font-size: 22px;
    }

    .rsk_armenu_howto_list li {
        margin: 18px 0 0 0;
    }

    .rsk_armenu_howto_pic {
        margin-top: 10px;
    }

    .rsk_armenu_howto_pic1 img {
        width: 370px;
    }

    .rsk_armenu_point_list {
        margin: 24px 0 0;
        font-size: 22px;
    }

    .rsk_armenu_package_hd {
        font-size: 25px;
        transform: translateY(-60px);
    }

    .rsk_armenu_package_arrow a {
        height: 50px;
        padding: 0 18px 0 54px;
        font-size: 27px;
        line-height: 50px;
    }

    .rsk_armenu_package_arrow a::before {
        left: 12px;
        border-width: 18px 0 18px 32px;
    }

    .rsk_armenu_package_arrow a::after {
        border-width: 25px 0 25px 32px;
    }

    .rsk_armenu_package_pic1,
    .rsk_armenu_package_pic2 {
        width: 306px;
    }

    .rsk_armenu_package_pic3,
    .rsk_armenu_package_pic4 {
        width: 366px;
    }

    .rsk_armenu_package_pic5 {
        width: 378px;
    }

    .rsk_armenu_package_pic6 {
        width: 428px;
    }

    .rsk_armenu_shadow {
        box-shadow: 6px 6px 6px rgba(0, 0, 0, .25);
    }
}

/* rsk_20200819 */
.rsk_picchg {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/* 海から揚げ 20200819 */

/* オーシャン 20200819 */

/* 酸辣湯麺 */
.rsk_hero_sanra {
    height: 70.3125vw;
    background-image: url(../img/sanramen/hero_sp.jpg);
}

.rsk_main_inner_sanra {
    position: relative;
    padding: 49.6875vw 0 0;
    background-image: url(../img/sanramen/main_bg_sp.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.rsk_topic_sanra {
    line-height: 1.2;
}

.rsk_topic_col1_sanra {
    padding: 0 6.875vw;
}

.rsk_topic_col1_sanra h2 {
    font-size: 5.3125vw;
    font-weight: bold;
    text-align: center;
}

.rsk_topic_col1_sanra p {
    margin: 1.25vw 0 0;
    font-size: 4.21875vw;
}

.rsk_topic_col2_sanra {
    margin: 2.5vw 0;
    padding: 0 2.8125vw;
    text-align: center;
}

.rsk_topic_col2_sanra p {
    margin: -3vw 5.625vw 0;
    font-size: 3.75vw;
    text-align: right;
}

.rsk_topic_col2_sanra div:hover {
    opacity: 1;
}

.rsk_mv_sanra {
    margin: 5vw 0 0;
    width: 92.8125vw;
    height: 125.625vw;
    background-image: url(../img/sanramen/mv_sp.jpg);
}

@media screen and (max-width: 767px) {
    .rsk_main_inner_sanra::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 92.8125vw;
        height: 61.5625vw;
        background-image: url(../img/sanramen/main_obje1_sp.png);
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
    }

    .rsk_topic_col1_sanra h2 span {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .rsk_hero_sanra {
        height: 43.83333333333333vw;
        background-image: url(../img/sanramen/hero_pc.jpg);
    }

    .rsk_main_inner_sanra {
        padding: 3vw 0 0;
        background-image: url(../img/sanramen/main_bg_pc.jpg);
    }

    .rsk_main_inner_sanra::before,
    .rsk_main_inner_sanra::after {
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
    }

    .rsk_main_inner_sanra::before {
        top: 0;
        left: 4.833333333333333vw;
        width: 18vw;
        height: 15.33333333333333vw;
        background-image: url(../img/sanramen/main_obje1_pc.png);
    }

    .rsk_main_inner_sanra::after {
        top: 1.5vw;
        left: 30vw;
        width: 19vw;
        height: 13.66666666666667vw;
        background-image: url(../img/sanramen/main_obje2_pc.png);
    }

    .rsk_topic_sanra {
        display: flex;
        justify-content: space-between;
        padding: 0 1.5625vw 0 3.90625vw;
    }

    .rsk_topic_col1_sanra {
        width: 54%;
        padding: 13vw 0 0;
    }

    .rsk_topic_col2_sanra {
        width: 44%;
        margin: 0;
        padding: 0;
    }

    .rsk_topic_col1_sanra h2 {
        font-size: 3vw;
        text-align: left;
    }

    .rsk_topic_col1_sanra h2 span {
        margin-left: .5em;
        font-size: 2.25vw;
    }

    .rsk_topic_col1_sanra p {
        margin: 1vw 0 0;
        font-size: 2.5vw;
    }

    .rsk_topic_col2_sanra p {
        margin: -1.333333333333333vw 2.25vw 0;
        font-size: 1.833333333333333vw;
    }

    .rsk_mv_sanra {
        width: 85.9375vw;
        height: 69.74405317164179vw;
        margin: 4vw auto 0;
        background-image: url(../img/sanramen/mv_pc.jpg);
    }
}

@media screen and (min-width: 769px) {
    .rsk_topic_sanra {
        padding: 0 2.333333333333333vw 0 5.333333333333333vw;
    }

    .rsk_topic_col1_sanra {
        width: 52%;
    }

    .rsk_topic_col2_sanra {
        width: 46.5vw;
    }

    .rsk_mv_sanra {
        width: 89.33333333333333vw;
        height: 72.5vw;
    }
}

@media screen and (min-width: 1200px) {
    .rsk_hero_sanra {
        height: 526px;
    }

    .rsk_main_inner_sanra {
        padding: 36px 0 0;
    }

    .rsk_main_inner_sanra::before {
        left: 58px;
        width: 216px;
        height: 184px;
    }

    .rsk_main_inner_sanra::after {
        top: 18px;
        left: 360px;
        width: 228px;
        height: 164px;
    }

    .rsk_topic_sanra {
        padding: 0 28px 0 64px;
    }

    .rsk_topic_col1_sanra {
        padding: 156px 0 0;
    }

    .rsk_topic_col1_sanra h2 {
        font-size: 36px;
    }

    .rsk_topic_col1_sanra h2 span {
        font-size: 27px;
    }

    .rsk_topic_col1_sanra p {
        margin: 12px 0 0;
        font-size: 30px;
    }

    .rsk_topic_col2_sanra {
        width: 558px;
    }

    .rsk_topic_col2_sanra p {
        margin: -16px 27px 0;
        font-size: 22px;
    }

    .rsk_mv_sanra {
        width: 1072px;
        height: 870px;
        margin: 48px 64px 0;
    }
}

/* ピザ＆グラタン */

/* gabutto 20210214 */
.rsk_gabutto .rsk_main {
    line-height: 1.2;
}

.rsk_gabutto_main_inner {
    padding: 5% 0 10%;
    background-color: #000;
}

.rsk_gabutto_hero {
    height: 70.3125vw;
    background-image: url(../img/gabutto/v2/hero_sp.jpg);
}

.rsk_gabutto_hdr_catch {
    font-size: 3.75vw;
    line-height: 1.6;
}

.rsk_gabutto_bnr {
    text-align: center;
}

.rsk_gabutto_bnr p {
    margin: -1% 5% 0 0;
    color: #fff;
    font-size: 3.4375vw;
    text-align: right;
}

.rsk_gabutto_area {
    margin: 8% 0 0;
}

.rsk_gabutto_hd {
    margin: 2% 0;
}

.rsk_gabutto_ebi_hd {
    height: 44.375vw;
    background-image: url(../img/gabutto/ebi_hd_sp.png);
}

.rsk_gabutto_niku_hd {
    height: 32.8125vw;
    background-image: url(../img/gabutto/niku_hd_sp.png);
}

.rsk_gabutto_bd {
    position: relative;
    margin: 0 4.0625vw;
}

.rsk_gabutto_ebi_bd {
    background-color: #e73250;
}

.rsk_gabutto_niku_bd {
    background-color: #f1d42b;
}

.rsk_gabutto_ebi_catch {
    position: absolute;
    left: 0;
    top: 58.75vw;
    width: 100%;
    height: 23.125vw;
    margin: 0;
    background-image: url(../img/gabutto/ebi_catch_sp.png);
    z-index: 6;
}

.rsk_topic_gabutto {
    padding: 6.25vw 0;
}

.rsk_topic_gabutto_col>div {
    min-height: 0%;
}

.rsk_topic_gabutto_ebi_col2 {
    display: flex;
    flex-direction: column;
}

.rsk_topic_gabutto_ebi_col2b {
    position: relative;
    margin: 4% 0 0;
    z-index: 6;
}

.rsk_topic_gabutto_ebi_sample {
    height: 75vw;
    margin: 0;
    background-image: url(../img/gabutto/ebi_sample_sp.png);
}

.rsk_topic_gabutto_niku_sample {
    height: 64.0625vw;
    margin: 0;
    background-image: url(../img/gabutto/v2/niku_sample_sp.png);
}

.rsk_topic_gabutto_link {
    position: relative;
    margin: -10% 7% 0 0;
    font-size: 3.75vw;
    text-align: right;
    z-index: 6;
}

.rsk_topic_gabutto_hd {
    margin: 0 0 .125em;
    font-size: 4.6875vw;
    font-weight: bold;
    text-align: center;
}

.rsk_topic_gabutto_dc {
    margin: 0 .25em;
    font-size: 3.75vw;
    text-align: center;
}

.rsk_topic_gabutto_note {
    position: absolute;
    right: 0;
    margin: 0;
    color: #fff;
    font-size: 3.125vw;
}

.rsk_topic_gabutto_ebi_hd,
.rsk_topic_gabutto_ebi_dc,
.rsk_topic_gabutto_ebi_link {
    color: #fff;
}

.rsk_topic_gabutto_niku_link {
    margin: -5% 7% 0 0;
}

@media screen and (max-width: 767px) {
    .rsk_topic_gabutto_note {
        top: 2.5vw;
    }

    .rsk_topic_gabutto_niku_note {
        color: #000;
    }

    .rsk_topic_gabutto_niku_dc {
        margin: 0 1em;
    }
}

@media screen and (min-width: 768px) {
    .rsk_gabutto_wrap {
        width: 100%;
        margin: 0;
    }

    .rsk_gabutto_main_inner {
        padding: 4% 0 8%;
    }

    .rsk_gabutto_hero {
        height: 43.83333333333333vw;
        background-image: url(../img/gabutto/v2/hero_pc.jpg);
    }

    .rsk_gabutto_hdr_catch {
        font-size: 3.5vw;
    }

    .rsk_gabutto_bnr p {
        margin: -1% 8% 0 0;
        font-size: 1.83333333333333vw;
        transition: color 0.3s ease;
    }

    .rsk_gabutto_bnr a:hover p {
        color: #c22;
    }

    .rsk_gabutto_ebi {
        margin: 2% 0 0;
    }

    .rsk_gabutto_niku {
        margin: 8% 0 0;
    }

    .rsk_gabutto_ebi_hd {
        height: 16.5vw;
        background-image: url(../img/gabutto/ebi_hd_pc.png);
    }

    .rsk_gabutto_niku_hd {
        height: 25vw;
        background-image: url(../img/gabutto/niku_hd_pc.png);
    }

    .rsk_gabutto_bd {
        margin: 0 8.333333333333333%;
    }

    .rsk_gabutto_ebi_catch {
        top: 0;
        height: 7.666666666666667vw;
        background-image: url(../img/gabutto/ebi_catch_pc.png);
        transform: translateY(-50%);
    }

    .rsk_topic_gabutto_ebi {
        margin: 6% 0 0;
        padding: 6% 0 0;
    }

    .rsk_topic_gabutto_ebi_col1 {
        width: 47.8%;
    }

    .rsk_topic_gabutto_ebi_col2 {
        width: 52.2%;
    }

    .rsk_topic_gabutto_ebi_col2a {
        order: 2;
        margin: -4% 0 0;
    }

    .rsk_topic_gabutto_ebi_col2b {
        order: 1;
        margin: 0;
    }

    .rsk_topic_gabutto_ebi_sample {
        margin-bottom: 6%;
        height: 37.16666666666667vw;
        background-image: url(../img/gabutto/ebi_sample_pc.png);
    }

    .rsk_topic_gabutto_niku_sample {
        margin-bottom: 0;
        height: 34.33333333333333vw;
        background-image: url(../img/gabutto/v2/niku_sample_pc.png);
    }

    .rsk_topic_gabutto_hd {
        margin: 0 0 .125em;
        font-size: 2.5vw;
        text-align: left;
    }

    .rsk_topic_gabutto_dc {
        margin: 0;
        font-size: 2vw;
        text-align: left;
    }

    .rsk_topic_gabutto_link {
        margin: -10% 14% 0 0;
        font-size: 1.833333333333333vw;
    }

    .rsk_topic_gabutto_note {
        right: 0;
        bottom: -2em;
        font-size: 1.333333333333333vw;
    }

    .rsk_topic_gabutto_ebi_hd {
        margin: 0 .5em .125em 0;
    }

    .rsk_topic_gabutto_ebi_dc {
        margin: 0 .5em 0 0;
    }

    .rsk_topic_gabutto_niku {
        padding: 2.4% 0 3.2%;
    }

    .rsk_topic_gabutto_niku_col2a {
        margin: -2% 0 0;
    }

    .rsk_topic_gabutto_niku_hd,
    .rsk_topic_gabutto_niku_dc {
        padding: 0 1vw;
    }

    .rsk_topic_gabutto_niku_link {
        margin: -6% 10% 0 0;
        transition: color 0.3s ease;
    }

    .rsk_topic_gabutto_niku_dc span {
        display: none;
    }
}

@media screen and (min-width: 1200px) {
    .rsk_gabutto_wrap {
        width: 1200px;
        margin: auto;
    }

    .rsk_gabutto_hdr_catch {
        font-size: 42px;
    }

    .rsk_gabutto_hero {
        height: 526px;
    }

    .rsk_gabutto_bnr p {
        font-size: 22px;
    }

    .rsk_gabutto_ebi_hd {
        height: 198px;
    }

    .rsk_gabutto_niku_hd {
        height: 300px;
    }

    .rsk_gabutto_ebi_catch {
        height: 92px;
    }

    .rsk_topic_gabutto_ebi_sample {
        height: 446px;
    }

    .rsk_topic_gabutto_niku_sample {
        height: 412px;
    }

    .rsk_topic_gabutto_hd {
        font-size: 30px;
    }

    .rsk_topic_gabutto_dc {
        font-size: 24px;
    }

    .rsk_topic_gabutto_link {
        font-size: 22px;
    }

    .rsk_topic_gabutto_note {
        font-size: 16px;
    }

    .rsk_topic_gabutto_niku_hd,
    .rsk_topic_gabutto_niku_dc {
        padding: 0 12px;
    }
}