@charset "UTF-8";
/* CSS Document */


@media screen and (min-width: 1280px){
.container {max-width: 960px;width: 960px;}}

.wrp {}
#logo img {max-width: 210px;}
.mgb3 {margin-bottom: 3em;}
.box {padding-left: 3rem; padding-right: 3rem; padding-bottom: 3rem;}
img.ph {max-width: 45%;}

h4.comment { display: block; text-align: center; margin: 3em auto; font-weight: bold; font-size: .9375rem;}
h4.comment i {display: block; margin: .5em auto; position: relative; background-color:hsl(204, 86%, 53%); border-radius: 6em; width: 3.8em; height: 3.8em;}
h4.comment i img {max-width: 1.8em; max-height: 1.8em; margin:auto auto; position: absolute; top: 50%;left: 50%;
transform: translate(-50%,-50%);}

.btnbox {display: table; width: 100%; margin-bottom: 1rem; text-align: center;}
.btnbox .half { display: block; margin: 0 auto; width: 50%; min-width: 10em;}

p.txtC {text-align: center;}

form {margin-top: 2rem;}
/*** form ***/
.button, .input, .textarea, .select select, .file-cta, .file-name, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis {    font-size: .9375rem;}
.field {position: relative; width: 98%; margin: 0 auto;padding-left: 2%;}
.field.required::before { content: "*" ; color: #df4525; position: absolute; left: -.3em; top: 1.1em; font-size: 1.625rem; font-weight: bold;}

span.required {display: inline-block;color: #df4525;font-size: 1.625rem; font-weight: bold;margin-bottom: -.5em;}
.is-grouped {width: 100%;display: flex;justify-content: flex-start;}
.is-grouped > .control:not(:last-child) {margin-bottom: 0;margin-right: 0.75rem;}
.half {width:48%; margin-right: 2%;}
.input.half {width:48%; margin-right: 2%;}
.input.half:nth-child(2n) {margin-right: 0;}
.label {font-size: .875rem;}
.label:not(:last-child) {margin-bottom: 0.3em;}
.error,.select select.error { border-color: #df4525; border-width: 2px;}
.error_txt {font-size: .75rem; color: #df4525;}

.button {min-width: 8em;}
.button .icon.is-small {
    height: .6rem;
    width: .6rem;    margin-left: .5em !important;}
.button:hover {opacity: 0.7;}
.button .icon {display: -webkit-box;
display: -webkit-flex;
display: inline-flex;}
.button.is-gray {
    background-color: #898989;
    border-color: transparent;
    color: #f5f5f5;}

.field.search { margin: 2rem auto;}
.field.search input.box-shadow {box-shadow:0px 0px 10px rgba(0, 0, 0, 0.4);;}
.icon_search {position: absolute; right: .3em; top: .5em; width: 2.5em;}
.icon_search img {max-height: 1.2em;}
.btn_search { position: absolute; right: .2em; top: 0; width: 4em; height: 100%; z-index: 20; background-color: transparent; color: transparent; border: 0 !important;}

.select.width-full {width: 100%;}
.select.width-full select {width: 100%;}
.birth_box {display: flex;}
.birth_box .select { margin-right: .2em;}
.year {width: 33%;}
.month {width: 30%;}
.day {width: 30%;}
.birth_box  select, .prefectures select {width:100%;}
p.disabled { color:#666666; padding-left: .4em;}



input[type="radio"] { margin-right: .2em;}
input.input.price_text { text-align: right !important; font-size: 1.5rem;}

label {-webkit-tap-highlight-color: transparent;}


@media screen and (max-width: 768px){
.box {padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem;}
.breadcrumb ul {padding-left: 1em;}
}