@charset "UTF-8";

#info_contents {
    margin-bottom: 0 !important;
}

/*============================
全体
============================*/

#kaiun {
    text-align: center;
    font-family: 'Kosugi Maru', sans-serif;
    font-feature-settings: "palt";
    color: #4E3305;
}


/*テキスト*/

#kaiun .main02 {
    color: #FFFFFF;
}

#kaiun .main03 {
    color: #004277;
}

.marker {
    font-weight: bold;
    display: inline;
    background: linear-gradient(transparent 80%, #ffdd07 80%);
}

.txt_bold {
    font-size: 1.4em;
    font-weight: bold;
}

/*トップ*/

#kaiun .top {
    background-image: url("../images/top_bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1em 0;
}

#kaiun .top p .dots {
    position: relative;
    display: inline;
}

#kaiun .top p .dots span::before {
    position: absolute;
    content: "・";
    top: -1em;
}

.top p {
    padding: 0.5em 1em;
    text-align: left;
    display: inline-block;
    margin-bottom: 1em;
    font-size: 25.2px;
}

#kaiun .top .marker {
    font-size: 1.2em;
    font-weight: bold;
    color: #f92900;
    border-bottom: none;
}

/*============================
メイン
============================*/
.main_box {
    background: #FFFFFF;
    text-align: left;
}

.main_box img {
    margin: 2em 0;
}

/*生活習慣編*/
.main_01 .main_box p:first-letter,
.main_03 .main_box p:first-letter {
    font-size: 160%;
}

.main_01 {
    background-color: #004277;
    background-image: url("../images/main02_bg.png");
    background-repeat: repeat;
}

.main_01 .main_box {
    border-top: 10px solid #f92900;
}

.main_box p {
    margin-bottom: 1em;
    font-size: 21px;
}

.main_01 .main_box .ttl {
    border-bottom: 1px solid #f92900;
    padding-bottom: 1.5em;
}

/*食事編*/
.main_02 {
    background-color: #f92900;
    background-image: url("../images/main02_bg.png");
    background-repeat: repeat;
}

.main_02 .main_box {
    border-top: 10px solid #004277;
    text-align: center;
}

.main_02 p:nth-child(2) {
    color: #ffffff;
    text-align: left;
}

.main_02 .main_box .main_ttl {
    border-bottom: #004277 solid 1px;
    margin-bottom: 2em;
}

.main_02 .main_box .ttl {
    background-color: #004277;
    color: #ffffff;
    padding: 0.2em;
    display: inline;
    font-size: 1.5em;
}

.main_02 .main_box p {
    margin: 1.5em 0
}

/*うんちのうんちく*/

.main_03 {
    background-color: #dcf9f7;
    background-image: url("../images/main03_bg_01.png");
    background-repeat: repeat;
    color: #004277;
    padding-bottom: 1em;
}

.main_03 img {
    margin: 0;
}

.main_03 .ttl {
    margin: 2em 0 9em 0;
}

.main_03 .main_box {
    background-image: url("../images/main03_bg_02.png");
    background-repeat: repeat;
    padding: 21px;
    margin-bottom: -60px;
}

.main_03 .main_box:nth-of-type(1) {
    position: relative;
}

/*イラスト*/

.main_01 .main_box:nth-of-type(1) {
    position: relative;
}

.main_01 .main_box:nth-of-type(2) {
    position: relative;
}

.main_01 .main_box:nth-of-type(3) {
    position: relative;
}

.main_01 .main_box:nth-of-type(4) {
    position: relative;
}

.main_01 .main_box img:nth-of-type(2) {
    margin: 0;
}

.main_02 .main_box:nth-of-type(1) {
    position: relative;
}

.main_02 .main_box:nth-of-type(2) {
    position: relative;
}

#kaiun .illust05,
#kaiun .illust06,
#kaiun .illust07,
#kaiun .illust08 {
    margin: 0;
}

#kaiun .illust07{
    margin-left: -20px !important;
}
@media screen and (max-width: 768px) {
    #kaiun .illust07{
        margin-left: 0px !important;
    }
}

/*============================
スペック
============================*/
/*商品セット内*/

#kaiun .include_box .icon_box {
    text-align: center;
}

#kaiun .include_box .display_exact .icon_box {
    text-align: left;
}

#kaiun .include_box .display_exact .name {
    font-weight: normal;
}

/*20241204 定期のCP終了後復活*/
/*#kaiun #goods32619 .btn{
    padding-top: 1em;
    margin: 0 auto;
    width: 300px;
}*/



/*定期*/
#kaiun #teiki71134 .r_img {
    display: none;
}

#kaiun #teiki71134 .btn {
    padding-top: 1em;
    margin: 0 auto;
    width: 300px;
}


#kaiun .txt_box {
    margin-top: 1em;
}

/*インクルード外*/
.include_box {
    background-color: #ffffff;
}

.main_01 .include_box {
    border: #f92900 10px solid;
}

.main_01 .spec_area {
    border-top: #f92900 5px solid;
    padding: 1em;
}

.main_02 .include_box {
    border: #004277 10px solid;
}

.main_02 .spec_area {
    border-top: #004277 5px solid;
    padding: 1em;
}

.main_01 .spec_ttl_box {
    background: #f92900;
}

.main_02 .spec_ttl_box {
    background: #004277;
}

.spec_img {
    position: relative;
    background: url("../images/spec_bg.png") center #ffdd07 no-repeat;
}

.include_box .spec_icon {
    position: absolute;
}

.spec_copy_top::before {
    content: "＼"
}

.spec_copy_top::after {
    content: "／"
}

.main_02 .spec_copy_top,
.main_01 .spec_copy_btm {
    color: #f92900;
}

.main_02 .spec_copy_btm {
    color: #004277;
}

.main_01 .spec_copy_top {
    color: #2C258B;
    font-size: 31.5px;
}

.include_box p {
    font-size: 1em;
    text-align: left;
}

/* 動き */
/*translateX(-50px)  X軸（左横に）方向に50px */
/*translateY(50px)  Y軸（上縦に）方向に50px */
/*translateY(-50px)  Y軸（下縦に）方向に50px */

/* ふわっとアニメ */
/* 動作を適用する箇所 */
.fuwatAnime {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    /* アニメ時間 */
    -ms-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-transition-delay: 0.5s;
    /* 開始時間 */
    -ms-transition-delay: 0.5s;
    transition-delay: 0.5s;
    -webkit-animation-name: fuwatAnime;
    /* アニメ名 */
    -ms-animation-name: fuwatAnime;
    animation-name: fuwatAnime;
    visibility: visible !important;
}

.fuwatAnime2 {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 2.5s;
    /* アニメ時間 */
    -ms-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-transition-delay: 1.5s;
    /* 開始時間 */
    -ms-transition-delay: 1.5s;
    transition-delay: 1.5s;
    -webkit-animation-name: fuwatAnime2;
    /* アニメ名 */
    -ms-animation-name: fuwatAnime2;
    animation-name: fuwatAnime2;
    visibility: visible !important;
}

.fadeIn_r_Anime {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.5s;
    /* アニメ時間 */
    -ms-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-transition-delay: 0.0s;
    /* 開始時間 */
    -ms-transition-delay: 0.0s;
    transition-delay: 0.0s;
    -webkit-animation-name: fadeIn_r_Anime;
    /* アニメ名 */
    -ms-animation-name: fadeIn_r_Anime;
    animation-name: fadeIn_r_Anime;
    visibility: visible !important;
}

.fadeIn_l_Anime {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.5s;
    /* アニメ時間 */
    -ms-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-transition-delay: 0.0s;
    /* 開始時間 */
    -ms-transition-delay: 0.0s;
    transition-delay: 0.0s;
    -webkit-animation-name: fadeIn_l_Anime;
    /* アニメ名 */
    -ms-animation-name: fadeIn_l_Anime;
    animation-name: fadeIn_l_Anime;
    visibility: visible !important;
}

.fadeIn_ru_Anime {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.5s;
    /* アニメ時間 */
    -ms-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-transition-delay: -0.5s;
    /* 開始時間 */
    -ms-transition-delay: -0.5s;
    transition-delay: -0.5s;
    -webkit-animation-name: fadeIn_ru_Anime;
    /* アニメ名 */
    -ms-animation-name: fadeIn_ru_Anime;
    animation-name: fadeIn_ru_Anime;
    visibility: visible !important;
}

.fadeIn_lu_Anime {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.5s;
    /* アニメ時間 */
    -ms-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-transition-delay: -0.5s;
    /* 開始時間 */
    -ms-transition-delay: -0.5s;
    transition-delay: -0.5s;
    -webkit-animation-name: fadeIn_lu_Anime;
    /* アニメ名 */
    -ms-animation-name: fadeIn_lu_Anime;
    animation-name: fadeIn_lu_Anime;
    visibility: visible !important;
}

/* 動作内容 */
@-webkit-keyframes fuwatAnime {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-150px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-webkit-keyframes fuwatAnime2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

/*大から実寸にフェードイン@-webkit-keyframes fuwatAnime2 {
 0% { opacity: 0; -webkit-transform: translateY(0) scale(0.5); }
 70% { opacity: 1; -webkit-transform: translateY(0) scale(1.2); }
 100% { opacity: 1; -webkit-transform: translateY(0) scale(1.0); }
}*/

@-webkit-keyframes fadeIn_r_Anime {
    0% {
        opacity: 0;
        -webkit-transform: translateX(300px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        width: 720px;
    }
}

@-webkit-keyframes fadeIn_l_Anime {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-300px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        width: 720px;
    }
}

@-webkit-keyframes fadeIn_ru_Anime {
    0% {
        opacity: 0;
        -webkit-transform: translateX(300px) translateY(200px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        width: 720px;
    }
}

@-webkit-keyframes fadeIn_lu_Anime {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-300px) translateY(200px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        width: 720px;
    }
}


@keyframes fuwatAnime {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-150px);
        -ms-transform: translateY(-150px);
        transform: translateY(-150px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fuwatAnime2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
        -ms-transform: translateY(-200px);
        transform: translateY(-200px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

/*大から実寸にフェードイン@keyframes fuwatAnime2 {
 0% { opacity: 0; -webkit-transform: translateY(0) scale(0.5); -ms-transform: translateY(0) scale(0.5); transform: translateY(0) scale(0.5); }
 70% { opacity: 1; -webkit-transform: translateY(0) scale(1.2); -ms-transform: translateY(0) scale(1.2); transform: translateY(0) scale(1.2); }
 100% { opacity: 1; -webkit-transform: translateY(0) scale(1.0); -ms-transform: translateY(0) scale(1.0); transform: translateY(0) scale(1.0); }
}*/

@keyframes fadeIn_r_Anime {
    0% {
        opacity: 0.5;
        /* 透明 */
        -webkit-transform: translateX(300px);
        -ms-transform: translateX(300px);
        transform: translateX(300px);
        /*X軸（右横に）方向に300px */
    }

    100% {
        opacity: 1;
        /* 不透明 */
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        width: ;
    }
}

@keyframes fadeIn_l_Anime {
    0% {
        opacity: 0.5;
        -webkit-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        transform: translateX(-300px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        width: ;
    }
}

@keyframes fadeIn_ru_Anime {
    0% {
        opacity: 0.5;
        -webkit-transform: translateX(300px) translateY(200px);
        -ms-transform: translateX(300px) translateY(200px);
        transform: translateX(300px) translateY(200px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        width: ;
    }
}

@keyframes fadeIn_lu_Anime {
    0% {
        opacity: 0.5;
        -webkit-transform: translateX(-300px) translateY(200px);
        -ms-transform: translateX(-300px) translateY(200px);
        transform: translateX(-300px) translateY(200px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        width: ;
    }
}

/* 画像位置調整 */
.c-panel__link {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center;
    text-align: left;
}

/* 商品名、受取方法、価格 */

.main_01 .c-panel__body,
.main_02 .c-panel__body {
    place-items: start;
    flex: 2;
    text-align: left;
    place-content: flex-start;
}
    
@charset "UTF-8";
#info_contents {
    margin-bottom: 0 !important;
}

/*============================
全体
============================*/

#kaiun {
    text-align: center;
    font-family: 'Kosugi Maru', sans-serif;
    font-feature-settings: "palt";
    color: #4E3305;
}


/*テキスト*/

#kaiun .main02 {
    color: #FFFFFF;
}

#kaiun .main03 {
    color: #004277;
}

.marker {
    font-weight: bold;
    display: inline;
    background: linear-gradient(transparent 80%, #ffdd07 80%);
}

.txt_bold {
    font-size: 1.4em;
    font-weight: bold;
}

/*トップ*/

#kaiun .top {
    background-image: url("../images/top_bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1em 0;
}

#kaiun .top
    p .dots {
    position: relative;
    display: inline;
}

#kaiun .top
    p .dots span::before {
    position: absolute;
    content: "・";
    top: -1em;
}

.top
    p {
    padding: 0.5em 1em;
    text-align: left;
    display: inline-block;
    margin-bottom: 1em;
    font-size: 25.2px;
}

#kaiun .top .marker {
    font-size: 1.2em;
    font-weight: bold;
    color: #f92900;
    border-bottom: none;
}

/*============================
メイン
============================*/
.main_box {
    background: #FFFFFF;
    text-align: left;
}

.main_box
    img {
    margin: 2em 0;
}

/*生活習慣編*/
.main_01 .main_box
    p:first-letter,
.main_03 .main_box p:first-letter {
    font-size: 160%;
}

.main_01 {
    background-color: #004277;
    background-image: url("../images/main02_bg.png");
    background-repeat: repeat;
}

.main_01 .main_box {
    border-top: 10px solid #f92900;
}

.main_box
    p {
    margin-bottom: 1em;
    font-size: 21px;
}

.main_01 .main_box .ttl {
    border-bottom: 1px solid #f92900;
    padding-bottom: 1.5em;
}

/*食事編*/
.main_02 {
    background-color: #f92900;
    background-image: url("../images/main02_bg.png");
    background-repeat: repeat;
}

.main_02 .main_box {
    border-top: 10px solid #004277;
    text-align: center;
}

.main_02
    p:nth-child(2) {
    color: #ffffff;
    text-align: left;
}

.main_02 .main_box .main_ttl {
    border-bottom: #004277 solid 1px;
    margin-bottom: 2em;
}

.main_02 .main_box .ttl {
    background-color: #004277;
    color: #ffffff;
    padding: 0.2em;
    display: inline;
    font-size: 1.5em;
}

.main_02 .main_box
    p {
    margin: 1.5em 0}

/*うんちのうんちく*/

.main_03 {
    background-color: #dcf9f7;
    background-image: url("../images/main03_bg_01.png");
    background-repeat: repeat;
    color: #004277;
    padding-bottom: 1em;
}

.main_03
    img {
    margin: 0;
}

.main_03 .ttl {
    margin: 2em 0 9em 0;
}

.main_03 .main_box {
    background-image: url("../images/main03_bg_02.png");
    background-repeat: repeat;
    padding: 21px;
    margin-bottom: -60px;
}

.main_03 .main_box:nth-of-type(1) {
    position: relative;
}

/*イラスト*/

.main_01 .main_box:nth-of-type(1) {
    position: relative;
}

.main_01 .main_box:nth-of-type(2) {
    position: relative;
}

.main_01 .main_box:nth-of-type(3) {
    position: relative;
}

.main_01 .main_box:nth-of-type(4) {
    position: relative;
}

.main_01 .main_box
    img:nth-of-type(2) {
    margin: 0;
}

.main_02 .main_box:nth-of-type(1) {
    position: relative;
}

.main_02 .main_box:nth-of-type(2) {
    position: relative;
}

#kaiun .illust05,
#kaiun .illust06,
#kaiun .illust07,
#kaiun .illust08 {
    margin: 0;
}

#kaiun .illust07{
    margin-left: -20px !important;
}
    @media screen and (max-width: 768px) {
    #kaiun .illust07{
        margin-left: 0px !important;
    }
}

/*============================
スペック
============================*/
/*商品セット内*/

#kaiun .include_box .icon_box {
    text-align: center;
}

#kaiun .include_box .display_exact .icon_box {
    text-align: left;
}

#kaiun .include_box .display_exact .name {
    font-weight: normal;
}

/*20241204 定期のCP終了後復活*/
/*#kaiun #goods32619 .btn{
    padding-top: 1em;
    margin: 0 auto;
    width: 300px;
}*/



/*定期*/
#kaiun #teiki71134 .r_img {
    display: none;
}

#kaiun #teiki71134 .btn {
    padding-top: 1em;
    margin: 0 auto;
    width: 300px;
}


#kaiun .txt_box {
    margin-top: 1em;
}

/*インクルード外*/
.include_box {
    background-color: #ffffff;
}

.main_01 .include_box {
    border: #f92900 10px solid;
}

.main_01 .spec_area {
    border-top: #f92900 5px solid;
    padding: 1em;
}

.main_02 .include_box {
    border: #004277 10px solid;
}

.main_02 .spec_area {
    border-top: #004277 5px solid;
    padding: 1em;
}

.main_01 .spec_ttl_box {
    background: #f92900;
}

.main_02 .spec_ttl_box {
    background: #004277;
}

.spec_img {
    position: relative;
    background: url("../images/spec_bg.png") center #ffdd07 no-repeat;
}

.include_box .spec_icon {
    position: absolute;
}

.spec_copy_top::
    before {
    content: "＼"}

.spec_copy_top::
    after {
    content: "／"}

.main_02 .spec_copy_top,
.main_01 .spec_copy_btm {
    color: #f92900;
}

.main_02 .spec_copy_btm {
    color: #004277;
}

.main_01 .spec_copy_top {
    color: #2C258B;
    font-size: 31.5px;
}

.include_box
    p {
    font-size: 1em;
    text-align: left;
}


/* 動き */
/*translateX(-50px)  X軸（左横に）方向に50px */
/*translateY(50px)  Y軸（上縦に）方向に50px */
/*translateY(-50px)  Y軸（下縦に）方向に50px */

/* ふわっとアニメ */
/* 動作を適用する箇所 */
.fuwatAnime {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    /* アニメ時間 */
    -ms-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-transition-delay: 0.5s;
    /* 開始時間 */
    -ms-transition-delay: 0.5s;
    transition-delay: 0.5s;
    -webkit-animation-name: fuwatAnime;
    /* アニメ名 */
    -ms-animation-name: fuwatAnime;
    animation-name: fuwatAnime;
    visibility: visible !important;
}

.fuwatAnime2 {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 2.5s;
    /* アニメ時間 */
    -ms-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-transition-delay: 1.5s;
    /* 開始時間 */
    -ms-transition-delay: 1.5s;
    transition-delay: 1.5s;
    -webkit-animation-name: fuwatAnime2;
    /* アニメ名 */
    -ms-animation-name: fuwatAnime2;
    animation-name: fuwatAnime2;
    visibility: visible !important;
}

.fadeIn_r_Anime {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.5s;
    /* アニメ時間 */
    -ms-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-transition-delay: 0.0s;
    /* 開始時間 */
    -ms-transition-delay: 0.0s;
    transition-delay: 0.0s;
    -webkit-animation-name: fadeIn_r_Anime;
    /* アニメ名 */
    -ms-animation-name: fadeIn_r_Anime;
    animation-name: fadeIn_r_Anime;
    visibility: visible !important;
}

.fadeIn_l_Anime {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.5s;
    /* アニメ時間 */
    -ms-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-transition-delay: 0.0s;
    /* 開始時間 */
    -ms-transition-delay: 0.0s;
    transition-delay: 0.0s;
    -webkit-animation-name: fadeIn_l_Anime;
    /* アニメ名 */
    -ms-animation-name: fadeIn_l_Anime;
    animation-name: fadeIn_l_Anime;
    visibility: visible !important;
}

.fadeIn_ru_Anime {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.5s;
    /* アニメ時間 */
    -ms-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-transition-delay: -0.5s;
    /* 開始時間 */
    -ms-transition-delay: -0.5s;
    transition-delay: -0.5s;
    -webkit-animation-name: fadeIn_ru_Anime;
    /* アニメ名 */
    -ms-animation-name: fadeIn_ru_Anime;
    animation-name: fadeIn_ru_Anime;
    visibility: visible !important;
}

.fadeIn_lu_Anime {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.5s;
    /* アニメ時間 */
    -ms-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-transition-delay: -0.5s;
    /* 開始時間 */
    -ms-transition-delay: -0.5s;
    transition-delay: -0.5s;
    -webkit-animation-name: fadeIn_lu_Anime;
    /* アニメ名 */
    -ms-animation-name: fadeIn_lu_Anime;
    animation-name: fadeIn_lu_Anime;
    visibility: visible !important;
}

/* 動作内容 */
    @-webkit-keyframes fuwatAnime {
    0% {
        opacity: 0;
    -webkit-transform: translateY(-150px);
    }

    100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    }
}
    @-webkit-keyframes fuwatAnime2 {
    0% {
        opacity: 0;
    -webkit-transform: translateY(-200px);
    }

    100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    }
}

/*大から実寸にフェードイン@-webkit-keyframes fuwatAnime2 {
 0% { opacity: 0; -webkit-transform: translateY(0) scale(0.5); }
 70% { opacity: 1; -webkit-transform: translateY(0) scale(1.2); }
 100% { opacity: 1; -webkit-transform: translateY(0) scale(1.0); }
}*/
    @-webkit-keyframes fadeIn_r_Anime {
    0% {
        opacity: 0;
    -webkit-transform: translateX(300px);
    }

    100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    width: 720px;
    }
}
    @-webkit-keyframes fadeIn_l_Anime {
    0% {
        opacity: 0;
    -webkit-transform: translateX(-300px);
    }

    100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    width: 720px;
    }
}
    @-webkit-keyframes fadeIn_ru_Anime {
    0% {
        opacity: 0;
    -webkit-transform: translateX(300px) translateY(200px);
    }

    100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    width: 720px;
    }
}
    @-webkit-keyframes fadeIn_lu_Anime {
    0% {
        opacity: 0;
    -webkit-transform: translateX(-300px) translateY(200px);
    }

    100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    width: 720px;
    }
}
    @keyframes fuwatAnime {
    0% {
        opacity: 0;
    -webkit-transform: translateY(-150px);
    -ms-transform: translateY(-150px);
    transform: translateY(-150px);
    }

    100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    }
}
    @keyframes fuwatAnime2 {
    0% {
        opacity: 0;
    -webkit-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    }

    100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    }
}

/*大から実寸にフェードイン@keyframes fuwatAnime2 {
 0% { opacity: 0; -webkit-transform: translateY(0) scale(0.5); -ms-transform: translateY(0) scale(0.5); transform: translateY(0) scale(0.5); }
 70% { opacity: 1; -webkit-transform: translateY(0) scale(1.2); -ms-transform: translateY(0) scale(1.2); transform: translateY(0) scale(1.2); }
 100% { opacity: 1; -webkit-transform: translateY(0) scale(1.0); -ms-transform: translateY(0) scale(1.0); transform: translateY(0) scale(1.0); }
}*/
    @keyframes fadeIn_r_Anime {
    0% {
        opacity: 0.5;
        /* 透明 */
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
        /*X軸（右横に）方向に300px */
    }

    100% {
    opacity: 1;
        /* 不透明 */
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: ;
    }
}
    @keyframes fadeIn_l_Anime {
    0% {
        opacity: 0.5;
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
    }

    100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: ;
    }
}
    @keyframes fadeIn_ru_Anime {
    0% {
        opacity: 0.5;
    -webkit-transform: translateX(300px) translateY(200px);
    -ms-transform: translateX(300px) translateY(200px);
    transform: translateX(300px) translateY(200px);
    }

    100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: ;
    }
}
    @keyframes fadeIn_lu_Anime {
    0% {
        opacity: 0.5;
    -webkit-transform: translateX(-300px) translateY(200px);
    -ms-transform: translateX(-300px) translateY(200px);
    transform: translateX(-300px) translateY(200px);
    }

    100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: ;
    }
}

/* 画像位置調整 */
.c-panel__link {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center;
    text-align: left;
}

/* 商品名、受取方法、価格 */

.main_01 .c-panel__body,
.main_02 .c-panel__body {
    place-items: start;
    flex: 2;
    text-align: left;
    place-content: flex-start;
    margin-top: 0;
}

/* 価格色調整 */
.c-panel__price-wrapper {
    color: #f25173;
    width: 100%;
    display:flex;
    align-items: baseline;
    flex-wrap: wrap;
}

/* ボタン調整 */
.c-panel__action .btn {
    width: 40%;
    margin-left: 45%;
    margin-top: 0;
    margin-bottom: 5%;
    color: black;
    background-color: #ffffff;
    border: solid;
    border-color: #999999;
    border-radius: 7px;
    font-size: 26px;
    padding: 0;
    z-index: 10;
}

/* ボタン調整 */
.main02 .c-panel__action .btn {
    width: 40%;
    margin-top: 10px !important;
    margin-left: auto !important;
    margin-right: 0 !important;

}

.c-panel__header {
    flex: 1;
    padding-right: 3%;
    margin-top: auto;
    margin-bottom: auto;
}

.clear_contents .sample_view .c-panel__action {
    display: block;
    margin-top: 15px;
    width: 100%;
    text-align: right;
}

/* .custum_right 内のボタン要素（インクルードで生成される .c-panel__action）のスタイルを調整 */
#main00 .inc01 .other_item .custum_right .c-panel__action {
    margin-top: 5%;
    text-align: left;
}

/* price_box の子要素（価格とボタンのラッパー）を縦に並べる設定 (追記/修正) */
#main00 .inc01 .other_item .other_item_custom .txt_box .price_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.clear_contents {
    width: 100%;
}

.clear_contents .sample_view {
    width: 100%;
}

/* .main_01 の商品名の太さを標準に戻す */
.main_01 .include_box .c-panel__name {
    font-size: 21px;
    font-weight: normal !important;
}

/* 商品名の表示を強制し、Flexbox内で適切に幅を使うように設定 */
.main_02 .include_box .c-panel__name {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    color: #333 !important;
    font-size: 0.8em;
    margin: 0;
    padding: 0;
    font-weight: normal !important;
}

.c-panel__desc {
    display: none;
}

.c-price-delete {
    background: linear-gradient(transparent 0px, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px, transparent 0px) !important;
    color: #666;
    float: left;
    margin-right: 5%;
    font-size: 17px;
}
@media screen and (max-width: 768px) {
    .c-price-delete {
        background: linear-gradient(transparent 0px, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px, transparent 0px) !important;
        color: #666;
        float: left;
        margin-right: 5%;
        font-size: 14.5px !important;
    }
}

.c-price-delete .d-inline-block {
    text-decoration: line-through;
    text-decoration-color: #333;
    text-decoration-thickness: 1px;
}

.c-price-delete-yen {
    display: inline-block;
    position: relative;
    z-index: 1;
    background: white;
    /* 線を隠す背景 */
    padding: 0 2px;
}
p.c-price.c-price--sale {
    color: #ea3323;
    float: left;
    margin: 0 5% 0 0 !important;
    font-size: 23.73px;
}

@media screen and (max-width: 768px) {
    .c-price.c-price--sale {
        font-size: 19.35px !important;
    }
}

.c-panel__discount-period {
    font-size: 15.75px;
    color: #333;
}

@media screen and (max-width: 768px) {
    .c-panel__discount-period {
        font-size: 12px;
    }
}

.c-panel__discount {
    float: left;
    margin-top: 0;
}

.badge.badge-red.c-label-discount {
    font-size: 15px;
    padding: 3px 8px;
}

@media screen and (max-width: 768px){
    .badge.badge-red.c-label-discount {
        font-size: 13.6px;
        padding: 3px 8px;
    }
}

    @media print,
screen and (min-width: 768px) {
    #kaiun {
        width: 720px;
    margin: 0 auto;
    }

    /*テキスト*/
    #kaiun {
    font-size: 1.5em;
    }

    /*トップ*/
    #kaiun .top {
    font-size: 1.2em;
    }

    /*メイン*/
    .main_box {
    margin: 3em;
    padding: 1em;
    }

    /*食事編*/
    .main_02 p:nth-child(2) {
    margin: 2em 3em;
    font-size: 21px;
    }

    /*うんちのうんちく*/
    .main_03 .main_box {
    border-radius: 10px;
    }

    .main_03 .main03_1 {
    position: absolute;
    bottom: 88%;
    right: 0;
    }

    .main_03 .main_box:nth-of-type(2) {
    position: relative;
    margin-top: 16em;
    }

    .main_03 .main03_2 {
    position: absolute;
    bottom: 90%;
    right: 0;
    }

    /*イラスト*/
    .main_01 .illust01 {
    position: absolute;
    right: 7%;
    top: -5%;
    /* margin: 0;*/
    }

    .main_01 .illust02 {
    position: absolute;
    left: 4%;
    top: -1%;
    /* margin: 0;*/
    }

    .main_01 .illust03 {
    position: absolute;
    right: -6%;
    top: -10%;
    /*margin: 0;*/
    }

    .main_01 .illust04 {
    position: absolute;
    left: 3%;
    top: 24%;
    width: 155px;
    /*margin: 0;*/
    }

    .main_02 .illust05 {
    position: absolute;
    right: 10%;
    top: 28%;
    }

    .main_02 .illust06 {
    position: absolute;
    left: 5%;
    bottom: 26%;
    }

    .main_02 .illust07 {
    position: absolute;
    left: 7%;
    top: 30%;
    }

    .main_02 .illust08 {
    position: absolute;
    right: 5%;
    bottom: 12%;
    }

    /*インクルード外*/
    .spec_img {
    padding: 5em;
    }

    .spec_icon {
    bottom: -15%;
    right: 0;
    left: -10%;
    width: 50%;
    }

    .spec_copy_top {
    font-size: 1.3em;
    }

    .spec_copy_top {
    padding: 1em 0.5em;
    position: absolute;
    top: 0%;
    right: 4%;
    left: 4%;
    font-weight: bold;
    }

    .spec_copy_btm {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 0.5em;
    }

    .c-panel__header img {
    width: 120px;
    }

    .main_01 .c-panel__body,
    .main_02 .c-panel__body {
    flex: 4;
    margin-top: -16px;
    }

}
    @media print,
screen and (max-width: 768px) {
    #kaiun {
        width: 100%;
    }

    .contents_main {
    margin: 0;
    }

    /*テキスト*/
    #kaiun {
    font-size: 1em;
    }

    /*メイン*/
    .main_box {
    margin: 1em 0;
    padding: 1em;
    }

    /*食事編*/
    .main_02 p:nth-child(2) {
    margin: 1em 2em;
    }

    /*うんちのうんちく*/

    .main_03 .main03_1 {
    position: absolute;
    bottom: 87%;
    right: 0;
    }

    .main_03 .main_box:nth-of-type(2) {
    position: relative;
    margin-top: 12em;
    }


    .main_03 .main03_2 {
    position: absolute;
    bottom: 87%;
    right: 0%;
    }

    /*イラスト*/
    .main_01 .illust01 {
    position: absolute;
    right: 3%;
    top: -3%;
    width: 40%;
    }

    .main_01 .illust02 {
    position: absolute;
    left: 18%;
    top: -5%;
    width: 20%;
    }

    .main_01 .illust03 {
    position: absolute;
    right: 1%;
    top: -4%;
    width: 28%;
    }

    .main_01 .illust04 {
    position: absolute;
    left: 3%;
    top: 22%;
    width: 27%;
    }

    .main_02 .illust05 {
    position: absolute;
    right: 13%;
    top: 27%;
    width: 20%;
    }

    .main_02 .illust06 {
    position: absolute;
    left: 7%;
    bottom: 27%;
    width: 20%;
    }

    .main_02 .illust07 {
    position: absolute;
    left: 6%;
    top: 30%;
    width: 18%;
    }

    .main_02 .illust08 {
    position: absolute;
    right: 5%;
    bottom: 17%;
    width: 18%;
    }

    /*インクルード外*/
    .spec_img {
    padding: 2em;
    font-size: 1.2em;
    }


    #kaiun .l_img {
    width: 70%;
    }

    .spec_icon {
    bottom: -5%;
    right: 0;
    left: 0;
    width: 40%;
    }

    .spec_copy_btm {
    font-size: 1.5em;
    }

    .spec_copy_btm {
    margin-bottom: 0.5em;
    font-weight: bold;
    font-size: 1em;
    }

    .spec_copy_top {
    margin-bottom: 0.5em;
    font-weight: bold;
    font-size: 14.5px !important;
    }

    /* ボタン調整 */
    .c-panel__action .btn {
    width: 50%;
    font-size: 15px;
    }

    .main_01 .include_box .c-panel__name,
    .main_02 .include_box .c-panel__name {
    font-size: 1.2em;
    }

}
    @media screen and (max-width: 768px) {
  #kaiun p {
    font-size: 16.125px;
  }
}
    @media screen and (max-width: 768px) {
  #kaiun .main_03 .main_box:nth-of-type(2){
    margin-top: 260px !important;
    padding: 16.125px !important;
  }
};
}

/* ボタン調整 */
.c-panel__action .btn {
    width: 40%;
    margin-left: 45%;
    margin-top: 0;
    margin-bottom: 5%;
    color: black;
    background-color: #ffffff;
    border: solid;
    border-color: #999999;
    border-radius: 7px;
    font-size: 26px;
    padding: 0;
    z-index: 10;
}

/* ボタン調整 */
.main02 .c-panel__action .btn {
    width: 40%;
    margin-top: 10px !important;
    margin-left: auto !important;
    margin-right: 0 !important;

}

.c-panel__header {
    flex: 1;
    padding-right: 3%;
    margin-top: auto;
    margin-bottom: auto;
}

.clear_contents .sample_view .c-panel__action {
    display: block;
    margin-top: 0px;
    width: 100%;
    text-align: right;
}

@media screen and (max-width: 768px){
.clear_contents .sample_view .c-panel__action {
    margin-top: 10px;
    width: 100%;
}
    
}

/* .custum_right 内のボタン要素（インクルードで生成される .c-panel__action）のスタイルを調整 */
#main00 .inc01 .other_item .custum_right .c-panel__action {
    margin-top: 5%;
    text-align: left;
}

/* price_box の子要素（価格とボタンのラッパー）を縦に並べる設定 (追記/修正) */
#main00 .inc01 .other_item .other_item_custom .txt_box .price_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.clear_contents {
    width: 100%;
}

.clear_contents .sample_view {
    width: 100%;
}

/* .main_01 の商品名の太さを標準に戻す */
.main_01 .include_box .c-panel__name {
    font-size: 21px;
    font-weight: normal !important;
}

/* 商品名の表示を強制し、Flexbox内で適切に幅を使うように設定 */
.main_02 .include_box .c-panel__name {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    color: #333 !important;
    font-size: 0.8em;
    margin: 0;
    padding: 0;
    font-weight: normal !important;
}

.c-panel__desc {
    display: none;
}

.c-price-delete {
    background: linear-gradient(transparent 0px, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px, transparent 0px) !important;
    color: #666;
    float: left;
    margin-right: 5%;
    font-size: 17px;
}

.c-price-delete .d-inline-block {
    text-decoration: line-through;
    text-decoration-color: #333;
    text-decoration-thickness: 1px;
}

.c-price-delete-yen {
    display: inline-block;
    position: relative;
    z-index: 1;
    background: white;
    /* 線を隠す背景 */
    padding: 0 2px;
}

p.c-price.c-price--sale {
    color: #ea3323;
    float: left;
    margin: 0 5% 0 0 !important;
}

@media screen and (max-width: 768px) {
    p.c-price.c-price--sale {
        margin-top: -10px !important;
    }
}

.c-panel__discount {
    float: left;
    margin-top: 0;
}

@media print,
screen and (min-width: 768px) {
    #kaiun {
        width: 720px;
        margin: 0 auto;
    }

    /*テキスト*/
    #kaiun {
        font-size: 1.5em;
    }

    /*トップ*/
    #kaiun .top {
        font-size: 1.2em;
    }

    /*メイン*/
    .main_box {
        margin: 3em;
        padding: 1em;
    }

    /*食事編*/
    .main_02 p:nth-child(2) {
        margin: 2em 3em;
        font-size: 21px;
    }

    /*うんちのうんちく*/
    .main_03 .main_box {
        border-radius: 10px;
    }

    .main_03 .main03_1 {
        position: absolute;
        bottom: 88%;
        right: 0;
    }

    .main_03 .main_box:nth-of-type(2) {
        position: relative;
        margin-top: 16em;
    }

    .main_03 .main03_2 {
        position: absolute;
        bottom: 90%;
        right: 0;
    }

    /*イラスト*/
    .main_01 .illust01 {
        position: absolute;
        right: 7%;
        top: -5%;
        /* margin: 0;*/
    }

    .main_01 .illust02 {
        position: absolute;
        left: 4%;
        top: -1%;
        /* margin: 0;*/
    }

    .main_01 .illust03 {
        position: absolute;
        right: -6%;
        top: -10%;
        /*margin: 0;*/
    }

    .main_01 .illust04 {
        position: absolute;
        left: 3%;
        top: 24%;
        width: 155px;
        /*margin: 0;*/
    }

    .main_02 .illust05 {
        position: absolute;
        right: 10%;
        top: 28%;
    }

    .main_02 .illust06 {
        position: absolute;
        left: 5%;
        bottom: 26%;
    }

    .main_02 .illust07 {
        position: absolute;
        left: 7%;
        top: 30%;
    }

    .main_02 .illust08 {
        position: absolute;
        right: 5%;
        bottom: 12%;
    }

    /*インクルード外*/
    .spec_img {
        padding: 5em;
    }

    .spec_icon {
        bottom: -15%;
        right: 0;
        left: -10%;
        width: 50%;
    }

    .spec_copy_top {
        font-size: 1.3em;
    }

    .spec_copy_top {
        padding: 1em 0.5em;
        position: absolute;
        top: 0%;
        right: 4%;
        left: 4%;
        font-weight: bold;
    }

    .spec_copy_btm {
        font-size: 1.5em;
        font-weight: bold;
        margin-bottom: 0.5em;
    }

    .c-panel__header img {
        width: 120px;
    }

    .main_01 .c-panel__body,
    .main_02 .c-panel__body {
        flex: 4;
        margin-top: -16px;
    }

}

@media print,
screen and (max-width: 768px) {
    #kaiun {
        width: 100%;
    }

    .contents_main {
        margin: 0;
    }

    /*テキスト*/
    #kaiun {
        font-size: 1em;
    }

    /*メイン*/
    .main_box {
        margin: 1em 0;
        padding: 1em;
    }

    /*食事編*/
    .main_02 p:nth-child(2) {
        margin: 1em 2em;
    }

    /*うんちのうんちく*/

    .main_03 .main03_1 {
        position: absolute;
        bottom: 87%;
        right: 0;
    }

    .main_03 .main_box:nth-of-type(2) {
        position: relative;
        margin-top: 12em;
    }


    .main_03 .main03_2 {
        position: absolute;
        bottom: 87%;
        right: 0%;
    }

    /*イラスト*/
    .main_01 .illust01 {
        position: absolute;
        right: 3%;
        top: -3%;
        width: 40%;
    }

    .main_01 .illust02 {
        position: absolute;
        left: 18%;
        top: -5%;
        width: 20%;
    }

    .main_01 .illust03 {
        position: absolute;
        right: 1%;
        top: -4%;
        width: 28%;
    }

    .main_01 .illust04 {
        position: absolute;
        left: 3%;
        top: 22%;
        width: 27%;
    }

    .main_02 .illust05 {
        position: absolute;
        right: 13%;
        top: 27%;
        width: 20%;
    }

    .main_02 .illust06 {
        position: absolute;
        left: 7%;
        bottom: 27%;
        width: 20%;
    }

    .main_02 .illust07 {
        position: absolute;
        left: 6%;
        top: 30%;
        width: 18%;
    }

    .main_02 .illust08 {
        position: absolute;
        right: 5%;
        bottom: 17%;
        width: 18%;
    }

    /*インクルード外*/
    .spec_img {
        padding: 2em;
        font-size: 1.2em;
    }


    #kaiun .l_img {
        width: 70%;
    }

    .spec_icon {
        bottom: -5%;
        right: 0;
        left: 0;
        width: 40%;
    }

    .spec_copy_btm {
        font-size: 1.5em;
    }

    .spec_copy_btm {
        margin-bottom: 0em;
        font-weight: bold;
        font-size: 16.125px;
    }

    .spec_copy_top {
        margin-bottom: 0.5em;
        font-weight: bold;
        font-size: 14.5px !important;
    }

    /* ボタン調整 */
    .c-panel__action .btn {
        width: 50%;
        font-size: 16px;
        padding: 3px;
    }

    .main_01 .include_box .c-panel__name,
    .main_02 .include_box .c-panel__name {
        font-size: 1.2em;
    }

}

@media screen and (max-width: 768px) {
  #kaiun .main_03 .main_box:nth-of-type(2){
    margin-top: 260px !important; 
    padding: 16.125px !important;
  }
}