h2 {
    font-size: 1.5em;
    font-weight: bold;
    padding: 1em 0em 0.5em 0em;
    margin: 0;
}

.page {
    background-color: #eee; 
}

img {
    max-width:100%;
    max-height:100%;
}
.topbanner {
    margin-bottom: 0.5em;
    margin-top: -1.5em;
}
.topbanner {
    margin-left: -1em;
    /* margin-right: -1em; */
    width: calc(100% + 2em);
    max-width: max-content;
}
.kibounouki {
    .fieldname {
        padding-left: 0;
        border-left: none !important;
    }
    span {
        font-weight: normal !important;
    }
} 
/* 点滅 */ 
.blinking{
	-webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
.blinking2 {
	-webkit-animation:blink2 1.0s ease-in-out infinite alternate;
    -moz-animation:blink2 1.0s ease-in-out infinite alternate;
    animation:blink2 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink2{
    0% {background-color: #c7ae3f;}
    100% {background-color: #ff7e3f;}
}
@-moz-keyframes blink2{
    0% {background-color: #c7ae3f;}
    100% {background-color: #ff7e3f;}
}
@keyframes blink2{
    0% {background-color: #c7ae3f;}
    100% {background-color: #ff7e3f;}
}

.pre {
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}

.navbar-brand {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif!important;
    font-size: 1.2em !important;
    color: #fff !important;
    margin-top:0em;
    width:7em;
}
.navbar-brand img {
    height: 1.5em;
}
@media (max-width: 840px) {
    .navbar-brand {
        font-size:1em !important;
    }
}

.vacancy-detail form {
    width: 100%;
}
.amazonmess img {
    vertical-align: middle;
}
.amazonmess div {
    display: inline-block;   
    vertical-align: middle;
}
.payimg {
    position: absolute;
    top: 0.9em;
    right: 4em;
    height: 2.5em;
}
.paymess {
    position: relative;
    display: block;
    padding: 1.25em 0em 1.5em 0em;
    color: #444;
    border-left: none !important;
}

.paymess img {
    vertical-align: middle;
    height: 3.5em;
}
.paymess div {
    display: inline-block;   
    vertical-align: middle;
}

.loginmess {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 28px;
    padding-bottom: 28px;
    text-align: center !important;
}


.welcome {
    font-weight: bold;
    font-size: 1.25em;
    padding: 1em;
}

.loginbox {
    width: 100%;
    padding: 1em 1em 3em 1em;
    margin: auto;
    text-align: center;
}
.loginbox input {
    width: 100px;
}
.loginbox > div {
    text-align: left;
    width: 100%;
    max-width: 320px;
    margin: auto;
    padding: 2em;
    border: 0.5em solid #ccc;
    
}
.loginbox > div input {
    width: 100%;
    
}
.loginbox button {
    padding: 0.5em;
    background-color: #ddd;
    border: 1px solid #aaa;
    border-radius: 0.5em;
}


.ihaimaker {
    background-color: #eee;
    box-sizing: border-box;
    z-index: 1;
    max-width: 1280px;
    padding: 0 1em 0 1em;
    margin: auto;
}
.ihaimaker .image {
    position: relative;
    background-color: #fff;
    display: inline-block;
    vertical-align: top;
    overflow:hidden;
    width: calc(50% - 18.7rem);
    margin: 0px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif!important;
}
.ihaimaker .image img {
    max-width: 100%; 
    max-height: 9999px;
}
.ihaimaker .image .men {
    position: absolute;
    left: 50%;
    top: 25%;
    height: 50%;
    font-size: 0.7em;
    font-weight: bold;
    color: #c7ae3f;
    width: 30%;
    line-height:1em;
}
.ihaimaker .image .menmark {
    position: absolute;
    display: inline-block;
    top: 1em;
}
.ihaimaker .image .menmark img {
    width: 3.5em;
    height: auto;
}

.ihaimaker .image.omote {
    background: url(../img/bg_kumo01.png) no-repeat center center #e3ddbc;
    background-size: cover;
}
.ihaimaker .image.omote .menmark {
    right: 1em;
}

.ihaimaker .image.ura {
    background: url(../img/bg_kumo02.png) no-repeat center center #bccfe3;
    background-size: cover;
}
.ihaimaker .image.ura .menmark {
    left: 1em;
}

/* 裏返しアイコン */

.ihaimaker .image .uragaeshi {
    display: none;
    position: absolute;
    right: 15px;
    bottom: 15px;
    text-align: center;
}
.ihaimaker .image .uragaeshi img {
    width: 45px;
    height: auto;
    filter:alpha(opacity=35);
    -moz-opacity: 0.35;
    opacity: 0.35;
}

@media (max-width: 840px) {
    .ihaimaker .image .uragaeshi {
        display: block;
    }
    .ihaimaker .uragaeshimemo {
        font-size: 0.6em;
        color: #444;
    }
    .ihaimaker .uragaeshimemo.del{
        display: none;
    }
}

.ihaimaker .image .bonji {
    position: absolute;
    top: -1.5em;
    left: -1em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.ihaimaker .image .bonji img {
    width: 3em;
}

.ihaimaker .image .gyo1 {
    position: absolute;
    top: 0;
    left: -30%;
    height: 100%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.ihaimaker .image .gyo2 {
    position: absolute;
    top: 0;
    left: 0em;
    height: 100%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.ihaimaker .image .gyo3 {
    position: absolute;
    top: 0;                
    left: 30%;
    height: 100%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.ihaimaker .image .gyo4 {
    position: absolute;
    top: 0;                
    left: 30%;
    height: 100%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.ihaimaker .image .gyo5 {
    position: absolute;
    top: 0;                
    left: 30%;
    height: 100%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.ihaimaker .image .gyo6 {
    position: absolute;
    top: 0;                
    left: 30%;
    height: 100%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
@media (max-width: 840px) {
    .ihaimaker .image.omote {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        transform: rotateY(0deg);
        opacity: 1;
        transition: transform 300ms 0s linear;
    }
    .ihaimaker .image.ura {
        position: absolute;
        display: block;
        width: calc(100% - 30px);
        height: auto;
        transform: rotateY(180deg);
        opacity: 0;
        transition: transform 300ms 0s linear;
    }
    .ihaimaker .image.omote {
    }
    .ihaimaker .image.ura {
        opacity: 0;
    }
    .ihaimaker.anime1 .image.omote {
        transform: rotateY(90deg);
        opacity: 1;
    }
    .ihaimaker.anime1 .image.ura {
        transform: rotateY(90deg);
        opacity: 0;
    }
    .ihaimaker.anime2 .image.omote {
        transform: rotateY(180deg);
        opacity: 0;
    }
    .ihaimaker.anime2 .image.ura {
        transform: rotateY(0deg);
        opacity: 1;
    }
    .ihaimaker.anime3 .image.omote {
        transform: rotateY(90deg);
        opacity: 0;
    }
    .ihaimaker.anime3 .image.ura {
        transform: rotateY(90deg);
        opacity: 1;
    }
}
@media (max-width: 480px) {
    .ihaimaker .image.ura {
        width: calc(100% - 1.5em); 
    }
}
.issp {
    display: none;
}
.ispc {
    display: none;
}
.ihaimaker .fields .note.ispc {
    display: none;
}
.note.issp {
    color: #967231;
    font-size: 120%;
}
.note a:hover {
    opacity: 0.5;
}
#sizeinp:empty {
    display: none !important;
}
@media (max-width: 480px) {
    .issp {
        display: block;
    }
}
@media (min-width: 481px) {
    .ispc {
        display: block;
    }
    .ihaimaker .fields .note.ispc {
        display: block;
    }
}

/***********************
  フォーム
***********************/
.ihaimaker .formfield {
    display: inline-block;
    padding-left: 1em;
}

.ihaimaker .formfield[name=sonota] {
    white-space: pre-wrap;
}

.ihaimaker .fields {
    display: inline-block;
    text-align: left;
    box-sizing: border-box;
    width: 37rem;
    padding: 1em 1em 4em 2em;
    vertical-align: top;
}
@media (max-width: 840px) {
    .ihaimaker .fields {
        width:100%;
        padding:1em 1em 2em 1em;
    }
}

.ihaimaker .fields.conf {
    position: relative;
    width: calc(50% - 1em);
    padding-bottom: 1em;
}
@media (max-width: 840px) {
    .ihaimaker .fields.conf {
        width:100%;
        padding: 1em 0em 2em 0em;
    }
}
.ihaimaker .field1.layout img {
    height:8em;
    width:8em;
    background-color:#444;
    border-radius: 0.5em;
    margin-left:1em;
    padding: 0.5em;
}
.ihaimaker .field1.bonji img {
    height:8em;
    background-color:#444;
    border-radius: 0.5em;
    margin-left:1em;
    padding: 0.5em;
}

.ihaimaker .fields.address {
    width: calc(50% - 1em);
    padding-bottom: 1em;
    float: left;
}
@media (max-width: 840px) {
    .ihaimaker .fields.address {
        width:100%;
        padding: 2em 0em 2em 0em;
    }
}

.ihaimaker .fields h3 {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif!important;
    border-bottom: 1px solid #c6a261;
    margin-top: 0;
}

#nimei {
    margin-bottom: 1em;
}

.ihaimaker .fields input[type=text]
,.ihaimaker .fields input[type=number]
,.ihaimaker .fields input[type=password]
,.ihaimaker .fields input[type=tel]
,.ihaimaker .fields select
,.ihaimaker .fields textarea {
    border: 1px solid rgba(0, 0, 128, 0.3);
    border-radius: 0.25em;
    padding: 0.25em 0.5em 0.25em 0.5em;
    height: 2em;
    margin: 0em;
}
.ihaimaker .fields input[type=text]:focus
,.ihaimaker .fields input[type=number]:focus
,.ihaimaker .fields input[type=password]:focus
,.ihaimaker .fields select:focus 
,.ihaimaker .fields textarea:focus {
    background-color: #eef;
}
.ihaimaker .fields input.dateerror[type=text]
,.ihaimaker .fields input.dateerror[type=number]
,.ihaimaker .fields input.dateerror[type=password]
,.ihaimaker .fields select.dateerror
,.ihaimaker .fields textarea.dateerror {
    background-color: #fee;
}
.ihaimaker .fields input.musterror[type=text]
,.ihaimaker .fields input.musterror[type=tel]
,.ihaimaker .fields input.musterror[type=date]
,.ihaimaker .fields input.musterror[type=number]
,.ihaimaker .fields input.musterror[type=password]
,.ihaimaker .fields select.musterror
,.ihaimaker .fields span.musterror{
    background-color: #fee;
}

.ihaimaker .fields input[type=text] {
    width: calc(13.5em);
}
.ihaimaker .fields textarea {
    width: 100%;
    height: 5em;
}
.ihaimaker .fields input[type=file] {
    width: 100%;
    vertical-align: middle;
    margin-bottom: 1em;
}

.ihaimaker .fields input[disabled] 
,.ihaimaker .fields select[disabled] {
    background-color: #eee;    
    color: #444;
    border: 1px solid rgba(0, 0, 128, 0.1);
}

.ihaimaker .fields #pcodeinp
,.ihaimaker .fields #sizeinp
,.ihaimaker .fields #priceinp {
    background-color: rgba(0, 0, 0, 0.0001);    
    color: #444;
    border: 0px solid rgba(0, 0, 128, 0.1);
    padding: 0.25em 0.5em 0.25em 0.5em;
}

.ihaimaker  span.dispitem[name=price2]
,.ihaimaker  span.dispitem[name=tprice2]
,.ihaimaker  span.dispitem[name=price3]
,.ihaimaker  span.dispitem[name=price4]
,.ihaimaker  span.dispitem[name=soryo] {
    display: none;
    background-color: rgba(0, 0, 0, 0.0001);    
    color: #000;
    border: 0px solid rgba(0, 0, 128, 0.1);
}

.ihaimaker  span.dispitem.on[name=price2]
,.ihaimaker  span.dispitem.on[name=tprice2]
,.ihaimaker  span.dispitem.on[name=price3]
,.ihaimaker  span.dispitem.on[name=price4]
,.ihaimaker  span.dispitem.on[name=soryo] {
    display: inline;
    background-color: rgba(0, 0, 0, 0.0001);    
    color: #000;
    border: 0px solid rgba(0, 0, 128, 0.1);
}

.ihaimaker .fields .fieldname {
    padding-left: 5px;
    border-left: 5px solid #c6a261;
    margin-bottom: 0.5em;
    font-weight: bold;
}
.ihaimaker .fields .field1 {
    display: inline-block;
    width: 100%;
    padding: 0em 0em 0.2em 0em;
    vertical-align: top;
}

.ihaimaker .fields.conf .ihaiimg {
    position: absolute;
    right: 1em;
    width: 9em;
    background-color: #fff;
    border-radius: 0.5em;
}
@media (max-width: 840px) {
    .ihaimaker .fields.conf .ihaiimg {
        margin-top: 4em;
    }
}
.ihaimaker .fields.conf .ihaiimg img {
    width: 9em;
}

.ihaimaker .fields .field1.half {
    width: 12em;
    max-width: 49%;
    margin-bottom: 2em;
}

.btnorder .waitting {
    height: 1.5em;
}

.ihaimaker .fields .field1 input[name='meinichiy'] 
,.ihaimaker .fields .field1 input[name='meinichim'] 
,.ihaimaker .fields .field1 input[name='meinichid'] {
    width: 3.7em;
}
.ihaimaker .fields .field1 input[name='meinichiy2'] 
,.ihaimaker .fields .field1 input[name='meinichim2'] 
,.ihaimaker .fields .field1 input[name='meinichid2'] {
    width: 3.7em;
}
.ihaimaker .fields .field1 input[name='kazoku'] {
    width: 4.5em;
}
.ihaimaker .fields .field1 input[name='sei']
,.ihaimaker .fields .field1 input[name='mei'] {
    width: 4.5em;
}
.ihaimaker .fields .field1 input[name='sei2']
,.ihaimaker .fields .field1 input[name='mei2'] {
    width: 4.5em;
}
.ihaimaker .fields .field1 input[name='nenrei']
,.ihaimaker .fields .field1 input[name='nenrei2'] {
    width: 4.0em;
}

.ihaimaker .fieldname2 {
    display: inline-block;
    width: 6em;
    text-align: right;
    margin-right: 0.5em;
    color: #444;
}
.ihaimaker .fieldname3 {
    display: inline-block;
    width: 2em;
    text-align: right;
    margin-right: 0.5em;
    color: #444;
}

.ihaimaker .ihaifields {
    display: none;
    vertical-align: middle;    
    max-width: 100%;
}

.ihaimaker .ihaifields .field1 {
    display: inline-block;
    font-weight: bold;
}

.ihaimaker .ihaifields .field1 {
    display: inline-block;
}


.ihaimaker .fields .inparea {
    display: block;
    width:100%;
}
.ihaimaker .fields .field1 input[name='k_zip'] 
,.ihaimaker .fields .field1 input[name='t_zip'] {
    width: 7em;
    margin-bottom: 0.25em;
}
.ihaimaker .fields .field1 select[name='k_pref'] 
,.ihaimaker .fields .field1 select[name='t_pref'] {
    width: 7em;
    margin-bottom: 0.25em;
}
.ihaimaker .fields .field1 input[name='k_add1'] 
,.ihaimaker .fields .field1 input[name='k_add2'] 
,.ihaimaker .fields .field1 input[name='k_add3'] 
,.ihaimaker .fields .field1 input[name='k_tel'] 
,.ihaimaker .fields .field1 input[name='k_mail'] 
,.ihaimaker .fields .field1 input[name='k_mail2'] 
,.ihaimaker .fields .field1 input[name='t_add1'] 
,.ihaimaker .fields .field1 input[name='t_add2'] 
,.ihaimaker .fields .field1 input[name='t_add3'] 
,.ihaimaker .fields .field1 input[name='t_tel'] 
{
    width: calc(100% - 7em);
    margin-bottom: 0.25em;
}
.ihaimaker .fields .field1 input[name='t_onaji'] {
    margin-bottom: 1em;
}

.ihaimaker .fields .field1 input[name='k_sei'] 
,.ihaimaker .fields .field1 input[name='k_mei'] 
,.ihaimaker .fields .field1 input[name='t_sei'] 
,.ihaimaker .fields .field1 input[name='t_mei'] {
    width: 5em;
    margin-bottom: 0.25em;
}

.ihaimaker .fields .field1 table[name='zokumyo'] td {
    background : #eee;
    padding : 0px!important;
}
.ihaimaker .fields .field1 table[name='zokumyo'] td#zokumyo {
    width: 4.8em;
}

.ihaimaker .fields .must {
    display: inline-block;
    font-size: 0.8em;
    color: #a44;
}
.ihaimaker .fields .mustitem {
}

.ihaimaker .fields .note {
    display: inline-block;
    font-size: 1em;
    color: #967231;
    margin-left: 0.5em;
}

.ihaimaker .fields .nouki {
    display: inline-block;
    font-size: 1em;
    color: #967231;
    margin-left: 0.5em;
    margin-top: 0em;
    span {
        font-weight: bold;
    }
}
.ihaimaker .fields .oisogibtn {
    display: block;
    font-size: 1em;
    color: #967231;
    margin-left: 0.5em;
    margin-top: 1em;
    span {
        font-weight: bold;
    }
    button {
        border-radius: 1em;
        border: none;
        background-color: rgba(0,0,0,0);
        padding: 0.25em;
        color: #888;
        text-decoration: underline;
        margin-bottom: 0.5em;
        margin-top: 1em;
    }
    button.gold {
        border-radius: 1em;
        border-left: 1px solid #fff;
        border-top: 1px solid #fff;
        border-right: 1px solid rgba(0, 0, 0, 0.5);
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
        background: radial-gradient(#fff5d6,#fff5d6, #c7ae3f);
        padding: 0.25em 0.75em;
        color: #000;        
        text-decoration: none;
        text-shadow: 0em 0em 0.1em #fff, 0em 0em 0.1em #fff, 0em 0em 0.1em #fff, 0em 0em 0.1em #fff, 0em 0em 0.1em #fff, 0em 0em 0.1em #fff, 0em 0em 0.1em #fff, 0em 0em 0.1em #fff, 0em 0em 0.1em #fff, 0em 0em 0.1em #fff, 0em 0em 0.1em #fff;
        font-weight: bold;
        margin-bottom: 0.5em;
        margin-top: 0em;
    }
}

.ihaimaker .memo {
    font-size: 0.8em;
    color: rgba(0,0,0,0.7);
}

.ihaimaker .orderbox {
    position: relative;
    background-color:#fff;
}
.orderbox {
    max-width: 1280px;
    margin: auto;
}

.center {
    text-align: center;
}

.savebox {
    position: relative;
    background-color:#fff;
    border-bottom: 1px solid #ddd;
    text-align: center;
    max-width: 1280px;
    margin: auto;
}

.clearbox {
    position: relative;
    background-color:#fff;
    text-align: center;
    max-width: 1280px;
    margin: auto;
}

.confbox {
    position: relative;
    background-color:#fff;
    color: #444;
    text-align:center;
    padding: 1em 0 1em 0;
    border-bottom: 1px solid #ddd;
    clear: both;
}
.confbox .messarea {
    display: inline-block;
    width: calc(100% - 250px - 5em);
    text-align: left;
    vertical-align: middle;
    margin-right: 5em;    
    
}

@media (max-width: 480px) {
    .confbox .messarea {
        width: 100%;
    }
}

.confbox .amazonmess {
    display: block;
    color: #444;
    font-weight: bold;
    padding: 0 1em 0.5em 1em;
}
.confbox .creditmess {
    display: block;
    color: #444;
    font-weight: bold;
    padding: 0 1em 0.5em 1em;
}
.confbox .confmess {
    display: block;
    padding: 0 1em 0.5em 1em;
}
@media (min-width: 481px) {
    .confbox .confmess {
        padding: 0 5em 0.5em 1em;
    }
}
.confmess2 {
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1em;
    
}
.confbox .paybutton {
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 480px) {
    .confbox .paybutton {
        float: right;
        margin-right: 1em;
    }
    .confbox {
        padding: 1em 0 5em 0;
    }
    .payimgconf {
        position: absolute;
        top: auto;
        right: auto;
        height: 2.5em;
        margin-left: 2em;
        margin-top: 0.5em;
    }    
}

.changebox {
    position: relative;
    text-align: center;
}

.notice {
    position: relative;
    float:left;
    display: inline-block;
    width: calc(100% - 40rem);
    min-width: 65%;
    color: #cf453f;
    font-size: 1rem;
    padding: 1em;
    text-align: left;
    &.gray {
        color: #444;
    }
}
@media (min-width: 840px) {
    .notice {
        height: 8em;
    }
}

@media (max-width: 840px) {
    .notice {
        font-size: 90%;
        width: 100%;
    }
    .btnnext {
        max-width: 80% !important;
    }
    .btnsave {
        max-width: 80% !important;
    }
    .btnclear {
        max-width: 80% !important;
    }

}
.btnchange2 {
    margin-top: 1em;
    margin-left: 0.5em;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.25em;
}
    
.btnchange {
    display: inline-block;
    width: 30em;
    max-width: 100%;
    font-size: 1.5em;
    padding:0.75em;
    background-color: #c7ae3f;
    color: #fff;
    margin-top:1em;
    margin-bottom:1em;
    text-align:center;
    border-radius: 0.5em;
    cursor: pointer;
    vertical-align: middle;
    box-shadow: 0 -0.1em 0.05em 0 rgba(0, 0, 0, 0.2) inset;
}
.btnchange:hover {
    opacity: 0.7;
}
.btnai2 {
    color: #666;
    text-decoration: underline;
}
.btnai {
    display: inline-block;
    width: 30em;
    max-width: 100%;
    font-size: 1.5em;
    padding:0.75em;
    background-color: #fff;
    color: #67f;
    margin-top:1em;
    margin-bottom:1em;
    text-align:center;
    border-radius: 0.5em;
    cursor: pointer;
    vertical-align: middle;
    box-shadow: 0 -0.1em 0.05em 0 rgba(0, 0, 0, 0.2) inset;
}
.btnai:hover {
    opacity: 0.7;
}
.ainote {
    display: none;
    background-color: #fefefe;
    padding: 0.75em 1em;
    border-radius: 1em;    
    margin-bottom: 1em; 
}
.aiwait {
    display: none;
    background-color: #fefefe;
    padding: 0.75em 1em;
    border-radius: 1em;   
    margin-bottom: 1em; 
}

body.waitai {
    .btnai {
        display:none;
    }
    .aiwait {
        display: block;
    }    
}
body.readai {
    .btnai {
        display:none;
    }
    .ainote {
        display:block;
    }
}

.btntenpu {
    display: inline-block;
    font-size: 1em;
    padding:0.5em;
    font-weight: bold;
    background-color: #ddd;
    color: #000;
    margin: 0.25em;
    text-align:center;
    border-radius: 0.5em;
    cursor: pointer;
    vertical-align: middle;
    box-shadow: 0 -0.2em 0.1em 0 rgba(0, 0, 0, 0.2) inset;
}

.btntenpuclear {
    display: inline-block;
    font-size: 1em;
    padding:0.5em;
    font-weight: bold;
    background-color: #ddd;
    color: #666;
    margin: 0.25em;
    text-align:center;
    border-radius: 0.5em;
    cursor: pointer;
    vertical-align: middle;
    box-shadow: 0 -0.2em 0.1em 0 rgba(0, 0, 0, 0.2) inset;
}

.btnnext {
    display: inline-block;
    width: 38rem;
    max-width: 33%;
    font-size: 1.25em;
    padding:1em;
    font-weight: bold;
    background-color: #cf453f;
    color: #fff;
    margin-top:1em;
    margin-bottom:1em;
    text-align:center;
    border-radius: 0.5em;
    cursor: pointer;
    box-shadow: 0 -0.2em 0.1em 0 rgba(0, 0, 0, 0.2) inset;
}
.btnnext:hover {
    opacity: 0.7;
}

.btnfast {
    display: inline-block;
    width: 38rem;
    max-width: 33%;
    font-size: 1.25em;
    font-weight: bold;
    margin-top:0em;
    margin-bottom:1em;
    text-align:center;
    cursor: pointer;
}
.btnfast img {
    width: 100%;
}

@media (max-width: 840px) {
    .btnfast {
        max-width: 87%;
    }
}
.fastpopup {
    display: none;
    .popupcontents {
        position: fixed;
        width: 30em;
        max-width: 90%;
        background-color: #fff;
        border-radius: 1em;
        padding: 2em;
        font-size. 1.25em;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 112;        
    }
    .popuptitle {
        font-weight: bold;
        text-align: center;
    }
    .popupbg {
        position: fixed;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0,0,0,0.5);
        z-index: 111;        
    }
    span {
        font-weight: bold;
    }
    .buttons {
        text-align: center;
        margin-left: -1em;
        margin-right: -1em;
        .button1 {
            display: inline-block;
            width: 8em;
            background-color: #883;
            font-weight: bold;
            border-radius: 2em;
            font-size: 1.25em;
            padding: 0.5em;
            color: #fff;   
            margin: 2em 0.75em 0em 0.75em;
            cursor: pointer;
        }
    }
}
.fastpopup.show {
    display: block;
}

.savepopup {
    display: none;
    .popupcontents {
        position: fixed;
        width: 30em;
        max-width: 90%;
        background-color: #fff;
        border-radius: 1em;
        padding: 2em;
        font-size. 1.25em;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 112;        
    }
    .popuptitle {
        font-weight: bold;
        text-align: center;
    }
    .popupbg {
        position: fixed;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0,0,0,0.5);
        z-index: 111;        
    }
    span {
        font-weight: bold;
    }
    .buttons {
        text-align: center;
        margin-left: -1em;
        margin-right: -1em;
        .button1 {
            display: inline-block;
            width: 8em;
            background-color: #883;
            font-weight: bold;
            border-radius: 2em;
            font-size: 1.25em;
            padding: 0.5em;
            color: #fff;   
            margin: 2em 0.75em 0em 0.75em;
            cursor: pointer;
        }
    }
}
.savepopup.show {
    display: block;
}

.btnnext:hover {
    opacity: 0.7;
}

.btnsave {
    display: inline-block;
    width: 38rem;
    max-width: 33%;
    font-size: 1.25em;
    padding:1em;
    font-weight: bold;
    background-color: #492;
    color: #fff;
    margin-top:1em;
    margin-bottom:1em;
    text-align:center;
    border-radius: 0.5em;
    cursor: pointer;
    box-shadow: 0 -0.2em 0.1em 0 rgba(0, 0, 0, 0.2) inset;
}
.btnsave:hover {
    opacity: 0.7;
}

.btnclear {
    display: inline-block;
    width: 38rem;
    max-width: 33%;
    font-size: 1.25em;
    padding:1em;
    font-weight: bold;
    background-color: #aaaaaa;
    color: #fff;
    margin-top:1em;
    margin-bottom:1em;
    text-align:center;
    border-radius: 0.5em;
    cursor: pointer;
    box-shadow: 0 -0.2em 0.1em 0 rgba(0, 0, 0, 0.2) inset;
}
.btnclear:hover {
    opacity: 0.7;
}

.btnorder {
    display: inline-block;
    min-width: 200px;
    padding:0.75em;
    font-weight: bold;
    background-color: #cf453f;
    border: 1px solid #a00;
    color: #fff;
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    text-align:center;
    border-radius: 0.3em;
    cursor: pointer;
}
.btnorder:hover {
    opacity: 0.7;
}

.btntodokesaki {
    display: inline-block;
    min-width: 200px;
    padding:0.75em 0.25em 0.75em 0.25em;
    font-weight: bold;
    background-color: #cf453f;
    border: 1px solid #a00;
    color: #fff;
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    text-align:center;
    border-radius: 0.3em;
    cursor: pointer;
}
.btntodokesaki:hover {
    opacity: 0.7;
}

.btndaibiki {
    display: inline-block;
    min-width: 200px;
    max-width: 33%;
    padding: 0.75em 0.25em 0.75em 0.25em;
    font-weight: bold;
    background-color: #35bf3f;
    border: 1px solid #080;
    color: #fff;
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    text-align:center;
    border-radius: 0.3em;
    cursor: pointer;
}
.btndaibiki:hover {
    opacity: 0.7;
}
.btnpaypay {
    display: inline-block;
    min-width: 200px;
    padding: 0.75em 0.25em 0.75em 0.25em;
    font-weight: bold;
    background-color: #f00;
    border: 1px solid #ddd;
    color: #fff;
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    text-align:center;
    border-radius: 0.3em;
    cursor: pointer;
}
.btnpaypay:hover {
    opacity: 0.7;
}
.btnpaidy {
    display: inline-block;
    min-width: 200px;
    padding: 0.75em 0.25em 0.75em 0.25em;
    font-weight: bold;
    background-color: #d2e;
    border: 1px solid #ddd;
    color: #fff;
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    text-align:center;
    border-radius: 0.3em;
    cursor: pointer;
}
.btnpaidy:hover {
    opacity: 0.7;
}


.btnpaid {
    display: inline-block;
    min-width: 200px;
    max-width: 33%;
    padding:0.75em;
    font-weight: bold;
    background-color: #448844;
    border: 1px solid #040;
    color: #fff;
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    text-align:center;
    border-radius: 0.3em;
    cursor: pointer;
}
.btnpaid:hover {
    opacity: 0.7;
}

.btnpaidentry {
    display: inline-block;
    min-width: 200px;
    max-width: 33%;
    padding:0.75em;
    font-weight: bold;
    background-color: #448844;
    border: 1px solid #040;
    color: #fff;
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    text-align:center;
    border-radius: 0.3em;
    cursor: pointer;
}
.btnpaidentry:hover {
    opacity: 0.7;
}

.btnkounyu {
    display: inline-block;
    min-width: 200px;
    max-width: 33%;
    padding:0.75em;
    font-weight: bold;
    background-color: #cf453f;
    border: 1px solid #a00;
    color: #fff;
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    text-align:center;
    border-radius: 0.3em;
    cursor: pointer;
}
.btnkounyu:hover {
    opacity: 0.7;
}
.btnkounyu img {
    height: 1em;
}
.men > div {
    white-space: nowrap;
}
/***********************
  レイアウト別
***********************/
.ihaimaker[layout='1'] .image.omote .bonji { display: inline-block; }
.ihaimaker[layout='1'] .image.omote .gyo1 { display: inline-block; text-align:center; left: 30%; }
.ihaimaker[layout='1'] .image.omote .gyo2 { display: inline-block; text-align:center; left: 0%;  font-size: 125%;}
.ihaimaker[layout='1'] .image.omote .gyo3 { display: inline-block; text-align:center; left: -30%; }
.ihaimaker[layout='1'] .image.omote .gyo4 { display: none; }
.ihaimaker[layout='1'] .image.omote .gyo5 { display: none; }
.ihaimaker[layout='1'] .image.ura   .gyo1 { display: none; }
.ihaimaker[layout='1'] .image.ura   .gyo2 { display: inline-block; text-align:center; left: 0%; }
.ihaimaker[layout='1'] .image.ura   .gyo3 { display: inline-block; text-align:right;  left: -30%; }
.ihaimaker[layout='1'] .image.ura   .gyo4 { display: none; }
.ihaimaker[layout='1'] .image.ura   .gyo5 { display: none; }
.ihaimaker[layout='1'] .image.ura   .gyo6 { display: none; }
.ihaimaker[layout='1'] .memo       { display: none; }
.ihaimaker[layout='1'] #pcodeinp   { display: block; }
.ihaimaker[layout='1'] #sizeinp    { display: block; margin-bottom: 1.0em; margin-top: 1.0em;}
.ihaimaker[layout='1'] #priceinp   { display: inline-block; margin-bottom: 1.0em;}
.ihaimaker[layout='1'] #mojibori   { display: block; margin-bottom: 1.5em;}
.ihaimaker[layout='1'] #nimei      { display: none; }
.ihaimaker[layout='1'] #kazoku     { display: none; }
.ihaimaker[layout='1'] #kaimyo     { display: block; margin-bottom: 1.5em;}
.ihaimaker[layout='1'] #kaimyo2    { display: none; }
.ihaimaker[layout='1'] #meinichi   { display: block; margin-bottom: 1.5em;}
.ihaimaker[layout='1'] #meinichi2  { display: none; }
.ihaimaker[layout='1'] #namae      { display: block; margin-bottom: 1.5em;}
.ihaimaker[layout='1'] #namae2     { display: none; }
.ihaimaker[layout='1'] #nenrei     { display: block; margin-bottom: 1.5em;}
.ihaimaker[layout='1'] #nenrei2    { display: none; }
.ihaimaker[layout='1'] #botsu      { display: inline-block; }
.ihaimaker[layout='1'] #zokumyo    { display: block; }
.ihaimaker[layout='1'] #kaimyomemo { display: block; }

.ihaimaker[layout='2'] .image.omote .bonji { display: inline-block; }
.ihaimaker[layout='2'] .image.omote .gyo1 { display: none; }
.ihaimaker[layout='2'] .image.omote .gyo2 { display: block; text-align:center; left: 0%;  font-size: 125%; }
.ihaimaker[layout='2'] .image.omote .gyo3 { display: none; }
.ihaimaker[layout='2'] .image.omote .gyo4 { display: none; }
.ihaimaker[layout='2'] .image.omote .gyo5 { display: none; }
.ihaimaker[layout='2'] .image.ura   .gyo1 { display: inline-block; text-align:center; left: 30%; }
.ihaimaker[layout='2'] .image.ura   .gyo2 { display: inline-block; text-align:center; left: 0%; }
.ihaimaker[layout='2'] .image.ura   .gyo3 { display: inline-block; text-align:right;  left: -30%; }
.ihaimaker[layout='2'] .image.ura   .gyo4 { display: none; }
.ihaimaker[layout='2'] .image.ura   .gyo5 { display: none; }
.ihaimaker[layout='2'] .image.ura   .gyo6 { display: none; }
.ihaimaker[layout='2'] .memo      { display: none; }
.ihaimaker[layout='2'] #pcodeinp  { display: block; }
.ihaimaker[layout='2'] #sizeinp   { display: block; margin-bottom: 1.0em;}
.ihaimaker[layout='2'] #priceinp  { display: inline-block; margin-bottom: 1.0em;}
.ihaimaker[layout='2'] #mojibori  { display: block; margin-bottom: 1.5em;}
.ihaimaker[layout='2'] #nimei      { display: none; }
.ihaimaker[layout='2'] #kazoku    { display: none; }
.ihaimaker[layout='2'] #kaimyo    { display: block; margin-bottom: 1.5em;}
.ihaimaker[layout='2'] #kaimyo2   { display: none; }
.ihaimaker[layout='2'] #meinichi  { display: block; margin-bottom: 1.5em;}
.ihaimaker[layout='2'] #meinichi2 { display: none; }
.ihaimaker[layout='2'] #namae     { display: block; margin-bottom: 1.5em;}
.ihaimaker[layout='2'] #namae2    { display: none; }
.ihaimaker[layout='2'] #nenrei    { display: block; margin-bottom: 1.5em;}
.ihaimaker[layout='2'] #nenrei2   { display: none; }
.ihaimaker[layout='2'] #botsu     { display: inline-block;}
.ihaimaker[layout='2'] #zokumyo   { display: block; }
.ihaimaker[layout='2'] #kaimyomemo { display: block; }

.ihaimaker[layout='3'] .image.omote .bonji { display: inline-block; }
.ihaimaker[layout='3'] .image.omote .gyo1 { display: inline-block; text-align:center; left: 35%; }
.ihaimaker[layout='3'] .image.omote .gyo2 { display: inline-block; text-align:center; left: 12%; }
.ihaimaker[layout='3'] .image.omote .gyo3 { display: inline-block; text-align:center; left: -12%; }
.ihaimaker[layout='3'] .image.omote .gyo4 { display: inline-block; text-align:center; left: -35%; }
.ihaimaker[layout='3'] .image.omote .gyo5 { display: inline-block; text-align:right;  left: 0%; }
.ihaimaker[layout='3'] .image.ura   .gyo1 { display: inline-block; text-align:right;  left: 35%; }
.ihaimaker[layout='3'] .image.ura   .gyo2 { display: inline-block; text-align:center; left: 12%; }
.ihaimaker[layout='3'] .image.ura   .gyo3 { display: inline-block; text-align:center; left: -12%; }
.ihaimaker[layout='3'] .image.ura   .gyo4 { display: inline-block; text-align:right;  left: -35%; }
.ihaimaker[layout='3'] .image.ura   .gyo5 { display: inline-block; text-align:left;   left: 0%; }
.ihaimaker[layout='3'] .image.ura   .gyo6 { display: none; }
.ihaimaker[layout='3'] .memo      { display: inline-block; }
.ihaimaker[layout='3'] #pcodeinp  { display: inline-block; }
.ihaimaker[layout='3'] #sizeinp   { display: block; margin-bottom: 1.0em;}
.ihaimaker[layout='3'] #priceinp  { display: inline-block; margin-bottom: 1.0em;}
.ihaimaker[layout='3'] #mojibori  { display: block; margin-bottom: 1.5em;}
.ihaimaker[layout='3'] #nimei      { display: block; }
.ihaimaker[layout='3'] #kazoku    { display: none; }
.ihaimaker[layout='3'] #kaimyo    { display: block; }
.ihaimaker[layout='3'] #kaimyo2   { display: block; margin-bottom: 1.5em;}
.ihaimaker[layout='3'] #meinichi  { display: block; }
.ihaimaker[layout='3'] #meinichi2 { display: block; margin-bottom: 1.5em;}
.ihaimaker[layout='3'] #namae     { display: block; }
.ihaimaker[layout='3'] #namae2    { display: block; margin-bottom: 1.5em;}
.ihaimaker[layout='3'] #nenrei    { display: block; }
.ihaimaker[layout='3'] #nenrei2   { display: block; margin-bottom: 1.5em;}
.ihaimaker[layout='3'] #botsu     { display: inline-block; }
.ihaimaker[layout='3'] #zokumyo   { display: block; }
.ihaimaker[layout='3'] #kaimyomemo { display: none; }

.ihaimaker[layout='4'] .image.omote .bonji { display: inline-block; }
.ihaimaker[layout='4'] .image.omote .gyo1 { display: inline-block; text-align:center; left: 15%; }
.ihaimaker[layout='4'] .image.omote .gyo2 { display: inline-block; text-align:center; left: -15%; }
.ihaimaker[layout='4'] .image.omote .gyo3 { display: inline-block; text-align:right;  left: 0%; }
.ihaimaker[layout='4'] .image.omote .gyo4 { display: none; }
.ihaimaker[layout='4'] .image.omote .gyo5 { display: none; }
.ihaimaker[layout='4'] .image.ura   .gyo1 { display: inline-block; text-align: center; left: 35%; }
.ihaimaker[layout='4'] .image.ura   .gyo2 { display: inline-block; text-align: left;  left: 12%; margin-top: 2.5em;}
.ihaimaker[layout='4'] .image.ura   .gyo3 { display: inline-block; text-align: left;   left: 0%; }
.ihaimaker[layout='4'] .image.ura   .gyo4 { display: inline-block; text-align: left;  left: -12%; margin-top: 2.5em;}
.ihaimaker[layout='4'] .image.ura   .gyo5 { display: inline-block; text-align: center; left: -35%; }
.ihaimaker[layout='4'] .image.ura   .gyo6 { display: none; }
.ihaimaker[layout='4'] .memo      { display: inline-block; }
.ihaimaker[layout='4'] #pcodeinp  { display: block; }
.ihaimaker[layout='4'] #sizeinp   { display: block; margin-bottom: 1.0em;}
.ihaimaker[layout='4'] #priceinp  { display: inline-block; margin-bottom: 1.0em;}
.ihaimaker[layout='4'] #mojibori  { display: block; margin-bottom: 1.5em;}
.ihaimaker[layout='4'] #nimei      { display: block; }
.ihaimaker[layout='4'] #kazoku    { display: none; }
.ihaimaker[layout='4'] #kaimyo    { display: block; }
.ihaimaker[layout='4'] #kaimyo2   { display: block; margin-bottom: 1.5em; }
.ihaimaker[layout='4'] #meinichi  { display: block; }
.ihaimaker[layout='4'] #meinichi2 { display: block; margin-bottom: 1.5em; }
.ihaimaker[layout='4'] #namae     { display: block; }
.ihaimaker[layout='4'] #namae2    { display: block; margin-bottom: 1.5em; }
.ihaimaker[layout='4'] #nenrei    { display: block; }
.ihaimaker[layout='4'] #nenrei2   { display: block; margin-bottom: 1.5em; }
.ihaimaker[layout='4'] #botsu     { display: inline-block; }
.ihaimaker[layout='4'] #zokumyo   { display: block; }
.ihaimaker[layout='4'] #kaimyomemo { display: none; }

.ihaimaker[layout='5'] .image.omote .bonji { display: inline-block; }
.ihaimaker[layout='5'] .image.omote .gyo1 { display: inline-block; text-align:center; left: 0%;  font-size: 125%;}
.ihaimaker[layout='5'] .image.omote .gyo2 { display: none; }
.ihaimaker[layout='5'] .image.omote .gyo3 { display: none; }
.ihaimaker[layout='5'] .image.omote .gyo4 { display: none; }
.ihaimaker[layout='5'] .image.omote .gyo5 { display: none; }
.ihaimaker[layout='5'] .image.ura   .gyo1 { display: none; }
.ihaimaker[layout='5'] .image.ura   .gyo2 { display: none; }
.ihaimaker[layout='5'] .image.ura   .gyo3 { display: none; }
.ihaimaker[layout='5'] .image.ura   .gyo4 { display: none; }
.ihaimaker[layout='5'] .image.ura   .gyo5 { display: none; }
.ihaimaker[layout='5'] .image.ura   .gyo6 { display: none; }
.ihaimaker[layout='5'] .memo       { display: none; }
.ihaimaker[layout='5'] #pcodeinp   { display: block; }
.ihaimaker[layout='5'] #sizeinp    { display: block; margin-bottom: 1.0em; margin-top: 1.0em;}
.ihaimaker[layout='5'] #priceinp   { display: inline-block; margin-bottom: 1.0em;}
.ihaimaker[layout='5'] #mojibori   { display: block; margin-bottom: 1.5em;}
.ihaimaker[layout='5'] #nimei      { display: none; }
.ihaimaker[layout='5'] #kazoku     { display: block; margin-bottom: 1.5em; }
.ihaimaker[layout='5'] #kaimyo     { display: none; }
.ihaimaker[layout='5'] #kaimyo2    { display: none; }
.ihaimaker[layout='5'] #meinichi   { display: none; }
.ihaimaker[layout='5'] #meinichi2  { display: none; }
.ihaimaker[layout='5'] #namae     { display: none; }
.ihaimaker[layout='5'] #namae2    { display: none; }
.ihaimaker[layout='5'] #nenrei    { display: none; }
.ihaimaker[layout='5'] #nenrei2   { display: none; }
.ihaimaker[layout='5'] #botsu     { display: none; }
/* レイアウト5（先祖代々之霊位）は裏面に文字を入れないので裏色選択を非表示にして mustitem 必須から外す */
.ihaimaker[layout='5'] .ura-color-row { display: none; }
.ihaimaker[layout='5'] #zokumyo   { display: none; }
.ihaimaker[layout='5'] #kaimyomemo { display: none; }

.ihaimaker[layout='6'] .image.omote .bonji { display: inline-block; }
.ihaimaker[layout='6'] .image.omote .gyo1 { display: block; text-align:center; left: 0%; font-size: 125%; }
.ihaimaker[layout='6'] .image.omote .gyo2 { display: none; }
.ihaimaker[layout='6'] .image.omote .gyo3 { display: none; }
.ihaimaker[layout='6'] .image.omote .gyo4 { display: none; }
.ihaimaker[layout='6'] .image.omote .gyo5 { display: none; }
.ihaimaker[layout='6'] .image.ura   .gyo1 { display: inline-block; text-align:center; left: 20%; }
.ihaimaker[layout='6'] .image.ura   .gyo2 { display: inline-block; text-align:right;  left: -20%; }
.ihaimaker[layout='6'] .image.ura   .gyo3 { display: none; }
.ihaimaker[layout='6'] .image.ura   .gyo4 { display: none; }
.ihaimaker[layout='6'] .image.ura   .gyo5 { display: none; }
.ihaimaker[layout='6'] .image.ura   .gyo6 { display: none; }
.ihaimaker[layout='6'] .memo       { display: none; }
.ihaimaker[layout='6'] #koto      { display: none; }
.ihaimaker[layout='6'] #pcodeinp   { display: block; margin-bottom: 1.0em;}
.ihaimaker[layout='6'] #sizeinp    { display: block; margin-bottom: 1.0em; margin-top: 1.0em;}
.ihaimaker[layout='6'] #priceinp   { display: inline-block; margin-bottom: 1.0em;}
.ihaimaker[layout='6'] #mojibori   { display: block; margin-bottom: 1.5em;}
.ihaimaker[layout='6'] #nimei      { display: none; }
.ihaimaker[layout='6'] #kazoku     { display: none; }
.ihaimaker[layout='6'] #kaimyo     { display: none;}
.ihaimaker[layout='6'] #kaimyo2    { display: none; }
.ihaimaker[layout='6'] #meinichi   { display: block; margin-bottom: 1.5em;}
.ihaimaker[layout='6'] #meinichi2  { display: none; }
.ihaimaker[layout='6'] #namae      { display: block; margin-bottom: 1.5em; }
.ihaimaker[layout='6'] #namae2     { display: none; }
.ihaimaker[layout='6'] #nenrei     { display: block; margin-bottom: 1.5em;}
.ihaimaker[layout='6'] #nenrei2    { display: none; }
.ihaimaker[layout='6'] #botsu      { display: inline-block; }
.ihaimaker[layout='6'] #zokumyo    { display: none; }
.ihaimaker[layout='6'] #kaimyomemo { display: none; }
/* レイアウト6専用の位選択（俗名+位）は layout=6 のみ表示 */
.kurai-zokumyo-row { display: none; }
.ihaimaker[layout='6'] .kurai-zokumyo-row { display: block; }
/* レイアウト6（俗名位牌）は法名（浄土真宗 s10、法華・日蓮 s06/s07/s08）の梵字を選択肢から非表示 */
.ihaimaker[layout='6'] .bonjis .bonji1[bonji='s06'],
.ihaimaker[layout='6'] .bonjis .bonji1[bonji='s07'],
.ihaimaker[layout='6'] .bonjis .bonji1[bonji='s08'],
.ihaimaker[layout='6'] .bonjis .bonji1[bonji='s10'] { display: none !important; }

.ihaimaker[layout='7'] .image.omote .bonji { display: inline-block; }
.ihaimaker[layout='7'] .image.omote .gyo1 { display: inline-block; text-align:center; left: 15%; }
.ihaimaker[layout='7'] .image.omote .gyo2 { display: inline-block; text-align:center; left: -15%; }
.ihaimaker[layout='7'] .image.omote .gyo3 { display: inline-block; text-align:right;  left: 0%; }
.ihaimaker[layout='7'] .image.omote .gyo4 { display: none; }
.ihaimaker[layout='7'] .image.omote .gyo5 { display: none; }
.ihaimaker[layout='7'] .image.ura   .gyo1 { display: inline-block; text-align: center; left: 35%; }
.ihaimaker[layout='7'] .image.ura   .gyo2 { display: inline-block; text-align: left;   left: 12%; }
.ihaimaker[layout='7'] .image.ura   .gyo3 { display: none; }
.ihaimaker[layout='7'] .image.ura   .gyo4 { display: inline-block; text-align: center; left: -12%; }
.ihaimaker[layout='7'] .image.ura   .gyo5 { display: inline-block; text-align: left;   left: -35%; }
.ihaimaker[layout='7'] .image.ura   .gyo6 { display: none; }
.ihaimaker[layout='7'] .memo      { display: inline-block; }
.ihaimaker[layout='7'] #pcodeinp  { display: block; }
.ihaimaker[layout='7'] #sizeinp   { display: block; margin-bottom: 1.0em;}
.ihaimaker[layout='7'] #priceinp  { display: inline-block; margin-bottom: 1.0em;}
.ihaimaker[layout='7'] #mojibori  { display: block; margin-bottom: 1.5em;}
.ihaimaker[layout='7'] #nimei      { display: block; }
.ihaimaker[layout='7'] #kazoku    { display: none; }
.ihaimaker[layout='7'] #kaimyo    { display: block; }
.ihaimaker[layout='7'] #kaimyo2   { display: block; margin-bottom: 1.5em; }
.ihaimaker[layout='7'] #meinichi  { display: block; }
.ihaimaker[layout='7'] #meinichi2 { display: block; margin-bottom: 1.5em; }
.ihaimaker[layout='7'] #namae     { display: block; }
.ihaimaker[layout='7'] #namae2    { display: block; margin-bottom: 1.5em; }
.ihaimaker[layout='7'] #nenrei    { display: block; }
.ihaimaker[layout='7'] #nenrei2   { display: block; margin-bottom: 1.5em; }
.ihaimaker[layout='7'] #botsu     { display: inline-block; }
.ihaimaker[layout='7'] #zokumyo   { display: block; }
.ihaimaker[layout='7'] #kaimyomemo { display: none; }

.ihaimaker #pcode   { display: block; margin-bottom: 1.5em;}
.ihaimaker #size    { display: block; margin-bottom: 6em;}
.ihaimaker #imgmess    { display: block; margin-bottom: 2em;}
.ihaimaker #pcode2   { display: block; margin-bottom: 1em;}
.ihaimaker #size2    { display: block; margin-bottom: 1em;}

/***********************
  レイアウト・梵字リスト
***********************/

.lists {
    position: relative;
    text-align: right;
    margin-top: -1em;
    z-index: 100;
    overflow: hidden;
}
.lists .title {
    display: inline-block;
    padding: 0.5em 1.5em 0.5em 1.5em;
    border-radius: 0.5em 0.5em 0 0;
    text-align: center;
    font-weight: bold;
}
.lists .layouttitle {
    background-color: #666;
    color: #fff;
    height: 3em;
}
.lists.layoutopen .layouttitle {
    background-color: #333;
    color: #fff;
    height: 3em;
}
.lists .bonjititle {
    background-color: #666;
    color: #fff;
    height: 3em;
    margin-right: 15px;
}
.lists.bonjiopen .bonjititle {
    background-color: #333;
    color: #fff;
    margin-right: 15px;
}

.layouts {
    position: relative;
    display: block;
    white-space: nowrap;
    height: 0em;
    overflow: auto;
    transition: all 300ms 0s ease;
    background-color: #333;
    word-break: keep-all;
    box-sizing: content-box;
    text-align: center;
}
.lists.layoutopen .layouts {
    padding: 0.5em 0.5em 0em 0.5em;
    height: 12.3em;
}

.bonjis {
    position: relative;
    display: block;
    white-space: nowrap;
    height: 0em;
    overflow: auto;
    transition: all 300ms 0s ease;
    background-color: #333;
    word-break: keep-all;
    box-sizing: content-box;
    text-align: center;
}
.lists.bonjiopen .bonjis {
    padding: 0.5em 0.5em 0em 0.5em;
    height: 12.3em;
}

.lists .prev {
    position: absolute;
    background-color: rgba(0,0,0,0.1);
    left: -0.5em;
    top: 6em;
    padding: 0.25em 0em 0.25em 0.35em;
    margin-top: -1em;
    font-size: 1.5em;
    border-radius: 0.25em;
    color: #ddd;
    z-index: 1;
    img {
        width: 25px;
        height: 25px;
    }
}

.lists .next {
    position: absolute;
    background-color: rgba(0,0,0,0.1);
    right: -0.5em;
    top: 6em;
    padding: 0.25em 0.35em 0.25em 0em;
    margin-top: -1em;
    font-size: 1.5em;
    border-radius: 0.25em;
    color: #ddd;
    z-index: 1;
    img {
        width: 25px;
        height: 25px;
    }
}

.layout1 {
    display: inline-block;
    background-color: #515151;
    white-space: normal;
    width: 11em;
    height: 11em;
    padding: 1em;
    margin: 0 0.5em;
    border-radius: 0.7em;
    box-sizing: border-box;
    transition: opacity 100ms 0s ease;
}
.layout1 img {
    width:100%;
    height:100%;
}
 
.layout1.selected {
    background-color: #5f5541;
}

.bonji1 {
    display: inline-block;
    background-color: #515151;
    white-space: normal;
    width: 9em;
    height: 11em;
    padding: 1em;
    margin: 0 0.5em;
    border-radius: 0.7em;
    box-sizing: border-box;
    transition: opacity 100ms 0s ease;
}
.bonji1 img {
    width:100%;
    height:100%;
}
.bonji1.selected {
    background-color: #5f5541;
}

/* .ihaimaker の layout/bonji 属性で表示を制御 */
.ihaimaker .layout1 { display: none !important; }
.ihaimaker[layout="1"] .layout1[layout="1"],
.ihaimaker[layout="2"] .layout1[layout="2"],
.ihaimaker[layout="3"] .layout1[layout="3"],
.ihaimaker[layout="4"] .layout1[layout="4"],
.ihaimaker[layout="5"] .layout1[layout="5"],
.ihaimaker[layout="6"] .layout1[layout="6"],
.ihaimaker[layout="7"] .layout1[layout="7"] { display: inline-block !important; }

.ihaimaker .bonji1 { display: none !important; }
.ihaimaker[bonji="0"] .bonji1[bonji="0"],
.ihaimaker[bonji="1"] .bonji1[bonji="1"],
.ihaimaker[bonji="2"] .bonji1[bonji="2"],
.ihaimaker[bonji="3"] .bonji1[bonji="3"],
.ihaimaker[bonji="4"] .bonji1[bonji="4"],
.ihaimaker[bonji="5"] .bonji1[bonji="5"],
.ihaimaker[bonji="6"] .bonji1[bonji="6"],
.ihaimaker[bonji="7"] .bonji1[bonji="7"],
.ihaimaker[bonji="8"] .bonji1[bonji="8"],
.ihaimaker[bonji="s01"] .bonji1[bonji="s01"],
.ihaimaker[bonji="s02"] .bonji1[bonji="s02"],
.ihaimaker[bonji="s03"] .bonji1[bonji="s03"],
.ihaimaker[bonji="s04"] .bonji1[bonji="s04"],
.ihaimaker[bonji="s05"] .bonji1[bonji="s05"],
.ihaimaker[bonji="s06"] .bonji1[bonji="s06"],
.ihaimaker[bonji="s07"] .bonji1[bonji="s07"],
.ihaimaker[bonji="s08"] .bonji1[bonji="s08"],
.ihaimaker[bonji="s09"] .bonji1[bonji="s09"],
.ihaimaker[bonji="s10"] .bonji1[bonji="s10"],
.ihaimaker[bonji="s11"] .bonji1[bonji="s11"],
.ihaimaker[bonji="s12"] .bonji1[bonji="s12"] { display: inline-block !important; }

.ihailist {
    display: block;
}
.ihailist .ihai1 {
    display: inline-block;
}
.ihailist img {
    height: 5em;
}

.checkimage {
    position: fixed;
    display: none;
    right: 1em;
    bottom: 1em;
    background-color: rgba(255,0,0, 0.7);
    color: #fff;
    padding: 1em;
    border-radius: 50%;
    text-align:center;
    z-index:100;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */      
}
body.viewcheckimage .checkimage {
    display: block;
}
/* タブ　アイコン
---------------------------- */
.lists .tab-icon {
  height: 20px;
  width: auto;
}



/* 麗光堂　ロゴ
---------------------------- */
.logo-reikodo {
  width: 180px;
  height: auto;
}
@media (max-width: 480px) {
  .logo-reikodo {
    width: 150px;
    height: auto;
  }
}

/*    left: calc(50% - 0.5em); */

.ihaimaker[pcode='1'] .image .men {
    height: 14em;
}
.ihaimaker[pcode='4'] .image .men {
    height: 14em;
}
.ihaimaker[pcode='6'] .image .men {
    height: 14em;
}
.ihaimaker[pcode='7'] .image .men {
    height: 14em;
}
.ihaimaker[pcode='8'] .image .men {
    height: 14em;
}
.ihaimaker[pcode='9'] .image .men {
    left: calc(48.5% - 0.5em);
    height: 13em;
}
.ihaimaker[pcode='10'] .image .men {
    left: calc(49% - 0.5em);
    height: 13em;
}
.ihaimaker[pcode='12'] .image .men {
    bottom: 44%;
    height: 15em;
}
.ihaimaker[pcode='14'] .image .men {
    left: calc(50.8% - 0.5em);
}
.ihaimaker[pcode='19'] .image .men {
    left: calc(50.7% - 0.5em);
}
.ihaimaker[pcode='20'] .image .men {
    left: calc(50.7% - 0.5em);
}
.ihaimaker[pcode='21'] .image .men {
    left: calc(50.7% - 0.5em);
}
.ihaimaker[pcode='22'] .image .men {
    left: calc(49.2% - 0.5em);
    bottom: 44%;
}

.ihaimaker[pcode='33K'] .image .men {
    height: 14em;
}

.ihaimaker[moji='W'] .image .men {
    color: #eee;
}
.ihaimaker[umoji='R'] .image .men.ura {
    color: #e40;
}
.ihaimaker[umoji='W'] .image .men.ura {
    color: #eee;
}
.ihaimaker[moji='W'] .image .men img {
    filter: grayscale(100%) brightness(120%);
}
.setumei {
    max-width: 1280px;
    padding: 0 0em 0 0em;
    background-color: #fff;
    margin: auto;
}

.setumei a:link {
    text-decoration: underline!important;
    color: #46f;
}    
.setumei a:link strong {
    text-decoration: underline!important;
    color: #46f;
}

/***********************
  エントリー
***********************/
.userentry {
    width: 1024px;
    max-width: 100%;
    margin: auto;
}
.userentry .formfield {
    display: inline-block;
    padding-left: 1em;
}

.userentry .formfield[name=sonota] {
    white-space: pre-wrap;
}

.userentry .fields {
    display: inline-block;
    text-align: left;
    box-sizing: border-box;
    width: 40rem;
    padding: 1em 1em 4em 2em;
    vertical-align: top;
}
@media (max-width: 840px) {
    .userentry .fields {
        width:100%;
        padding:1em 0em 2em 0em;
    }
}

@media (max-width: 840px) {
    .userentry .fields.conf {
        width:100%;
        padding: 1em 0em 2em 0em;
    }
}
.userentry .field1.layout img {
    height:8em;
    width:8em;
    background-color:#444;
    border-radius: 0.5em;
    margin-left:1em;
    padding: 0.5em;
}
.userentry .field1.bonji img {
    height:8em;
    background-color:#444;
    border-radius: 0.5em;
    margin-left:1em;
    padding: 0.5em;
}

.userentry .fields.address {
    width: 100%;
    padding-bottom: 1em;
    margin: auto;
}
@media (max-width: 840px) {
    .userentry .fields.address {
        width:100%;
        padding: 2em 0em 2em 0em;
    }
}

.userentry .fields h3 {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif!important;
    border-bottom: 1px solid #c6a261;
    margin-top: 0;
}


.userentry .fields input[type=text]
,.userentry .fields input[type=number]
,.userentry .fields input[type=password]
,.userentry .fields select
,.userentry .fields textarea {
    border: 1px solid rgba(0, 0, 128, 0.3);
    border-radius: 0.25em;
    padding: 0.25em 0.5em 0.25em 0.5em;
    height: 2em;
    margin: 0em;
}
.userentry .fields input[type=text]:focus
,.userentry .fields input[type=number]:focus
,.userentry .fields input[type=password]:focus
,.userentry .fields select:focus 
,.userentry .fields textarea:focus {
    background-color: #eef;
}
.userentry .fields input.dateerror[type=text]
,.userentry .fields input.dateerror[type=number]
,.userentry .fields input.dateerror[type=password]
,.userentry .fields select.dateerror
,.userentry .fields textarea.dateerror {
    background-color: #fee;
}
.userentry .fields input.musterror[type=text]
,.userentry .fields input.musterror[type=number]
,.userentry .fields input.musterror[type=password]
,.userentry .fields input.musterror[type=radio]+label
,.userentry .fields select.musterror
,.userentry .fields span.musterror{
    background-color: #fee;
}
.userentry .fields input.ruleerror[type=text]
,.userentry .fields input.ruleerror[type=number]
,.userentry .fields input.ruleerror[type=password]
,.userentry .fields input.ruleerror[type=radio]+label
,.userentry .fields select.ruleerror
,.userentry .fields span.ruleerror{
    background-color: #fee;
}

.userentry .fields input[type=text] {
    width: calc(13.5em);
}
.userentry .fields textarea {
    width: 100%;
    height: 5em;
}
.userentry .fields input[type=file] {
    width: 100%;
    vertical-align: middle;
    margin-bottom: 1em;
}

.userentry .fields input[disabled] 
,.userentry .fields select[disabled] {
    background-color: #eee;    
    color: #444;
    border: 1px solid rgba(0, 0, 128, 0.1);
}

.userentry .fields #pcodeinp
,.userentry .fields #sizeinp
,.userentry .fields #priceinp {
    background-color: rgba(0, 0, 0, 0.0001);    
    color: #444;
    border: 0px solid rgba(0, 0, 128, 0.1);
    padding: 0.25em 0.5em 0.25em 0.5em;
}

.userentry  span.dispitem[name=price2]
,.userentry  span.dispitem[name=tprice2]
,.userentry  span.dispitem[name=price3]
,.userentry  span.dispitem[name=price4]
,.userentry  span.dispitem[name=soryo] {
    display: none;
    background-color: rgba(0, 0, 0, 0.0001);    
    color: #444;
    border: 0px solid rgba(0, 0, 128, 0.1);
}

.userentry  span.dispitem.on[name=price2]
,.userentry  span.dispitem.on[name=tprice2]
,.userentry  span.dispitem.on[name=price3]
,.userentry  span.dispitem.on[name=price4]
,.userentry  span.dispitem.on[name=soryo] {
    display: inline;
    background-color: rgba(0, 0, 0, 0.0001);    
    color: #444;
    border: 0px solid rgba(0, 0, 128, 0.1);
}

.userentry .fields .fieldname {
    padding-left: 5px;
    border-left: 5px solid #c6a261;
    margin-bottom: 0.5em;
    font-weight: bold;
}
.userentry .fields .field1 {
    display: inline-block;
    width: 100%;
    padding: 0em 0em 0.2em 0em;
    vertical-align: top;
}

.userentry .fields.conf .ihaiimg {
    position: absolute; 
    right: 1em;
    width: 9em;
    background-color: #fff;
    border-radius: 0.5em;
}
.userentry .fields.conf .ihaiimg img {
    width: 9em;
}

.userentry .fields .field1.half {
    width: 12em;
    max-width: 49%;
    margin-bottom: 2em;
}

.btnorder .waitting {
    height: 1.5em;
}

.userentry .fields .field1 input[type=text] {
    width: 15em;
    max-width: 100%;
}

.userentry .fields .field1 input[name='代表者名姓'] 
,.userentry .fields .field1 input[name='代表者名名'] 
,.userentry .fields .field1 input[name='代表者名姓カナ'] 
,.userentry .fields .field1 input[name='代表者名名カナ'] 
,.userentry .fields .field1 input[name='担当者名姓'] 
,.userentry .fields .field1 input[name='担当者名名'] 
,.userentry .fields .field1 input[name='担当者名姓カナ'] 
,.userentry .fields .field1 input[name='担当者名名カナ'] 
 {
    width: 6em;
}
.userentry .fields .field1 input[name='郵便番号'] 
{
    width: 8em;
}

.userentry .fields .field1 input[name='住所1'] 
,.userentry .fields .field1 input[name='住所2'] 
{
    width: 30em;
}

.userentry .fieldname2 {
    display: inline-block;
    width: 6em;
    text-align: right;
    margin-right: 0.5em;
    color: #444;
}
.userentry .fieldname3 {
    display: inline-block;
    width: 2em;
    text-align: right;
    margin-right: 0.5em;
    color: #444;
}

.userentry .ihaifields {
    display: inline-block;
    vertical-align: middle;    
    max-width: 100%;
}

.userentry .ihaifields .field1 {
    display: inline-block;
    font-weight: bold;
}

.userentry .ihaifields .field1 {
    display: inline-block;
}


.userentry .fields .inparea {
    display: block;
    width:100%;
}

.userentry .fields span.must {
    display: inline-block;
    font-size: 0.8em;
    color: #a44;
}

.userentry .fields .note {
    display: inline-block;
    font-size: 1em;
    color: #967231;
    margin-left: 0.5em;
}

.userentry .memo {
    font-size: 0.8em;
    color: rgba(0,0,0,0.7);
}

.userentry .orderbox {
    position: relative;
    background-color:#fff;
}


.confirm_message {
    display: none;
    font-size: 1em;
    padding: 0.25em;
    line-height: 1.25em;
    margin-bottom: 1em;
}
.form_confirm .confirm_message {
    display: block;
}
.input_message {
    font-size: 1em;
    padding: 0.25em;
    line-height: 1.25em;
    margin-bottom: 1em;
}
.form_confirm .input_message {
    display: none;
}
button.btnconfirm {
    display: none;
}
button.btnupdate {
    display: inline-block;
}

.confirmvalid button.btnconfirm {
    display: inline-block;
}
.confirmvalid button.btnupdate {
    display: none;
}
.confirmvalid.form_confirm button.btnupdate {
    display: inline-block;
}
.confirmvalid.form_confirm button.btnconfirm {
    display: none;
}

.form_confirm .fields input[type=text] 
,.form_confirm .fields input[type=number]
,.form_confirm .fields input[type=password] {
    background-color: rgba(0,0,0,0) !important;
    padding: 0.25em 0.25em 0.25em 2em;
    border: 0;
    line-height: 1em;
    height: 1.5em;
}
.form_confirm .fields textarea {
    background-color: rgba(0,0,0,0) !important;
    padding: 0.25em 0.25em 0.25em 2em;
    border: 0;
    line-height: 1em;
    height: 1.5em;
}
.form_confirm .fields select {
    background-color: rgba(0,0,0,0) !important;
    padding: 0.25em 0.25em 0.25em 2em;
    border: 0;
    line-height: 1em;
    height: 1.5em;

}
.form_confirm .fields input[type=radio] {
    display: none;
}
.form_confirm .fields input[type=radio]+label {
    display: none;
}
.form_confirm .fields input[type=radio]:checked+label {
    display: inline-block;
}
.form_confirm .data.file {
    display: none;
}
.form_confirm input[type=file]+i {
    display: none;
}

body.kakakuoff .ihaimaker #priceinp 
,body.kakakuoff .ihaimaker span.dispitem.on[name=price2] 
,body.kakakuoff .ihaimaker span.dispitem.on[name=tprice2] 
,body.kakakuoff .ihaimaker span.dispitem.on[name=price3] 
,body.kakakuoff .ihaimaker span.dispitem.on[name=price4] {
    display: none;
}
body.kakakuoff .popup .kikaku1 .price {
    display: none;
}
body.kakakuoff .popup .kikaku1 .tprice {
    display: none;
}
body.kakakuoff .kakakudisplay {
    display: none  !important;
}            

#savedlist {
    position: relative;
    width: 100%;
}
            
#savedlist th {
    padding: 0.5em;
}            
#savedlist td {
    white-space: nowrap;
}
#savedlist .operation a {
    margin-left: 5px;
    margin-right: 5px;
}
#savedlist h2 {
}
#savedlist .paging {
    position: absolute;
    right:0;
    top: -2.5em;
    white-space: nowrap;
}
#savedlist .paging .nowpage {
    display: inline-block;
}
#savedlist .record .seisaku {
    display: none;
}
#savedlist .record .hassou {
    display: none;
}
#savedlist .record[key2="決済完了"] .seisaku {
    display: inline-block;
    color: #800;
}
#savedlist .record[key2="完了"] .hassou {
    display: inline-block;
    color: #080;
}