﻿@charset "UTF-8";
.millefeuillemaison__contact .mainframe_{
    max-width: 1000px;
    margin: 7em auto 0;
}

.millefeuillemaison__contact .contact__foote{
    text-align: center;
}
.millefeuillemaison__contact .contact__foote small{
    display: block;
    font-weight: bold;
    margin-bottom: 3em;
}

.millefeuillemaison__contact .contacnt__headline{
    width: 150px;
    border-top: 2px solid #dfcaa7;
    border-bottom: 2px solid #dfcaa7;
    font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    margin: 0 auto;
    text-align: center;
    padding: 8px 0;
    font-weight: normal;
    font-size: 1.3rem;
}
.millefeuillemaison__contact .form__contents,
.millefeuillemaison__contact .forcms_block_addressid_main_mm_contact_main_T005ForCMSQuestionnaire_2,
.millefeuillemaison__contact .forcms_block_addressid_main_mm_businessgift_main_T005ForCMSQuestionnaire_2{
    padding-top: 4em!important;
}
.millefeuillemaison__contact .form__contents>.common_headline2_,
.millefeuillemaison__contact .form__contents>.questionnaire_>p,
.millefeuillemaison__contact .forcms_block_addressid_main_mm_contact_main_T005ForCMSQuestionnaire_2>.common_headline2_,
.millefeuillemaison__contact .forcms_block_addressid_main_mm_contact_main_T005ForCMSQuestionnaire_2>.questionnaire_>p,
.millefeuillemaison__contact .forcms_block_addressid_main_mm_businessgift_main_T005ForCMSQuestionnaire_2>.common_headline2_,
.millefeuillemaison__contact .forcms_block_addressid_main_mm_businessgift_main_T005ForCMSQuestionnaire_2>.questionnaire_>p{
    display: none;
}

.millefeuillemaison__contact div.questionnaire_box_{
    padding-bottom: 2em;
    margin-bottom: 2em;
    border-bottom: 1px solid #e1cead;
    display: flex;
    flex-wrap: wrap;
}
.millefeuillemaison__contact div.questionnaire_box_ .common_headline2_{
    width: 180px;
    border: none;
    margin: 0;
    padding: 0;
    background: none;
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
    font-size: 100%;
}
.millefeuillemaison__contact div.questionnaire_box_ .common_headline2_ .must_{
    float: none;
    width: 30px;
    height: 15px;
    margin: 4px 0 0 10px;
}

.millefeuillemaison__contact div.questionnaire_box_ div.questionnaire_box_content_,
.millefeuillemaison__contact div.questionnaire_box_ .formdetail_{
    width: calc( 100% - 180px );
}

.millefeuillemaison__contact div.questionnaire_box_ table#table_name.formdetail_ th{
    width: 5em;
}
.millefeuillemaison__contact div.questionnaire_box_ table.formdetail_ th{
    width: 13em;
}
.millefeuillemaison__contact div.questionnaire_box_ div.questionnaire_box_content_ textarea{
    width: 100%;
    height: 14em;
}

.millefeuillemaison__contact .submit_{
    justify-content: center;
}

/**** gift *****/
.millefeuillemaison-gift__contact.millefeuillemaison__contact .mainframe_{
    background: #b6ddc6 url(/cms/img/usr/brand/millefeuillemaison/bggift.jpg) top right no-repeat;
    padding-top: 4em;
    margin-top: 5em;
}
.millefeuillemaison-gift__contact.millefeuillemaison__contact .contacnt__headline{
    border-color: #FFF;
    width: 320px;
}
.millefeuillemaison-gift__contact .contacnt__top__text{
    text-align: center;
    font-size: 1.1em;
    margin: 2em 0 1em;
}
.millefeuillemaison__contact .contacnt__top__tell{
    max-width: 500px;
    width: 80%;
    border: 1px solid #fff;
    background: #a8ab82;
    padding: 12px 28px;
    color: #FFF;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 auto;
}
.millefeuillemaison__contact .contacnt__top__tell small{
    font-weight: normal;
    margin-left: 1em;
}
.millefeuillemaison-gift__contact.millefeuillemaison__contact div.questionnaire_box_{
    border-color: #9fb6a9;
}
.millefeuillemaison-gift__contact.millefeuillemaison__contact div.questionnaire_box_ table.formdetail_ th,
.millefeuillemaison-gift__contact.millefeuillemaison__contact div.questionnaire_box_ table.formdetail_ td{
    background: none;
    border: none;
}

/**** complete *****/
.millefeuillemaison__complete.millefeuillemaison__contact .contacnt__headline{
    width: 280px;
    margin-bottom: 3em;
}
.millefeuillemaison__complete.millefeuillemaison__contact .contacnt__top__text{
    width: 640px;
    margin: 0 auto;
}
.millefeuillemaison__complete.millefeuillemaison__contact .contacnt__top__text>p{
    margin-bottom: 2em;
}

@media screen and (max-width: 767px) {
    html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
        font-size: inherit;
    }
    .millefeuillemaison__contact div.wrapper_{
        padding-top: 5em;
    }
    .millefeuillemaison-gift__contact .contacnt__top__text{
        font-size: 0.9em;
    }

    .millefeuillemaison__contact .contact__foote,
    .millefeuillemaison__contact div.questionnaire_.col1_{
        padding: 0 7%;
    }
    .millefeuillemaison__contact div.questionnaire_box_{
        display: block;
    }
    .millefeuillemaison__contact div.questionnaire_box_ .common_headline2_{
        margin-bottom: 1em;
    }
    .millefeuillemaison__contact div.questionnaire_box_ div.questionnaire_box_content_,
    .millefeuillemaison__contact div.questionnaire_box_ .formdetail_{
        width: 100%!important;
        display: block;
    }

    .millefeuillemaison__contact div.questionnaire_box_ table.formdetail_ tr{
        display: block;
        padding-bottom: 0.5em;
    }
    .millefeuillemaison__contact div.questionnaire_box_ table.formdetail_ th,
    .millefeuillemaison__contact div.questionnaire_box_ table.formdetail_ td{
        width: 100%!important;
        display: block;
    }
    .millefeuillemaison__contact input[type=text]{
        width: 100%;
    }
    .millefeuillemaison__contact #table_name input[type=text]{
        width: 35%!important;
    }
    .millefeuillemaison__contact #table_name .small_{
        display: block;
    }
    .millefeuillemaison__contact #table_mail input[type=email]{
        width: 100%!important;
    }
    
    .millefeuillemaison__contact .submit_ a{
        width: 140px;
        margin: 0 1% 0 0;
    }
    .millefeuillemaison__contact [data-efo-form-id] [name="confirm"]{
        height: 35px;
        width: 140px;
        background-size: cover;
        margin: 0 0 0 1%;
    }
    .millefeuillemaison__contact .questionnaire_confirm_ + .submit_{
        justify-content: center;
        display: flex;
        margin-top: 30px;
    }
    .millefeuillemaison__contact .questionnaire_confirm_ + .submit_ input[name="back"]{
        width: 140px;
        height: 35px;
        margin: 0 1% 0 0;
    }
    .millefeuillemaison__contact .questionnaire_confirm_ + .submit_ input[name="regist"]{
        width: 140px;
        height: 35px;
        margin: 0 0 0 1%;
    }

    
    /**** gift *****/
    .millefeuillemaison-gift__contact.millefeuillemaison__contact .forcms_block{
        background: #b6ddc6;
        padding-bottom: 1em;
        margin: 0 auto 4em;
        width: 86%;
    }
    .millefeuillemaison-gift__contact.millefeuillemaison__contact #contact_01.forcms_block{
        background: #b6ddc6 url(/cms/img/usr/brand/millefeuillemaison/bggift.jpg) top right no-repeat;
        padding-top: 2em;
        margin: 0 auto;
        width: 86%;
        background-size: 130px;
        padding-top: 4em;
    }
    
    .millefeuillemaison-gift__contact.millefeuillemaison__contact .contacnt__headline{
        width: 86%;
        font-size: 1em;
    }
    .millefeuillemaison-gift__contact .contacnt__top__text{
        padding: 0 2em;
    }
    .millefeuillemaison__contact .contacnt__top__tell{
        text-align: center;
        padding: 12px 0;
        line-height: 1.2;
        font-size: 1.2em;
    }
    .millefeuillemaison__contact .contacnt__top__tell small{
        font-size: 0.7em;
        display: block;
        margin: 0;
    }

    .millefeuillemaison-gift__contact.millefeuillemaison__contact .form__contents,
    .millefeuillemaison-gift__contact.millefeuillemaison__contact .forcms_block_addressid_main_mm_contact_main_T005ForCMSQuestionnaire_2,
    .millefeuillemaison-gift__contact.millefeuillemaison__contact .forcms_block_addressid_main_mm_businessgift_main_T005ForCMSQuestionnaire_2{
        padding:2em 0 !important;
    }
    
    /**** complete *****/
    .millefeuillemaison__complete.millefeuillemaison__contact .contacnt__top__text{
        width: 100%;
        padding: 0 7%;
        font-size: 0.8em;
    }
}

/**** submit ****/
.millefeuillemaison__contact .submit_ [name="confirm"]{
    background-image: url(/cms/img/usr/brand/millefeuillemaison/button_confirm.gif);
}
.millefeuillemaison__contact .submit_>a{
    width: 160px;
    height: 40px;
    background-image: url(/cms/img/usr/brand/millefeuillemaison/button_back.gif);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 10px;
}
.millefeuillemaison__contact .submit_>a>img{
    display: none;
}
@media screen and (max-width: 767px) {
    .millefeuillemaison__contact .submit_>a{
        width: 140px;
        height: 35px;
        margin: 0 1% 0 0;
    }
}