/*** Modal Background ***/
.recipes .recipe_info {
    width : 100%;
    height : 100%;
    /*position : fixed;*/
    position : absolute;
    /*top : 20px;*/
    top : 0;
    left : 0;
    padding : 0;
    margin : 0;
}

.recipes .recipe_info_modal_background {
    width : 100%;
    height : 100%;
    position : absolute;
    top : 0;
    left : 0;
    padding : 0;
    margin : 0;
    background : rgba(0, 0, 0, 0.3);
    /*z-index : 1;*/
    overflow : scroll; /*hack*/
}

/*** Modal Body ***/

/*.recipes .recipe_info_wrapper {*/
/*    width : 792px;*/
/*    max-height : 652px;*/
/*    position : absolute;*/
/*    top : 48px;*/
/*    left : 116px;*/
/*    padding : 0;*/
/*    margin : 0;*/
/*    background-color : #F7F7F7;*/
/*}*/

/*縮小版*/
.recipes .recipe_info_wrapper {
    width : 400px;
    max-height : 682px;
    /*height : 652px;*/
    position : absolute;
    top : 48px;
    left : 0px;
    right: 0px;
    padding : 0;
    margin: 0 auto;
    background-color : #F7F7F7;
    /*z-index : 2;*/
}

/*** Recipe Info Header ***/
.recipes .recipe_info_header {
    background-color : #F7F7F7;
    height : 60px;
    border-bottom : dashed 1px #C4C4C4;
    position : relative;
}

/*.recipes .recipe_info_header_title {*/
/*    font-family : "HelveticaNeue";*/
/*    font-size : 18px;*/
/*    color : #000000;*/
/*    width : 82%;*/
/*    margin-left : 8%;*/
/*    display : block;*/
/*    position : relative;*/
/*    float : left;*/
/*    text-align : center;*/
/*    line-height : 60px;*/
/*}*/
/**/
/*.recipes .recipe_info_header_close {*/
/*    width : 30px;*/
/*    height : 30px;*/
/*    margin-top : 15px;*/
/*    margin-bottom : 15px;*/
/*    margin-left : 4.5%;*/
/*    display : block;*/
/*    position : relative;*/
/*    float : left;*/
/*    background-image : url(../res/close.png);*/
/*    background-size : contain;*/
/*    background-repeat : no-repeat;*/
/*}*/

/*縮小版*/
.recipes .recipe_info_header_title {
    /* font-family : "Noto Sans", "Noto Sans CJK JP", sans-serif; */
    font-size : 18px;
    color : #000000;
    width : 60%;
    margin-left : 20%;
    display : block;
    position : relative;
    float : left;
    text-align : center;
    line-height : 60px;
}

/*縮小版*/
.recipes .recipe_info_header_close {
    width : 30px;
    height : 30px;
    margin-top : 15px;
    margin-bottom : 15px;
    margin-left : 28px;
    margin-right : 20px;
    display : block;
    position : relative;
    float : left;
    background-image : url("../res/close.png");
    background-size : contain;
    background-repeat : no-repeat;
}

/*** Recipe Info Contents Wrapper ***/
.recipes .recipe_info_contents_wrapper {
    max-height : 612px;
    /*height : 592px;*/
    overflow-y : scroll;
}

/*** Recipe Title ***/
.recipes .recipe_title_wrapper {
    width : 100%;
    margin-top : 20px;
    margin-bottom : 20px;
}

/*.recipes .recipe_title_label {*/
/*    font-family : "HelveticaNeue";*/
/*    font-size : 16px;*/
/*    color : #666666;*/
/*    margin-left : 2%;*/
/*    width : 20%;*/
/*    float : left;*/
/*    display : inline-block;*/
/*}*/
/**/
/*.recipes .recipe_title_text {*/
/*    font-family : "HelveticaNeue-Light";*/
/*    font-size : 16px;*/
/*    color : #000000;*/
/*    width : 75%;*/
/*    margin-right : 2%;*/
/*    background-color : #FFFFFF;*/
/*    float : left;*/
/*    word-wrap : break-word;*/
/*    white-space : pre;*/
/*    display : inline-block;*/
/*}*/

/*縮小版*/
.recipes .recipe_title_label {
    /* font-family : "Noto Sans", "Noto Sans CJK JP", sans-serif; */
    font-size : 16px;
    color : #666666;
    margin-left : 28px;
    margin-bottom : 10px;
    display : block;
}

/*縮小版*/
.recipes .recipe_title_text {
    /* font-family : "Noto Sans", "Noto Sans CJK JP Light", sans-serif; */
    font-size : 16px;
    color : #000000;
    min-height : 36px;
    margin-left : 28px;
    margin-right : 28px;
    padding : 6px 10px 6px 10px;
    background-color : #FFFFFF;
    word-wrap : break-word;
    white-space : pre;
    display : block;
}


/*** Recipe Description ***/

.recipes .recipe_description_wrapper {
    width : 100%;
    margin-top : 20px;
    margin-bottom : 30px;
}

/*.recipes .recipe_description_label {*/
/*    font-family : "HelveticaNeue";*/
/*    font-size : 16px;*/
/*    color : #666666;*/
/*    margin-left : 2%;*/
/*    width : 20%;*/
/*    float : left;*/
/*    display : inline-block;*/
/*}*/
/**/
/*.recipes .recipe_description_text {*/
/*    font-family : "HelveticaNeue-Light";*/
/*    font-size : 16px;*/
/*    color : #000000;*/
/*    width : 75%;*/
/*    margin-right : 2%;*/
/*    background-color : #FFFFFF;*/
/*    float : left;*/
/*    word-wrap : break-word;*/
/*    white-space : pre;*/
/*    display : inline-block;*/
/*}*/
/**/
/*.recipes .recipe_blank_description_text {*/
/*    font-family : "HelveticaNeue-Light";*/
/*    font-size : 16px;*/
/*    width : 75%;*/
/*    margin-right : 2%;*/
/*    background-color : #FFFFFF;*/
/*    color : #666666;*/
/*    float : left;*/
/*    word-wrap : break-word;*/
/*    display : inline-block;*/
/*}*/

/* 縮小版 */
.recipes .recipe_description_label {
    /* font-family : "Noto Sans", "Noto Sans CJK JP", sans-serif; */
    font-size : 16px;
    color : #666666;
    margin-left : 28px;
    margin-bottom : 10px;
    display : block;
}

/* 縮小版 */
.recipes .recipe_description_text {
    /* font-family : "Noto Sans", "Noto Sans CJK JP Light", sans-serif; */
    font-size : 16px;
    color : #000000;
    min-height : 200px;
    margin-left : 28px;
    margin-right : 28px;
    padding : 10px 10px 10px 10px;
    background-color : #FFFFFF;
    word-wrap : break-word;
    white-space : pre;
    display : block;
}

/* 縮小版 */
.recipes .recipe_blank_description_text {
    /* font-family : "Noto Sans", "Noto Sans CJK JP Light", sans-serif; */
    font-size : 16px;
    min-height : 200px;
    margin-left : 28px;
    margin-right : 28px;
    padding : 10px 10px 10px 10px;
    background-color : #FFFFFF;
    color : #666666;
    word-wrap : break-word;
    display : block;
}

/*** Recipe Images ***/

.recipes .recipe_images_wrapper {
    width : 100%;
    margin-top : 20px;
    margin-bottom : 20px;
}

.recipes .recipe_images_label {
    /* font-family : "Noto Sans", "Noto Sans CJK JP", sans-serif; */
    font-size : 16px;
    color : #666666;
    margin-left : 2%;
    width : 20%;
    display : inline-block;
}

.recipes .recipe_images_add_button {
    display : inline-block;

    width : 40px;
    height : 30px;
    background-image : url("../res/add_big.png");
    background-size : contain;
    background-repeat : no-repeat;
}