.infoOutputArea {
}

.headerloginBtns {
    width: 44.91869918%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.headerloginBtns__item {
    font-size: 14px;
}

.headerloginBtns__link {
    color: #23BDEA;
    padding: 0 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.headerloginBtns__link:hover > .headerloginBtns__text {
    text-decoration: underline;
}
.headerloginBtns__icon {
    font-size: 24px;
    margin-right: 5px;
}
.headerloginBtns__text--bk {
    color: #000;
}
.areaTitle {
    font-size: 24px;
    color: #000;
    border-bottom: 1px solid #707070;
    padding: 0 0 15px;
    margin-bottom: 20px;
}
.detailList {
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.detailList__item {
    font-size: 14px;
    margin-bottom: 5px;
}
.dList__itemName {

}
.dList__itemValue {

}
.itemValue--price {
    font-weight: bold;
}
.totalArea {
    border-bottom: 2px solid #000;
    padding: 5px 0 5px;
    margin-bottom: 20px;
}
.total__title {
    text-align: left;
    font-size: 18px;
    color: #000;
    font-weight: bold;
}
.total__value {
    text-align: right;
    font-size: 28px;
    color: #000;
    font-weight: bold;
}
.odrBtn {
    appearance: none;
    outline: none;
    border: none;
    cursor: pointer;
    width: 100%;
    display: block;
    background-color: #434E64;
    color: #FFF;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    padding: 5px;
    transition: 0.3s background ease;
}
.odrBtn--update {
    font-weight: bold;
    padding: 10px 0;
    margin-bottom: 20px;
    background-color: #434E64;
}
.odrBtn--update:hover {
    background-color: #5B6D92;
}
.odrBtn--update:active {
    animation: odrBtn1 0.3s ease;
}
@keyframes odrBtn1 {
    0%   { box-shadow: 0px 0px 0px #434E64; }
    50%  { box-shadow: 0px 0px 10px #434E64; }
    100% { box-shadow: 0px 0px 0px #434E64; }
}
.odrBtn--fileup {
    font-weight: bold;
    padding: 18px 0;
    font-size: 16px;
    margin-bottom: 20px;
    background-color: #FF5E00;
}
.odrBtn--fileup:hover {
    background-color: #FF8F4D;
}
.odrBtn--fileup:active {
    animation: odrBtn2 0.3s ease;
}
@keyframes odrBtn2 {
    0%   { box-shadow: 0px 0px 0px #FF5E00; }
    50%  { box-shadow: 0px 0px 10px #FF5E00; }
    100% { box-shadow: 0px 0px 0px #FF5E00; }
}

.odrBtn--plicelist {
    font-weight: bold;
    padding: 8px 0;
    font-size: 14px;
    margin-right: 30px;
    background-color: #00A1E9;
    width: calc(50% - 15px);
}
.odrBtn--plicelist:hover {
    background-color: #62B8DE;
}
.odrBtn--plicelist:active {
    animation: odrPlicelist 0.3s ease;
}

.w100btn {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}

@keyframes odrPlicelist {
    0%   { box-shadow: 0px 0px 0px #00A1E9; }
    50%  { box-shadow: 0px 0px 10px #00A1E9; }
    100% { box-shadow: 0px 0px 0px #00A1E9; }
}

.odrBtn--getStarted_1 {
    font-weight: bold;
    padding: 8px 0;
    font-size: 14px;
    width: calc(50% - 15px);
    background-color: #FF5E00;
}
.odrBtn--getStarted_1:hover {
    background-color: #FF8F4D;
}
.odrBtn--getStarted_1:active {
    animation: odrBtnGetStarted_1 0.3s ease;
}
@keyframes odrBtnGetStarted_1 {
    0%   { box-shadow: 0px 0px 0px #FF5E00; }
    50%  { box-shadow: 0px 0px 10px #FF5E00; }
    100% { box-shadow: 0px 0px 0px #FF5E00; }
}

.odrBtn--getStarted_2 {
    font-weight: bold;
    padding: 16px 0;
    font-size: 24px;
    width: 50%;
    max-width: 250px;
    margin: 0 auto;
    background-color: #FF5E00;
}
.odrBtn--getStarted_2:hover {
    background-color: #FF8F4D;
}
.odrBtn--getStarted_2:active {
    animation: odrBtnGetStarted_1 0.3s ease;
}

.noMaxWidth {
	max-width: none;
}
.noMaxWidth80p {
	max-width: none;
	width: 80%;
}
@media screen and (max-width: 767px) {
    .headerloginBtns {
        width: 100%;
        justify-content: stretch;
        border-bottom: 1px solid #DDD;
        border-top: 1px solid #DDD;
        height: auto;
        float: none;
        padding: 10px 20px;
    }

    .headerloginBtns__link {
        padding: 0;
    }

    .headerloginBtns__item {
        flex: 1 1 50%;
        justify-content: center;
        display: flex;
    }
}



/* モーダルCSS */
.modalArea {
	display: none;
	position: fixed;
    z-index: 15000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.modalBg {
	width: 100%;
	height: 100%;
	background-color: rgba(30,30,30,0.9);
}

.modalWrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	width: 70%;
	max-width: 500px;
	padding: 10px 10px;
	background-color: transparent;
}

.closeModal {
    position: absolute;
    top: 0px;
    right: 1rem;
    cursor: pointer;
    color: #FFF;
    font-size: 30px;
}



.priceTtl--orderInput {
	font-size: 20px;
    padding: 10px;
    margin-bottom: 30px;
}