@media(max-width:767px){
    .left-sidebar h2 {
        background-size: 30px 28px;
        background-repeat: no-repeat;
        background-position: left;
        background-image: url(../../img/recipe/flower5.png);
        font-size: 18px;
        padding-left: 35px;
        line-height: 26px;
        margin-bottom: 16px;
        color: #AD8826;
        font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
    }
    .main-title.padd-content-md {
        padding-bottom: 8px;
    }
    .second-title {
        font-size: 20px;
        font-weight: bold;
        color: #AD8826;
        padding-top: 10px;
    }
    #recipe hr.img-divider {
        background: url(../../img/recipe/img-divider.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 6px 0;
        border: none;
        margin: 24px 0;
    }
    #recipe .row {
        width: 100%;
    }
    .main-content {
        width: 100%;
        display: inline-block;
    }
    .main-content h2 {
        font-weight: bold;
        color: #AD8826;
        font-size: 20px;
        padding-bottom: 8px;
    }
    #recipe .main-content h2.underline {
        border-bottom: 1px solid #EAE9ED;
        padding-bottom: 24px;
        margin-bottom: 24px;
    }
    #recipe .btn-navi {
        margin-bottom: 64px;
        padding-top: 64px;
    }
    .float-right {
        float: right;
    }
    .btn-brown.arrow-right{
        margin-right: 11px;
    }
    #recipe .left-sidebar {
        width: calc(100% - 38px);
        display: inline-block;
        float: left;
        box-shadow: -1px 3px 6px #cecece;
        margin-bottom: 110px;
        padding: 30px 16px;
        margin-left: 3px;
    }
    #recipe #recipe-content .wrap-default .wrap-content {
        margin-top: 16px;
        overflow: unset;
    }
    .menu-sidebar h3 {
        color: #80CAD5;
        font-size: 16px;
        padding: 8px 0;
        padding-right: 15px;
        font-weight: bold;
        position: relative;
        outline: none;
    }
    .menu-sidebar .sub-menu dt {
        color: #80CAD5;
        padding-right: 5px;
        width: 30px;
        display: inline-block;
    }
    .menu-sidebar .sub-menu dd {
        width: calc(100% - 43px);
        display: inline-block;
        vertical-align: top;
    }
    .parent-sub-menu h3:after {
        content: url(../../img/recipe/arrow.svg);
        position: absolute;
        width: 12px;
        right: 0;
        top: 8px;
        transform: rotate(180deg);
        transition: all ease-in-out .3s;
    }
    .menu-sidebar .sub-menu li {
        padding: 4px 20px;
        position: relative;
    }
    .menu-sidebar .sub-menu li.active:before {
        content: '';
        width: 10px;
        top: 11px;
        position: absolute;
        background: url(../../img/recipe/arrow-right.svg);
        left: 0;
        background-repeat: no-repeat;
        bottom: 0;
    }
    .sub-menu {
        display: none;
    }
    div#box-berder-recipe-7 {
        margin-bottom: 56px;
        border: 2px solid #B5943C;
        padding: 16px;
        font-weight: 300;
        line-height: 23px;
    }
    .float-left {
        float: left;
    }
    .btn-brown.arrow-left {
        margin-left: 11px;
        text-align: right;
    }
    #recipe .btn-navi .btn-brown {
        width: 115px;
    }
    #recipe .btn-navi .btn-brown div {
        width: 95px;
    }
    .arrow-left div:before {
        content: url(../../img/recipe/ico-arrow-left.svg);
        position: absolute;
        top: 5px;
        right: 30px;
        width: 16px;
        -webkit-transition: 0.3s linear 0s;
        -moz-transition: 0.3s linear 0s;
        -ms-transition: 0.3s linear 0s;
        -o-transition: 0.3s linear 0s;
        transition: 0.3s linear 0s;
    }
    #recipe .btn-navi .btn-brown div {
        width: 92px;
        padding: 4px 0;
        margin: auto;
    }
    .content .recipe-box-question {
        border: 1px solid #EAE9ED;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 24px;
        padding: 16px;
    }
    div.content div.recipe-box-question img {
        width: 60px;
        margin-right: 8px;
    }
    div.content div.recipe-box-question div.question-content h3 {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 16px;
        line-height: 23px;
    }
    div.content div.recipe-box-question div.question-content p {
        margin: 0px;
        line-height: 23px;
        font-weight: 300;
    }
    .content .recipe-box-question .question-content.whitout-title p {
        margin-bottom: 16px;
    }
    #recipe .content p:last-child {
        margin-bottom: 0;
    }
    .red-text {
        color: #FF93B7;
    }
    .sp-top-56, #recipe hr.img-divider.sp-top-56, .content .sp-top-56 {
        margin-top: 56px;
    }
    .sp-bot-56, #recipe hr.img-divider.sp-bot-56 {
        margin-bottom: 56px;
    }
    div.content div.recipe-box-question-no-flex {
        border: 1px solid #EAE9ED;
        display: block;
        padding: 24px;
        margin-bottom: 16px;
    }
    .sp-block {
        display: block;
        width: 100%;
    }
    #recipe-8 {
        width: 100%;
        overflow: scroll;
    }
    table#table-recipe-8 {
        border-collapse: collapse;
        width: 624px;
        overflow-x: scroll;
    }
    table#table-recipe-8 th, table#table-recipe-8 td {
        border: 1px solid #EAE9ED;
        vertical-align: middle;
    }
    table#table-recipe-8 th {
        background: #5B5962;
        color: #ffffff;
        padding: 7px;
        line-height: 23px;
        font-weight: 600;
    }
    table#table-recipe-8 th span {
        display: block;
        line-height: 23px;
        font-size: 12px;
    }
    table#table-recipe-8 td.year {
        width: 67px !important;
        height: 57px;
        padding: 8px;
    }
    table#table-recipe-8 td {
        font-size: 13px;
    }
    table#table-recipe-8 td.past-future {
        width: 173px;
        padding-left: 10px;
        padding: 8px;
    }
    table#table-recipe-8 td.age-self, table#table-recipe-8 td.age-husband, table#table-recipe-8 td.age-daughter {
        width: 61px !important;
        padding: 8px;
    }
    table#table-recipe-8 td.text-desc {
        padding: 8px;
        width: 214px !important;
    }
    div#box-recipe-8 {
        margin-top: 32px;
        margin-bottom: 0;
        padding: 16px;
        border: 1px solid #EAE9ED;
        font-weight: 300;
        line-height: 23px;
    }
    .recipe-banner .flex {
        justify-content: flex-start;
        margin-bottom: 16px;
        font-size: 16px;
        font-weight: bold;
    }
    .sp-noflex {
        display: block;
    }
    div.content div.recipe-box-question .width-auto {
        width: auto;
        margin: 0 auto 16px;
        display: block;
    }
    .content p {
        margin: 16px 0;
    }
    .sp-top-0, .content .sp-top-0, #recipe .content dt.sp-top-0 {
        margin-top: 0;
    }
    .recipe-banner a, .recipe-owner a {
        color: #80CAD5;
        margin-top: 8px;
        text-decoration: underline;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    div.content div.recipe-box-yellow {
        padding: 22px 22px 22px 128px;
        border: 2px solid #AD8826;
        background: url(../../img/recipe/img-question/question-5.png);
        background-repeat: no-repeat;
        background-position: left 16px top 16px;
        background-size: 83px;
        margin-top: 32px;
        margin-bottom: 32px;
    }
    .recipe-box-table {
        width: 100%;
        overflow-x: auto;
    }
    div.content div.recipe-box-table table {
        width: 624px;
    }
    div.content div.recipe-box-table table th, div.content div.recipe-box-table table td {
        border: 1px solid #EAE9ED;
        line-height: 23px;
    }
    div.content div.recipe-box-table table th {
        background: #5B5962;
        color: #ffffff;
        padding: 18px;
        line-height: 23px;
        font-weight: 600;
        vertical-align: middle;
    }
    div.content div.recipe-box-table table .valign-middle {
        vertical-align: middle;
    }
    div.content div.recipe-box-table table tr td:last-child {
        padding: 8px 16px;
    }

    .content .bordered {
        border: 2px solid #B5943C;
        padding: 16px;
        margin: 32px 0;
    }
    .sp-top-24, .content .sp-top-24, .content .bordered.sp-top-24 {
        margin-top: 24px;
    }
    .sp-bottom-24, .content .sp-bottom-24, .content .bordered.sp-bottom-24 {
        margin-bottom: 24px;
    }
    .sp-bottom-0, .recipe-box-question.sp-bottom-0, .recipe-banner .sp-noflex img.sp-bottom-0, .content .sp-bottom-0, .content .recipe-box-question.sp-bottom-0 {
        margin-bottom: 0;
    }
    .sp-bottom-0, .recipe-box-question.sp-bottom-0, .recipe-banner .sp-noflex img.sp-bottom-0, .content .sp-bottom-0, .content .recipe-box-question.sp-bottom-0 .mb-24 {
        margin-bottom: 24px !important;
    }
    .recipe-owner {
        border: 1px solid #EAE9ED;
        padding: 16px;
        margin-top: 24px;
        margin-bottom: 32px;
    }
    .detail-owner {
        display: inline-block;
        width: 100%;
    }
    .detail-owner .img-detail {
        width: 86px;
        min-height: 86px;
        display: inline-block;
        margin-right: 16px;
    }
    #recipe .detail-owner .img-detail {
        vertical-align: middle;
    }
    .detail-owner div {
        display: inline-block;
        width: 100%;
    }
    #recipe .owner-detail-text {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 110px);
    }
    .detail-owner .position-owner {
        font-weight: bold;
    }
    .detail-owner .position-owner {
        display: block;
    }
    .detail-owner .position-owner, .recipe-owner .name-owner {
        width: 100%;
    }
    .recipe-owner .name-owner {
        font-size: 18px;
        font-weight: bold;
    }
    .top-16, .content .top-16 {
        margin-top: 16px;
    }
    #recipe .detail-owner p.bottom-0 {
        margin-bottom: 0px;
    }
    div.content div.recipe-box-question.border-yellow {
        border: 2px solid #AD8826;
    }
    .sp-top-32, .content .sp-top-32 {
        margin-top: 32px;
    }
    .sp-top-32, .content .sp-top-32, #recipe .content .sp-top-32 {
        margin-top: 32px;
    }
    div.content div.recipe-box-table table th, div.content div.recipe-box-table.with-image table td {
        padding: 16px;
        line-height: 23px;
        font-size: 13px;
    }
    .sp-bottom-24, .content .sp-bottom-24, .content .bordered.sp-bottom-24 {
        margin-bottom: 24px;
    }
    .sp-top-0, .content .sp-top-0, #recipe .content dt.sp-top-0 {
        margin-top: 0;
    }
    .sp-top-56, #recipe hr.img-divider.sp-top-56, .content .sp-top-56 {
        margin-top: 56px;
    }
    .sp-bottom-32, .content .sp-bottom-32 {
        margin-bottom: 32px;
    }
    .font-bold {
        font-weight: bold;
    }
    .font-14 {
        font-size: 14px;
    }
    .sp-padd-16 {
        padding: 16px;
    }
    .border-grey {
        border: 1px solid #EAE9ED;
    }
    .sp-flex-start {
        align-items: flex-start;
    }
    .sp-img-60 {
        width: 60px;
    }
    .sp-right-8 {
        margin-right: 8px;
    }
    .sp-align-middle {
        display: inline-block;
        vertical-align: middle;
    }
    .sp-right-8 {
        margin-right: 8px;
    }
    .sp-img-86 {
        width: 86px;
    }
    #recipe .vertical-top {
        vertical-align: top;
    }
    .line-heght-1 {
        line-height: 1;
    }
    .sp-bottom-8 {
        margin-bottom: 8px;
    }
    .font-18 {
        font-size: 18px;
    }
    .recipe-banner {
        border: 1px solid #EAE9ED;
        padding: 16px;
    }
    .content p {
        margin: 16px 0;
    }
    .top-0, #recipe .content .top-0 {
        margin-top: 0;
    }
    .recipe-banner .flex img {
        margin-right: 16px;
        font-size: 16px;
    }
    .sp-margin-auto {
        margin: auto;
        display: block;
    }
    .border-tosca {
        border: 1px solid #80CAD5;
    }
    .border-blue {
        border: 1px solid #1170B6;
    }
    .border-green {
        border: 1px solid #8EC33F;
    }
    .border-purple {
        border: 1px solid #8E2884;
    }
    .border-sky {
        border: 1px solid #259CD7;
    }
    .border-orange {
        border: 1px solid #F6B822;
    }
    .border-pink {
        border: 1px solid #E40980;
    }
    #recipe .wrap-default .wrap-content {
    margin-top: 16px;
    }
    #recipe .content dt{
    margin-top: 56px;
    }
    .content dt {
    margin-bottom: 16px;
    font-weight: bold;
    font-size: 16px;
    }
    .content .recipe-question:before {
    content: 'ー ';
    }
    .recipe-banner .sp-noflex img {
    margin-right: 0;
    }
    .recipe-banner .sp-noflex img {
    margin-right: 0;
    margin-bottom: 16px;
    }
    .sp-text-center {
    text-align: center;
    }
    .sp-top-16 {
    text-align: left;
    }
    .sp-top-16 {
    margin-top: 16px;
    }
    .has-image-full img {
    display: block;
    margin: 0 auto 32px;
    }
    .recipe-banner .flex img {
    margin-right: 16px;
    font-size: 16px;
    }
    .md-img {
    width: 111px;
    margin: auto;
    min-height: 0;
    }
    .img-detail img {
    display: block;
    min-width: 100%;
    }
    .sp-font-bold {
    font-weight: bold;
    }
    .sp-text-left {
    text-align: left;
    }
    .sp-margin-24, .content .sp-margin-24 {
    margin: 24px 0;
    }
    .box-border {
    border: 1px solid #EAE9ED;
    padding: 16px;
    }
    .sp-padd-0, .content .sp-padd-0 {
    padding: 0;
    }
    .content .list-image {
    padding: 0 10px;
    margin: 32px 0;
    display: inline-block;
    }
    .sp-img-335, .content .list-image .sp-img-335 {
    width: 335px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    }
    .sp-padd-0, .content .sp-padd-0 {
    padding: 0;
    }
    .content .list-image img {
    margin-right: 0;
    float: left;
    margin-bottom: 24px;
    }
    .recipe-banner .sp-noflex img {
    margin-right: 0;
    margin-bottom: 16px;
    }
    .sp-bottom-min-10, .recipe-banner .sp-noflex img.sp-bottom-min-10 {
    margin-bottom: -10px;
    }
    dd.recipe-answer h3 {
    color: #D580D5;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 11px;
    margin-top: 35px;
    }
    .sp-bordered {
    border: 1px solid #EAE9ED;
    }
    .sp-widthzero {
    width: calc(100% - 40px);
    }
    .letter-space--2 {
    letter-spacing: -2px;
    }
    .sp-padd-16 {
    padding: 16px;
    }
    #recipe .owner-detail-text {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 110px);
    }
    .detail-owner div {
    display: inline-block;
    width: 100%;
    }
    #recipe .owner-detail-text.width-100 {
    width: 100%;
    }
    .sp-noborder {
    border: none;
    }
    .color-blue {
    color: #3900FF;
    font-weight: 600;
    line-height: 23px;
    }
    .content .list-image img:last-child {
    margin-bottom: 0;
    }
    .sp-top-64, .main-content .sp-top-64 {
    margin-top: 64px;
    }
    .text-owner {
    margin-top: 16px;
    }
    .left--9 {
    margin-left: -9px !important;
    }
    .ml-0 {
    margin-left: 0!important;
    }
    .lg-img, .detail-owner .lg-img {
    width: 137px;
    margin-right: 0;
    margin-bottom: 16px;
    }
    .recipe-owner.list.last {
    margin-bottom: 0;
    }
    .interview-image-center {
    /* float: left; */
    margin: 16px 0 32px;
    margin: 16px auto 32px;
    display: block;
    }
    a.link-underline01 {
        color: #80CAD5;
        text-decoration: underline;
    }
}