@charset "UTF-8";
.course_inner.ingredient.coffee_maker .kyoto_logo h3,
.course_inner.ingredient.auto_cooker .midashi h3,
.course_inner.ingredient.course .midashi h3 {
    font-size: 3.2rem;
    font-weight: 600;
}
@media screen and (min-width: 768px) and (max-width: 920px) {
    ul.point_list.bakery li .img img {
        width: initial;
        height: 168px;
    }
}
@media screen and (max-width:767px) {
    .course_inner.ingredient.coffee_maker .kyoto_logo h3,
    .course_inner.ingredient.auto_cooker .midashi h3,
    .course_inner.ingredient.course .midashi h3  {
        font-size: 2.0rem;
        font-weight: 600;
        text-align: center;
    }
    .l-header__inner {
        height: 45px;
    }
    .l-header__inner .login {
        width: 90px;
        height: 35px;
        right: 10px;
    }
    .l-header__inner .login p {
        font-size: 1.1rem;
        line-height: 1.4rem;
        display: flex;
        justify-content: center;
    }
    .l-header__inner .login p::before {
        width: 20px;
        height: 20px;
    }
    .nav_list ul li:nth-child(-n+2),
    .footer_nav_list ul li:nth-child(-n+2)  {
        padding: 2px 0;
    }
    .course_inner h2 img {
        width: 100px;
    }
    .course_inner h2 {
        font-size: 3.0rem;
        margin: 30px 0;
    }
    /*autocooker*/
    .course_inner .course_info .course_info_inner .infomation {
        width: 100%;
        max-width: calc(100% - 6px);
        margin: 0 auto;
        left: 16px;
    }
    .course_inner .course_info .course_info_inner .infomation.kuzefuku {
        width: 100%;
        max-width: 100%;
    }
    .course_inner .course_info .course_info_inner.reverse .infomation {
        width: 100%;
        max-width: calc(100% - 16px);
    }
    .course_inner.autocooker .course_info .course_info_inner.course_info_inner.reverse .infomation .infomation_inner h3.sp_gray {
        font-size: 2.0rem;
        margin-top: 15px;
    }
    /* .course_inner.autocooker .course_info .course_info_inner .infomation::before {
        padding-top: 80%;
    } */
    .course_inner .course_info .course_info_inner .infomation {
        left: 0;
    }
    .course_inner.autocooker .course_info .course_info_inner .infomation .infomation_inner .sp_color {
        font-size: 1.6rem;
    }
    .course_item.autocooker .course_item_inner .point h3 {
        font-size: 2.0rem;
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner h3 .u_border {
        border: none;
        font-size: 2.3rem;
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner h3 .u_border {
        border: none;
        font-size: 2.0rem;
        /* margin-top: 20px; */
        display: inline-block;
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner.kazufuku h3 .u_border {
        font-size: 2.0rem;
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner.ricecooker.cr10a h3 {
        font-size: 2.0rem;
        text-align: center;
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner.ricecooker.cr10a h3 .u_border {
        margin-top: 0;
    }
    .course_inner .course_info .course_info_inner.reverse .infomation .infomation_inner.cr10a {
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    ul.point_list li .img {
        width: 47%;
        /* background: #ffffff; */
    }
    .course_item.autocooker ul.point_list li .img {
        background: #ffffff;
    }
    ul.point_list li .text {
        width: 53%;
    }
    ul.point_list li .img img {
        width: 100%;
        min-height: 150px;
        object-fit: contain;
    }
    ul.point_list li .text.item01,
    ul.point_list li .text.item02,
    ul.point_list li .text.item03 {
        height: 210px;
        background-position: 80%;
        display: flex;
        align-items: center;
    }
    /*共通*/
    .course_inner .course_info .course_info_inner .infomation .infomation_inner .price_area .price_area_sub {
        font-size: 1.4rem;
    }
    .course_inner.autocooker .course_info .course_info_inner .infomation .infomation_inner h3::after {
        width: 85%;
        bottom: -7px;
    }
    .course_item_inner .point h3.u_border {
        padding-bottom: 7px;
    }
    /*autocooker*/
    .course_inner.autocooker .course_info .course_info_inner .img_area img {
        width: 100%;
        aspect-ratio: 4/3;
        object-position: center;
        object-fit: cover;
    }
    .course_item_inner .item_detail_info.autocooker .detail_text .detail_text_inner h3::after {
        bottom: -5px;
        width: 42%;
    }
    .course_item_inner .item_detail_info.autocooker .detail_text .detail_text_inner h3.uline_none::after {
        border-bottom: none;
    }
    .course_inner.autocooker .course_info .course_info_inner .infomation::before {
        padding-top: 50%;
    }
    .course_inner.autocooker .course_info .course_info_inner .infomation.kuzefuku::before {
        padding-top: 85%;
    }
    .course_inner.autocooker .course_info .course_info_inner.reverse .infomation::before {
        padding-top: 70%;
    }
    .course_inner.autocooker.last .course_info .course_info_inner .infomation .infomation_inner {
        padding-top: 20%;
    }
    .course_inner.autocooker.last .course_info .course_info_inner .infomation::before {
        padding-top: 48%;
    }
    .course_inner.autocooker.last .course_info .course_info_inner .infomation.kuzefuku::before {
        padding-top: 80%;
    }
    /*bakery*/
    .course_inner .course_info .course_info_inner .infomation .infomation_inner.bakery h3 .u_border {
        border: none;
        font-size: 2.2rem;
    }
    .course_inner.bakery .course_info .course_info_inner.reverse .img_area img {
        object-position: top;
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner.bakery .sp_color {
        font-size: 1.5rem;
        font-feature-settings: "palt";
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner .price_area.bakery .price_area_sub,
    .course_inner .course_info .course_info_inner .infomation.bakery .infomation_inner .price_area .price_area_sub {
        font-size: 1.2rem;
        font-weight: 600;
        font-feature-settings: "palt";
    }
    .course_inner .course_info .course_info_inner.reverse .infomation.bakery .infomation_inner h3 {
        font-size: 2.2rem;
    }
    .course_item_inner .item_detail_info.bakery .detail_text .detail_text_inner h3{
        font-size: 2.4rem;
    }
    .course_item_inner.bakery h3 {
        font-size: 2.6rem;
    }
    .course_item.bakery .course_item_inner h4,
    .course_item_inner.bakery .point h3 {
        font-size: 1.9rem;
        font-feature-settings: "palt";
    }
    .course_item_inner.bakery .point h3.point02 {
        font-size: 2.2rem;
    }
    .course_item_inner .item_detail_info.bakery p.infomation_text {
        font-size: 1.6rem;
    }
    ul.point_list.bakery li .text.item01,
    ul.point_list.bakery li .text.item02,
    ul.point_list.bakery li .text.item03 {
        height: initial;
        display: initial;
        background-size: cover;
        background-position: 75% 50%;
    }
    ul.point_list.bakery li .point_list_inner {
        height: 196px;
    }
    ul.point_list.bakery li .point_list_inner .text_inner {
        top: 45px;
    }
    ul.point_list.bakery li .img {
        top: 13px;
        right: 25px;
    }
    ul.point_list.bakery li .img img {
        width: 120px;
    }
    .neri::before, .hakko::before, .bake::before {
        width: 48px;
        height: 48px;
        left: 0;
        top: -48px;
    }
    ul.point_list.bakery li .point_list_inner .text_inner h4 {
        font-size: 1.5rem !important;
        line-height: 2.8rem !important;
        z-index: 1;
    }
    ul.point_list.bakery li .point_list_inner .text_inner h4 .bg_pink {
        font-size: 1.6rem;
        position: relative;
        top: -10px;
    }
    ul.point_list.bakery li .point_list_inner .text_inner p {
        font-size: 1.2rem;
        margin-top: 5px;
    }
    .course_item_inner .item_detail_info.bakery .detail_text .detail_text_inner h3::after {
        width: 67%;
    }
    .course_item_inner .point .point_inner.bakery .detail01 p {
        font-size: 1.6rem;
        font-feature-settings: "palt";
        text-align: center;
    }
    .course_item_inner .point .point_inner.bakery .detail01 p,
    .course_item_inner .point .point_inner.bakery .detail02 p {
        text-align: center;
    }
    .choice_items_inner.bakery .item01.reverse {
        margin-top: 80px;
        margin-bottom: 70px;
    }
    .serise_inner.bakery {
        margin-top: 80px;
    }
    .serise_inner.bakery h3 {
        margin-top: 40px;
        font-size: 2.2rem;
        font-weight: 600;
        font-feature-settings: "palt";
    }
    .choice_items_inner.bakery h3 {
        font-size: 2.4rem;
        font-feature-settings: "palt";
    }
    .ex_items_ditail_inner.bakery h3,
    .ex_items_ditail_inner.bakery h4 {
        font-size: 2.4rem;
        font-feature-settings: "palt";
    }
    .ex_items_ditail_inner.bakery h4 {
        margin-top: 60px;
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner .price_area.bakery p {
        margin-left: 2px;
    }
    .course_inner.last .course_info .course_info_inner .infomation .infomation_inner .price_area.bakery {
        margin-left: auto;
        margin-bottom: 60px;
    }
    .course_inner.last {
        margin-bottom: 130px;
    }
    .course_inner.last.autocooker,
    .course_inner.last.bakery,
    .course_inner.last.toaster {
        margin-bottom: 100px;
    }
    /*oven*/
    .course_inner .course_info .course_info_inner.oven .infomation .infomation_inner h3 {
        font-size: 2.0rem;
        font-feature-settings: "palt";
        text-align: center;
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner .price_area.oven .price_area_sub {
        font-size: 1.1rem;
    }
    .course_inner .course_info .course_info_inner.oven .img_area img {
        width: 100%;
        aspect-ratio: 3/2.08;
        object-fit: cover;
        object-position: center bottom;
    }
    .course_inner.last.oven .course_info .course_info_inner .img_area img {
        width: 100%;
        aspect-ratio: 3/2.1;
        object-fit: cover;
        object-position: center bottom;
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner .price_area.oven {
        margin-left: auto;
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner .price_area.oven p {
        margin-left: 0;
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner .price_area.oven .price_area_sub,
    .course_inner .course_info .course_info_inner .infomation.oven .infomation_inner .price_area .price_area_sub {
        font-feature-settings: "palt";
    }
    .course_inner .course_info .course_info_inner.oven .img_area img {
        object-position: center;
    }
    .course_inner .course_info .course_info_inner.reverse.oven .img_area img {
        object-position: center 5%;
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner.oven,
    .course_inner .course_info .course_info_inner .infomation .infomation_inner.bakery {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner.oven .sp_color {
        font-size: 1.6rem;
    }
    .course_inner .course_info .course_info_inner.reverse .infomation.oven .infomation_inner h3.sp_gray {
        font-size: 2.0rem;
        font-feature-settings: "palt";
    }
    .course_inner .course_info .course_info_inner.reverse .infomation .infomation_inner .price_area .fukidashi p span.number {
        font-size: 2.8rem;
    }
    .course_inner .course_info .course_info_inner.reverse.oven .infomation .infomation_inner {
        top: 2%;
    }
    .course_inner .course_info .course_info_inner.reverse.oven .infomation.new_oven .infomation_inner {
        top: 40%;
        left: 50%;
    }
    .course_inner.last .course_info .course_info_inner .infomation .infomation_inner h3::after,
    .course_inner.last.oven .course_info .course_info_inner .infomation .infomation_inner h3::after {
        border-bottom: 1px solid #282828;
    }
    .course_inner.last .course_info .course_info_inner .infomation .infomation_inner.oven h3 .u_border,
    .course_inner .course_info .course_info_inner .infomation .infomation_inner.toaster h3 .u_border {
        border-bottom: none;
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner.toaster h3 .u_border {
        margin-top: 0;
    }
    .foodable_campaign.course_campaign.bg_cp_red .foodable_campaign_inner {
        margin: 30px auto;
    }
    .course_item_inner .item_detail_info.oven {
        margin-top: 25px;
    }
    .foodable_campaign.course_campaign.bg_cp_red .foodable_campaign_inner .campaign_area {
        padding: 10px 0;
    }
    .oven.bg_white .course_item_inner {
        margin-bottom: 65px;
    }
    .course_item_inner.oven {
        margin-bottom: 0;
    }
    .course_item_inner .point.oven {
        margin-top: 80px;
    }
    .course_item_inner .point.oven .point {
        margin-bottom: 60px;
    }
    .course_item_inner .point.oven .second {
        margin-bottom: 60px;
    }
    .ex_items_ditail_inner.oven {
        margin: 50px auto;
    }
    .ex_items_ditail_inner.oven p,
    .ex_items_ditail_inner.toaster p {
        font-size: 2.4rem;
        font-weight: 600;
    }
    .ex_items_ditail_inner.oven .more.course p {
        font-size: 1.5rem;
    }
    .ex_items_ditail_inner.oven .member_no {
        font-size: 4.0rem;
        margin-left: 2px;
        margin-right: 2px;
    }
    .ex_items_ditail_inner.oven .gold {
        font-size: 2.6rem;
    }
    .course_inner.last.oven .course_info .course_info_inner .infomation .infomation_inner p.infomation_text {
        font-size: 1.5rem;
        margin-top: 30px;
        line-height: normal;
    }
    .course_inner.last.oven .course_info .course_info_inner .img_area {
        width: 100%;
        max-width: 100%;
    }
    .course_inner .course_info .course_info_inner.reverse .infomation.oven .infomation_inner .price_area .fukidashi {
        width: 100%;
        max-width: calc(100% - 5%);
        height: 90px;
    }
    .course_inner .course_info .course_info_inner.reverse .infomation.oven .infomation_inner .price_area.square .fukidashi {
        width: 100%;
        max-width: 100%;
    }
    .course_inner .course_info .course_info_inner.reverse .infomation.oven .infomation_inner .price_area .fukidashi p {
        top: 5px;
    }
    .course_inner .course_info .course_info_inner.reverse .infomation.oven .infomation_inner .price_area p.price {
        margin-left: 5px;
    }
    .course_inner.last .course_info .course_info_inner .infomation .infomation_inner .price_area.oven {
        margin-left: auto;
    }
    .course_item_inner h3 {
        font-feature-settings: "palt";
        line-height: normal;
    }
    .course_item_inner h4,
    .item_bg_area_inner h4 {
        font-size: 1.5rem;
        font-feature-settings: "palt";
    }
    .course_item_inner .item_detail_info.oven .detail_text .detail_text_inner h3 {
        font-size: 1.9rem;
        font-feature-settings: "palt";
    }
    .course_item_inner .item_detail_info.oven p.infomation_text {
        margin-top: 30px;
        font-size: 1.5rem;
        line-height: normal;
    }
    .course_inner.last .course_info .course_info_inner .infomation .infomation_inner.oven h3 .u_border {
        font-size: 2.0rem;
        letter-spacing: -0.05rem;
    }
    .course_item_inner .point.oven h3 {
        font-size: 2.2rem;
    }
    .serise_inner.oven h3 {
        font-size: 2.1rem;
        font-feature-settings: "palt";
        font-weight: 600;
    }
    .course_item_inner .point .point_inner.oven .detail .oven_inner h4 {
        font-size: 2.3rem;
    }
    .course_item_inner .point .point_inner.oven .detail .oven_inner p {
        font-size: 1.6rem;
        letter-spacing: -0.05rem;
    }
    .ex_items_ditail_inner.oven h3,
    .life_howoto .life_howto_inner h3,
    .life_howoto .life_howto_inner h4,
    .ex_items_ditail_inner.oven h4,
    .foodable_voice.course .foodable_voice_inner h3.user_voice,
    .course_inner.last.oven .course_info .course_info_inner .infomation .infomation_inner p.infomation_text,
    .spec_detail_inner h3 {
        font-feature-settings: "palt";
    }
    .ex_items_ditail_inner.oven h4,
    .life_howoto .life_howto_inner h4 {
        font-size: 1.7rem;
    }
    .serise_inner h3 .total {
        font-size: 3.0rem;
    }
    .foodable_course .foodable_course_inner .img_area {
        width: 100%;
        max-width: calc(100% - 50%);
        
    }
    /*toaster*/
    .course_inner .course_info .course_info_inner .infomation .infomation_inner.toaster h3::after {
        bottom: -7px;
        border-bottom: 1px solid #282828;
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner.toaster .price_area.toaster {
        margin-left: auto;
    }
    .course_inner.toaster .course_info .course_info_inner.reverse .infomation.toaster {
        margin-right: auto;
    }
    .course_inner .course_info .course_info_inner.reverse .infomation.toaster .infomation_inner .price_area p.price {
        margin-left: -20px;
    }
    .course_inner.toaster .course_info .course_info_inner .infomation {
        width: 100%;
        max-width: calc(100% - 12px);
        margin-right: 0;
        text-align: left;
    }
    .course_inner.toaster .course_info .course_info_inner .infomation .infomation_inner.toaster h3 {
        text-align: center;
        font-size: 1.8rem;
    }
    .course_inner .course_info .course_info_inner.reverse .infomation.toaster .infomation_inner h3 {
        font-size: 2.2rem;
    }
    .course_inner.toaster .course_info .course_info_inner.reverse .infomation .infomation_inner p.infomation_text {
        font-size: 1.6rem;
    }
    .course_inner.toaster .course_info .course_info_inner .infomation .infomation_inner .price_area p {
        font-size:3.2rem;
        font-feature-settings: "palt";
    }
    .course_inner.toaster .course_info .course_info_inner .infomation .infomation_inner .price_area p .price_text {
        font-size: 4.8rem;
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner .sp_color {
        font-size: 1.6rem;
        font-feature-settings: "palt";
    }
    .course_inner.course_inner.last.ricecooker.cr10a .course_info .course_info_inner .infomation .infomation_inner .sp_color {
        font-size: 1.6rem;
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner.toaster h3 {
        font-feature-settings: "palt";
    }
    .course_inner.toaster .course_info .course_info_inner .infomation.toaster .infomation_inner .price_area .price_area_sub {
        font-size: 1.2rem;
    }
    .course_item_inner.toaster h4 {
        font-size: 1.7rem;
    }
    .course_item_inner .point.toaster h3,
    .course_item_inner .item_detail_info.toaster .detail_text .detail_text_inner h3,
    .course_item_inner .item_detail_info.toaster p.infomation_text {
        font-size: 2.0rem;
    }
    .course_item_inner .item_detail_info.toaster .detail_text .detail_text_inner h3::after {
        width: 65%;
        bottom: -7px;
    }
    .course_item_inner.toaster .point {
        margin-top: 160px;
    }
    .course_item_inner .point.toaster .point01_inner .point01_inner_detail h4 {
        font-size: 1.7rem;
    }
    .course_item_inner .point.toaster .point01_inner .point01_detail_info .detail_text p,
    .course_item_inner .point .point_inner.toaster.no-wrap .detail01 p,
    .course_item_inner .point .point_inner.toaster.no-wrap .detail02 p  {
        font-size: 1.6rem;
        font-feature-settings: "palt";
    }
    .course_item_inner .point .point_inner.toaster.no-wrap .detail01 p,
    .course_item_inner .point .point_inner.toaster.no-wrap .detail02 p {
        font-size: 1.6rem;
    }
    .course_item_inner .point.toaster .point01_inner .point01_detail_info .detail_text,
    .course_item_inner .point .point_inner.toaster.no-wrap .detail01 p,
    .course_item_inner .point .point_inner.toaster.no-wrap .detail02 p {
        text-align: center;
    }
    .choice_items_inner.toaster h3,
    .course_item_inner .point.toaster h3,
    .course_item_inner .point.toaster .point01_inner .point01_detail_info .detail_text h4 {
        font-size: 2.2rem;
        text-align: center;
    }
    .item_bg_area.item_06 .item_bg_area_inner h4 {
        text-align: center;
        font-feature-settings: "palt";
    }
    .item_bg_area.toaster.item_06 .item_bg_area_inner h4 {
        text-align: left;
    }
    .serise_inner.toaster {
        margin-top: 60px;
    }
    .choice_items_inner p {
        font-feature-settings: "palt";
        margin-bottom: 30px;
    }
    .choice_items_inner.autocooker.kuzefuku p { 
        font-size: 1.6rem;
        font-feature-settings: "palt";
    }
    .ex_items_ditail_inner.toaster {
        margin: 80px auto;
    }
    /*炊飯器*/
    .course_inner .course_info .course_info_inner .infomation .infomation_inner h3::after {
        bottom: -7px;
    }
    .course_inner .course_info .course_info_inner .img_area img {
        width: 100%;
        aspect-ratio: 4/3;
        object-position: bottom;
        object-fit: cover;
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner .price_area.ricecooker {
        margin: 25px auto 20px;
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner.ricecooker h3 {
        text-align: center;
    }
    .course_inner.ricecooker.last .course_info .course_info_inner .infomation .infomation_inner .price_area .price_area_sub {
        font-size: 1.4rem;
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner .price_area.ricecooker {
        margin-left: 15%;
    }
    .course_inner .course_info .course_info_inner.reverse .infomation .infomation_inner h3 {
        font-size: 2.2rem;
        text-align: center;
        color: #5e5e5e;
    }
    .course_inner .course_info .course_info_inner.reverse .infomation .infomation_inner p.infomation_text {
        font-size: 1.6rem;
        text-align: center;
        font-feature-settings: "palt";
        font-weight: 600;
    }
    .course_inner .course_info .course_info_inner.ricecooker.reverse .infomation .infomation_inner .price_area .fukidashi {
        width: 100%;
        max-width: 100%;
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner .price_area.ricecooker .price_area_sub,
    .course_inner .course_info .course_info_inner .infomation .infomation_inner .price_area .price_area_sub.ricecooker {
        font-size: 1.4rem;
        font-feature-settings: "palt";
    }
    .course_inner .course_info .course_info_inner.reverse .infomation .infomation_inner .price_area p.price {
        margin-left: -20px;
    }
    .course_item .course_item_inner.ricecooker h4 {
        margin-top: 70px;
        font-size: 1.8rem;
    }
    .course_item .course_item_inner.ricecooker.cr10a h4 {
        margin-top: 30px;
    }
    .course_item_inner .item_detail_info.ricecooker .detail_text .detail_text_inner h3 {
        font-size: 2.2rem;
    }
    .course_item_inner .item_detail_info p.infomation_text {
        font-size: 1.8rem;
    }
    .course_item_inner .item_detail_info p.sub {
        font-size: 1.2rem;
    }
    .course_item_inner .appeal_area h3,
    .course_item_inner .appeal_area .appeal_area_inner .item .item_text h4,
    .ex_items_inner .ex_items_meigara .ex_items_meigara_inner .item_text h4 {
        font-size: 2.2rem;
    }
    .ex_items.ricecooker .ex_items_ditail_inner img {
        margin: 40px 0 80px;
    }
    .course_item_inner .appeal_area .appeal_area_inner .item .item_text p {
        font-size: 1.6rem;
        font-feature-settings: "palt";
        text-align: center;
    }
    /*kuzefuku*/
    .course_inner.autocooker.last .course_info .course_info_inner .infomation .infomation_inner.kuzefuku {
        text-align: center;
        top: 70%;
    }
    .course_inner.autocooker .course_info .course_info_inner .infomation .infomation_inner.kuzefuku {
        text-align: center;
        top: 48%;
    }
    .course_inner.autocooker .course_info .course_info_inner .infomation .infomation_inner.kuzefuku h3::after {
        left: 30px;
    }
    .course_inner.autocooker .course_info .course_info_inner .infomation.kuzefuku::before {
        padding-top: 120%;
    }
    .course_inner .course_info .course_info_inner.reverse .infomation .infomation_inner.kuzefuku h3 {
        color: #282828;
    }
    .course_inner .course_info .course_info_inner.reverse .infomation .infomation_inner.kuzefuku h3 .sp_gray {
        color: #5e5e5e;
        font-size: 1.6rem;
    }
    .choice_items_inner h3,
    .course_inner.sommelier .course_info .course_info_inner .infomation .infomation_inner h3 {
        font-size: 2.5rem;
    }
    .choice_items_inner.autocooker.kuzefuku h3 {
        text-align: center;
        font-size: 2.5rem;
    }
    .ex_items_inner .ex_items_meigara .ex_items_meigara_inner .item_text p {
        font-size: 1.8rem;
        font-feature-settings: "palt";
    }
    .ex_items_inner p.info_text {
        font-size: 2.2rem;
    }
    .ex_items_ditail_inner h3 {
        font-size: 2.0rem;
        font-feature-settings: "palt";
    }
    .ex_items_ditail_inner {
        font-size: 2.8rem;
        font-feature-settings: "palt";
    }
    .ex_items_ditail_inner p {
        font-size: 2.4rem;
        font-feature-settings: "palt";
    }
    .ex_items_ditail_inner {
        margin: 60px auto;
    }
    .ex_items_ditail_inner.autocooker.kuzefuku {
        width: 100%;
        max-width: calc(100% - 32px);
        margin-bottom: 80px;
    }
    .ex_items_ditail_inner.kuzefuku img {
        margin-bottom: 30px;
    }
    .course_inner.last.ricecooker .course_info .course_info_inner .infomation .infomation_inner h3::after {
        bottom: -7px;
        width: 42%;
        left: 50%;
        transform: translateX(-50%);
    }
    .course_inner.last.ricecooker.cr10a .course_info .course_info_inner .infomation .infomation_inner h3::after {
        width: 90%;
        left: 50%;
        transform: translateX(-50%);
        bottom: -14px;
    }
    .course_inner.last.ricecooker .course_info .course_info_inner .img_area img {
        object-position: top;
    }
    .course_inner.last.ricecooker .course_info .course_info_inner .infomation .infomation_inner .price_area {
        margin-left: 15%;
    }
    .course_inner.last.ricecooker.cr10a .course_info .course_info_inner .infomation .infomation_inner .price_area {
        margin-left: auto;
    }
    .course_inner.last.ricecooker.cr10a .course_info .course_info_inner .infomation .infomation_inner .price_area p {
        margin-left: -24px;
    }
    .course_inner.last.ricecooker .course_info .course_info_inner .infomation::before {
        padding-top: 100%;
    }
}
@media screen and (min-width: 441px) and (max-width: 560px) {
    .course_inner.autocooker.last .course_info .course_info_inner .infomation.kuzefuku::before {
        padding-top: 60%;
    }
    .foodable_course .foodable_course_inner .img_area img {
        padding-top: 90px;
        width: 100%;
        max-width: 320px;
        min-height: initial;
    }
    .foodable_course .foodable_course_inner .img_area {
        width: 100%;
        max-width: calc(100% - 50%);
        text-align: center;
    }
    .foodable_campaign02 .foodable_campaign02_inner .subscription_img {
        top: -330px;
    }
}
@media screen and (max-width: 560px) {
    ul.point_list li .text.item01,
    ul.point_list li .text.item02,
    ul.point_list li .text.item03 {
        height: 150px;
        background-position: 80%;
        display: flex;
        align-items: center;
    }
    .foodable_course .foodable_course_inner .img_area {
        max-width: calc(100% - 15%);
    }
    .course_inner.toaster .course_info .course_info_inner.reverse .infomation::before {
        padding-top: 130%;
    }
    .course_inner.autocooker .course_info .course_info_inner.reverse .infomation .infomation_inner .price_area p.price {
        margin-top: 7px;
        margin-left: calc(50% - 130px);
    }
    .course_inner.autocooker.last .course_info .course_info_inner .infomation .infomation_inner p.infomation_text {
        margin: 30px 0;
    }
    .course_inner.autocooker.last .course_info .course_info_inner .infomation .infomation_inner .price_area {
        margin-top: 0;
    }
    .course_item.autocooker .course_item_inner h4 {
        margin-top: 35px;
    }
    .course_item_inner .point {
        margin-bottom: 50px;
    }
    .course_item.autocooker .course_item_inner .point.second {
        margin-top: 60px;
    }
    .course_item_inner .point .point_inner .detail_text p {
        margin-top: 30px;
    }
    /*autocooker*/
    .course_inner.autocooker .course_info .course_info_inner.reverse .infomation::before {
        padding-top: 110%;
    }
    .course_inner.autocooker .course_info .course_info_inner.reverse .infomation.kuzefuku::before {
        padding-top: 60%;
    }
    .course_inner.autocooker.last .course_info .course_info_inner .infomation::before {
        padding-top: 40%;
    }
    /*bakery*/
    .course_inner.last .course_info .course_info_inner .infomation .infomation_inner .price_area.bakery {
        margin-bottom: 40px;
    }
    .course_inner .course_info .course_info_inner.reverse .infomation .infomation_inner.cr10a {
        top: 55%;
    }
    .course_inner .course_info .course_info_inner.reverse.oven .infomation.new_oven .infomation_inner {
        top: 60%;
    }
}
@media screen and (max-width: 440px) {
    /*autocooker*/
    .course_inner.autocooker .course_info .course_info_inner .infomation::before,
    .course_inner.autocooker.last .course_info .course_info_inner .infomation::before {
        padding-top: 80%;
    }
    .course_inner.autocooker.last .course_info .course_info_inner .infomation .infomation_inner.kuzefuku {
        top: 80%;
    }
    .course_inner .course_info .course_info_inner.reverse.oven .infomation.new_oven .infomation_inner {
        top: 70%;
    }
}
@media screen and (max-width:374px) {
    .serise_inner.bakery h3 {
        font-size: 2.4rem;
    }
    .course_inner .course_info .course_info_inner .infomation .infomation_inner h3 .u_border {
        font-size: 2.2rem;
    }
    .course_inner .course_info .course_info_inner.reverse .infomation .infomation_inner h3 {
        font-size: 2.0rem;
    }
    .course_inner.autocooker .course_info .course_info_inner.course_info_inner.reverse .infomation .infomation_inner h3.sp_gray {
        font-size: 1.8rem;
    }
}