/* --sb_layout.css -- */
.pane-main {
    margin: 0 20px;
}

@font-face {
	font-family: 'NotoSansJP-Regular';
	font-style: normal;
	font-weight: 100;
	src: url('/css/sws/usr/fonts/NotoSansJP-Regular.woff') format('woff');
}
body {
    font-family: "NotoSansJP-Regular","Lato", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN", Meiryo, \30e1\30a4\30ea\30aa, "MS PGothic", sans-serif;
}

.block-inquiry--customer-name {
    display: none !important;
}

select.block-inquiry--subject {
    height: 50px;
    width: 100%;
    border-radius: 0px;
}

.block-inquiry--order-id input[type="text"] {
    height: 50px;
    width: 100%;
    border-radius: 0px;
}

input[type="tel"] {
    height: 50px;
    width: 100%;
    border-radius: 0px;
}

input#mail {
    height: 50px;
    width: 100%;
    border-radius: 0px;
}


.block-inquiry--name .form-control {
    display: flex;
    height: 50px;
}

label.block-inquiry--name-label {
    display: none;
}

p.help-block {
    display: none;
}

.block-inquiry--name .form-control input {
    width: 100%;
    height: 50px;
    border-radius: 0px;
}
/*-- sb_block_customer.css --*/
h1.block-inquiry--header {
    text-align: center;
    margin: 28px 0px 40px !important;
    font-size: 20px;
}

.block-inquiry--message {
    font-size: 14px;
    text-align: left;
    width: 335px;
    height: 48px;
    text-align: left;
    font: normal normal normal 14px/28px "NotosansJP-Regular";
    color: #333333;
    opacity: 1;
    margin-bottom: 38px;
}

input.btn.btn-default.block-inquiry--forward {
    background-color: #fff;
    color: #888;
    border: solid 1px;
    border-radius: 0px;
    display: flex;
    text-align: center;
    justify-content: center;
    margin: 0 auto;
}

textarea {
    border-radius: 0px;
}

input[type="text"][name="name"] {
    margin-right: 5px;
}

input[type="text"][name="name2"] {
    margin-left: 5px;
}

.required:after {
    color: #D10000;
    font-weight: normal !important;
    background-color: #fff;
    content: "※必須";
    position: absolute;
    transform: translateY(7px);
}

/*-- sb_base.css --*/
.fieldset-vertical .form-label label {
    top: 348px;
    left: 20px;
    width: 112px;
    height: 20px;
    text-align: left;
    font: normal normal normal 14px/36px "NotosansJP-Regular";
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
}
/*-- sb_base_form.css --*/
.fieldset-vertical .form-label, .fieldset-vertical .constraint {
    margin: 8px 0 0px 0 !important;
}

/*-- sb_block.css --*/
.form-control select {
    background: unset;
}

.block-inquiry--subject::before {
    position: relative;
    margin: 0em 0em 0em 0em;
    float: left;
    pointer-events: none; 
    position: absolute;
    color: #666666;
    right: 4em;
    transform: translateY(70px); 
    content: "▼";
    z-index: 100;
}

h1.block-inquiry-completed--header {
    text-align: center;
}

input#cmail {
    height: 50px;
    width: 100%;
    border-radius: 0px;
}