@charset "utf-8";

.grid_container{
    margin: 100px 10px 10px 50px;
    color: blueviolet;
    width: 70%; 
    height: 90%;
    /* background-image: url("./screenshot.png"); */
    transform: rotate(-3deg);

       padding: 20px;
       border: 10px solid;
       text-align: center;

}


/* 1つのフォーム全体 */
.snowmonkeyform-custom .wp-block-snow-monkey-forms-item
{
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;

}

/* ラベル（フォーム左側） */
.snowmonkeyform-custom .smf-item__col--label{
    padding: 10px 10px 0px 20px;
    flex-basis: 300px;
    max-width: 100%;
    display: flex;
    /* font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN", "�q���M�m�p�S ProN W3", "���C���I", "Meiryo", "Yu Gothic", "���S�V�b�N", "MS PGothic",sans-serif; */
}

/* description */
.snowmonkeyform-custom .smf-item__description{
    margin-top: 5px;
    margin-bottom: 5px; 
    margin-left: auto;
    padding: 0px !important;
    color:hotpink;
    text-align: right;
}

/* description　スマホ用 */
@media screen and (max-width: 769px) {
    
.snowmonkeyform-custom .smf-item__description{
    text-align: left;
}
}


.snowmonkeyform-custom .smf-item__col.smf-item__col--controls{
    padding: 5px 10px 5px 20px !important;
    height: auto;
    margin:0;
    flex-shrink: 1 !important;
    flex-basis: 10px !important;

}

.snowmonkeyform-custom .smf-text-control__control{

    padding: 3px;
    height: 40px;
    width: 270px;
    font-size: 17px;
    /* transform: translateY(5px); */
}

.snowmonkeyform-custom_address .smf-text-control__control{

    width: 470px;
   
}
.snowmonkeyform-custom .smf-checkboxes-control__control{
    display: flex;
    padding-top: 5px;
}

.snowmonkeyform-custom .smf-checkboxes-control__control .smf-label {
    margin-right: 20px;
}

.snowmonkeyform-custom .smf-select-control__control{
    padding: 5px 25px 5px 10px;
}



/* privacy policy */
.scrollable-content {
    max-height: 300px; 
    width: auto;
    
    overflow-y: scroll; 
    
    padding: 15px;
    
    border: 1px solid #ccc;
}

.snowmonkeyform-custom .smf-item--divider{
    padding: 20px 0px 0px 0px !important;
}

.snowmonkeyform-custom .smf-item--divider .smf-item__col--controls{
    padding: 0px !important;
}

.snowmonkeyform-custom .alignfull {
    width: auto !important;
    left: auto !important;
    
    margin-left: auto !important;
    margin-right: auto !important;
}

/* privacy policy bgcolor */
.snowmonkeyform-custom .smf-item--divider .scrollable-content{
    background-color: white;
}

/* 確認画面でprivacy policyを非表示 */
.snow-monkey-form[data-screen="confirm"] .snowmonkeyform-privacypolicy {
    display: none !important;
}