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

/* ---------------------------------------------------------------------

	お急ぎ便！＜検索画面＞

--------------------------------------------------------------------- */

.expressHeader {
	background-position:center center;
	height:240px;
	text-align: center;
	position: relative;
	max-width: 956px;
	margin:0 auto 1.75em auto;
	border-radius:10px !important;
}

@media screen and (max-width: 768px) {
    .expressHeader {
        height:280px;
    }
}

.expressHeader .expressHeaderInner {
	/*background: rgba(255, 89, 38,.88);*/
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -51%);
	display: inline-block;
	padding:0;
	text-align: center;
	width:100%;
	max-width:100%;
	margin:0 auto;
	background: -moz-linear-gradient(left, rgba(255,89,38,0) 12%, rgba(255,89,38,0.95) 22%, rgba(255,89,38,0.95) 78%, rgba(255,89,38,0) 88%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,89,38,0) 12%,rgba(255,89,38,0.95) 22%,rgba(255,89,38,0.95) 78%,rgba(255,89,38,0) 88%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,89,38,0) 12%,rgba(255,89,38,0.95) 22%,rgba(255,89,38,0.95) 78%,rgba(255,89,38,0) 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

@media screen and (max-width: 768px) {
    .expressHeader .expressHeaderInner {
        background: -moz-linear-gradient(left, rgba(255,89,38,0) 5%, rgba(255,89,38,0.95) 10%, rgba(255,89,38,0.95) 90%, rgba(255,89,38,0) 95%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255,89,38,0) 5%, rgba(255,89,38,0.95) 10%, rgba(255,89,38,0.95) 90%, rgba(255,89,38,0) 95%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(left, rgba(255,89,38,0) 5%, rgba(255,89,38,0.95) 10%, rgba(255,89,38,0.95) 90%, rgba(255,89,38,0) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
}

.expressHeader .expressHeaderInner i {
	color:#FFF;
	font-size:45px;
	display: inline-block;
	margin: -0.5em auto 0;
	background: rgba(255, 89, 38,.88);
	border-radius: .5em;
}

.expressHeader h2 {
	/* color:#fd6522; */
	font-size: 2.1em;
	color: #0281b8;
	color: #FFF;
	margin: 0 0 1.5em;
	padding-top:.25em;
}

@media screen and (max-width: 768px) {
    .expressHeader h2 {
        line-height: 1.5;
        margin-right: 1em;
        margin-left: 1em;
    }
}

.expressHeader p {
	font-size: 1.15em;
	line-height: 1.5;
    margin-top: .5em;
	margin-bottom: .5em;
	color: #FFF;
	padding-bottom: 0em;
}

/*
.expressConditions {
	overflow: hidden;
}

.expressConditions span {
	display: inline-block;
	background: #FF5926;
	background: -moz-linear-gradient(top, #FF5926 10%, #fd6524 36%, #fd6524 100%); 
	background: -webkit-linear-gradient(top, #FF5926 10%,#fd6524 36%,#fd6524 100%);
	background: linear-gradient(to bottom, #FF5926 10%,#fd6524 36%,#fd6524 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF5926', endColorstr='#fd6524',GradientType=0 );
	padding: .35em 1em .2em;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	float: left;
	color:#FFF;
	font-weight: bold;
	font-size: 1.2em;
}
*/

.expressWrapper1 {
	/*background: #FFF;
	border:4px solid #FD6524;
	border-radius: 7px;
	border-top-left-radius: 0;
	padding:1.5em 1.5em;
	*/
	text-align: center;
}

.expressWrapper1　input::-ms-clear {
    visibility:hidden;
}

.expressWrapper1 input,
.expressWrapper1 select {
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.expressWrapper1 input::-webkit-search-results-button {
    display:none;
}


@media screen and (max-width: 768px) {
    .expressWrapper1 {
        margin:0 3%;
    }
}

.expressComent {
	font-size:1.2em;
	line-height: 1.5;
}

.expressComent.h3  {
	font-weight:normal !important;
}

@media screen and (max-width: 768px) {
    .expressComent {
        margin-bottom: 1.5em;
        padding: 0 3em;
    }
    .expressComent br {
        display: none;
    }
}


.expressForm {
	display: inline-block;
	margin: 0 auto;
	padding: 2em 0;
	text-align: left;
}

.expressForm i {
	color:#FF5926;
	font-size: 1em
}

.expressForm label {
	font-size: 1.3em;
	width:10em;
	display: inline-block;
	font-weight: 500;
}

.expressForm .required {
	font-size: .7em;
	color:#bbb;
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 5px;
}

.expressForm1 {
	margin-bottom: 1.5em;
	display: table;
}

.expressForm1 label {
	display: table-cell;
}

.expressForm1 .selectWrap {
	position: relative;
	font-family : inherit;
	background: transparent;
	z-index: 1;
	display: inline;
	font-family : inherit;
	display: table-cell;
}

.expressForm1 .selectWrap::after {
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-size: 1.5em;
	font-weight:bold;
	color:#bbb;
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translate(0,-50%); /* Safari用 */
	transform: translate(0,-50%);
	z-index: 100; 
	display: block;
	pointer-events: none;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
}

.expressForm1 select {
	background: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
	padding:0 .15em 0 .5em;
	line-height: 2em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family : inherit;
	cursor: pointer;
    font-size:1.2em;
    min-width:12em;
    height:2.5em;
    vertical-align: middle;
}

.expressForm1 .selectWrap .error,
.expressForm3 .selectWrap .error{
	position: absolute;
	top: -3em;
	left: 0;
	padding:0 .75em .2em;
	background-color: #f66;
	border-radius: 4px;
	color: #fff;
	line-height: 2;
	font-size: .9em;
}
.expressForm1 .selectWrap .error:after,
.expressForm1 .selectWrap .error:before,
.expressForm3 .selectWrap .error:after,
.expressForm3 .selectWrap .error:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 15px;
  border: solid transparent;
}
.expressForm1 .selectWrap .error:after,
.expressForm3 .selectWrap .error:after {
  margin-left: 1px;
  border-top-color: #f66;
  border-width: 5px;
}
.expressForm1 .selectWrap .error:before,
.expressForm3 .selectWrap .error:before {
  border-top-color: #f00;
  border-width: 6px;
}

.expressForm2 {
	margin-bottom: 1.5em;
	display: table;
}

.expressForm2 label {
	display: table-cell;
}


.expressForm2 .inputWrap {
	display: table-cell;
}

.expressForm2 .inputWrapDate,
.expressForm2 .inputWrapTime {
	display: inline;
	background: #FFF;
}

.expressForm2 .inputWrapDate {
	position: relative;
}

.expressForm2 .inputWrap input {
	background: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
	padding:0em .15em 0em .5em !important;
	line-height: 2em;
	font-family : inherit;
	position: relative;
	background: transparent;
	box-sizing: border-box;
	z-index: 200; 
	cursor: pointer;
    font-size:1.2em;
    height: 2.5em;
}

.expressForm2 .inputWrap input[type=date] {
    padding:.25em .15em .25em .5em;
    margin-right: .5em;
    min-width: 9.5em;
    max-width: 9.5em;
}

.expressForm2 .inputWrap input[type=time] {
    padding:.25em .15em .25em .5em;
    margin-right: .5em;
    min-width: 6em;
    max-width: 6em;
}

@media screen and (max-width: 768px) {
    .expressForm2 .inputWrapDate,
    .expressForm2 .inputWrapTime {
        text-align: left;
    }
    .expressForm2 .inputWrap input[type=date] {
        margin-bottom: .5em;
    }
    .expressForm2 .inputWrap input[type=time] {
        clear: both;
        display: block;
    }
}

.expressForm2 .inputWrap input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
	display: none;
}
.expressForm2 .inputWrap input[type=date]::-webkit-clear-button,
.expressForm2 .inputWrap input[type=time]::-webkit-clear-button {
  -webkit-appearance: none;
}

.expressForm2 .inputWrapDate input[type=date]::-webkit-datetime-edit-year-field:not([aria-valuenow]),
.expressForm2 .inputWrapDate input[type=date]::-webkit-datetime-edit-month-field:not([aria-valuenow]),
.expressForm2 .inputWrapDate input[type=date]::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
  color: transparent;
}

.expressForm2 .inputWrapDate input[type=date]::-webkit-calendar-picker-indicator {
  color: transparent;
  position: relative;
	background: none;
	width:1.5em;
}

.expressForm2 .inputWrapDate::before {
	color: #aaa;
	font-weight: bold;
	/*content: "\f073";*/ /* fa-calendar */
	content: "\f073"; /* fa-calendar-o */
	position: absolute;
	content: "\f073";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translate(0,-50%); /* Safari用 */
	transform: translate(0,-50%);
	z-index: 100; 
	display: inline;
	font-size: 1.45em;
}

.expressForm2 .inputWrap p {
	padding-top:.5em;
	color: #777;
	font-size: 1em;
}

.expressForm3 {
	margin-bottom: 2.5em;
	display: table;
}

.expressForm3 label {
	display: table-cell;
}

.expressForm3 .selectWrap {
	position: relative;
	font-family : inherit;
	background: transparent;
	z-index: 1;
	display: inline;
	font-family : inherit;
	display: table-cell;
}

.expressForm3 .selectWrap::after {
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-size: 1.5em;
	font-weight:bold;
	color:#bbb;
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translate(0,-50%); /* Safari用 */
	transform: translate(0,-50%);
	z-index: 100; 
	display: block;
	pointer-events: none;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	cursor: pointer;
}

.expressForm3 select {
	background: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
	padding:0 2.75em 0 .5em;
	line-height: 2em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family : inherit;
	cursor: pointer;
    height:2.5em;
    font-size: 1.2em;
    min-width: 11em;
    max-width: 11em;
}

.expressForm4 {
	text-align: center;
}

.expressForm4 input[type=submit] {
	position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.45em 2.25em 0.45em;
    text-decoration: none;
    color: #fff;
	font-size: 1.45em;
    background: #FF5926;
    transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-out;
    -ms-transition: background-color 0.2s ease-out;
    border-radius: 4px;
    box-shadow: 0 5px 0 rgba(235,83,36,1);
    margin-bottom: 1px;
	font-family : inherit;
	border-style: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.expressForm4 input[type=submit]:hover {
    background: #FF5926;
    color: white;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(235,83,36,1);
	margin-top: 1px;
	margin-bottom: 0px;
	cursor: pointer;
}


/* ＜検索画面＞ SP */

@media screen and (max-width: 768px) {

	.expressForm {
		padding:0 1em;
	}
	
    .expressForm label {
		font-size: 1.2em;
	}
    
	.expressForm2 .inputWrap p {
		font-size: .9em;
		line-height: 1.4;
		color:#999;
		padding-top: .75em;
	}
	
	.expressWrapper1 .expressBtnMap {
		/* display:none; */
        display: block;
        margin: 1.5em  0;
        padding-top: 1em;
        padding-bottom: 1em;
        border-width: 1px;
        opacity: .96;
	}
    .expressWrapper1 .expressBtnMap .cm {
		display: inline-block;
        padding-right: .5em;
	}
    
    .expressWrapper1 .expressBtnMap em {
		display: inline;
	}
	
    .expressBtnMap .btnWrap {
        display: inline-block !important;
    }
}

body.page-id-16441 .expressBtnMap,
body.page-id-16928 .expressBtnMap{
    display:none;
}



/* ---------------------------------------------------------------------

	お急ぎ便！＜検索結果＞

--------------------------------------------------------------------- */

.expressResultHeader {
	margin-bottom: 1em;
}

@media screen and (max-width: 768px) {
    .expressResultHeader {
        margin:0 3% 1em;
    }
}

.expressResultHeader h2 {
	font-size: 1.5em;
	border-bottom: 5px solid #BCDDEC;
	padding-bottom: .5em;
	margin-bottom: .5em
}

.expressResultHeader h2 i {
	color:#1472A6;
    opacity: .8;
}



.expressResultFormOpener {
	text-align: left;
	margin-bottom: 1em;
	color: #1472A6;
	font-size: 1.2em;
}

.expressResultFormOpener span {
	color:#999;
	font-size: 1.2em;
}

.expressWrapper2 {
	display: table;
	width:100%;
	margin-bottom:1.5em;
}

@media screen and (max-width: 768px) {
    
    .expressWrapper2 {
        display: block;
    }
    
}

.expressFormToggleBtn {
    display:none;
}

.expressResultForm {
	background-color: rgba(0,0,0,0.1);
	border:1px solid rgba(0,0,0,0.125);
	padding:1.25em 1.5em;
	border-radius:5px;
	overflow: auto;
	display: table-cell;
}

.expressResultForm i {
	color:#FF5926;
}

@media screen and (max-width: 768px) {
    
    .expressFormToggleBtn {
        display:block;
    }
    
    .expressResultForm {
        background-color: rgba(0,0,0,0.1);
        border:1px solid rgba(0,0,0,0.125);
        padding:.75em .5em;
        border-radius:5px;
        overflow: auto;
        display: block;
        font-size: 1.3em;
        display: none;
    }
    
}

.expressResultFormInner {
	background: #FFF;
	border:1px solid #ccc;
	border-radius:5px;
	padding:.25em .5em .25em;
	position: relative;
	display: inline-block;
	text-align: left;
	float: left;
	margin-right: 1.25em;
	
}

@media screen and (max-width: 768px) {
    
    .expressResultFormInner {
        padding:.5em .25em;
        position: relative;
        display: block;
        float: none;
        margin-right: 0;
        margin-bottom: .5em;
    }
    
}


.expressResultFormInner label {
	color:#888;
	font-weight: bold;
	font-size: 1em;
	padding-left: .5em;
    padding-bottom: .25em;
}

@media screen and (max-width: 768px) {
    
    .expressResultFormInner label {
        width:10em;
        display: inline-block;
        white-space: nowrap;
    }
    
}

.expressResultFormInner input,
.expressResultFormInner select {
	border:none;
	padding-bottom: .25em;
	cursor: pointer;
}

.expressResultFormInner select {
	background: #fff;
    border-radius: 5px;
	padding:0 2.75em 0em .25em;
	line-height: 1.5;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family : inherit;
    height:1.75;
}

@media screen and (max-width: 768px) {
    
    .expressResultFormInner select {
        background: #fff;
        border-radius: 5px;
        padding:0 2.75em .25em .25em;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-family : inherit;
        font-size:.65em !important;
    }
    
}

.expressResultFormInner .selectWrap {
	position: relative;
	font-family : inherit;
	background: transparent;
	z-index: 1;
	display: block;
	font-family : inherit;
}

.expressResultFormInner .selectWrap select,
.expressResultFormInner .inputWrap input {
	font-size:14px;
    line-height: 1.5em;
    height:1.85em;
    
}

.expressResultFormInner .inputWrap input#item {
	min-width: 10em;
    max-width: 10em;
}

.expressResultFormInner .inputWrap select#item option:nth-child(2),
.expressResultFormInner .inputWrap select#item option:nth-child(7) {
	display:none;
}

.expressResultFormInner .inputWrap input#draftDate {
	min-width: 9.5em;
    max-width: 9.5em;
}

.expressResultFormInner .inputWrap input#draftTime {
	min-width: 6em;
    max-width: 6em;
}

.expressResultFormInner select#deliveryPlace {
	min-width: 11em;
    max-width: 11em;
}


@media screen and (max-width: 768px) {
    
    .expressResultFormInner .selectWrap {
        position: relative;
        font-family : inherit;
        background: transparent;
        z-index: 1;
        display: inline;
        font-family : inherit;
        font-size: 1.3em;
    }
    
}

.expressResultFormInner .selectWrap::after {
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-size: 1.5em;
	font-weight:bold;
	color:#bbb;
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translate(0,-50%); /* Safari用 */
	transform: translate(0,-50%);
	z-index: 100; 
	display: block;
	pointer-events: none;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
}

@media screen and (max-width: 768px) {
    .expressResultFormInner .selectWrap::after {
        content: "\f107";
        font-family: "Font Awesome 5 Free";
        font-size: 1.5em;
        font-weight:bold;
        color:#bbb;
        position: absolute;
        top: 62.5%;
        right: 10px;
        -webkit-transform: translate(0,-50%); /* Safari用 */
        transform: translate(0,-50%);
        z-index: 100; 
        display: block;
        pointer-events: none;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        font-size: 1em;
    }

}

.expressResultFormInner .error,
.expressResultFormInner .error{
	position: absolute;
	top: -3em;
	right: 0;
	padding:0 .75em .2em;
	background-color: #f66;
	border-radius: 4px;
	color: #fff;
	line-height: 2;
	font-size: .9em;
}
.expressResultFormInner .error:after,
.expressResultFormInner .error:before {
  content: '';
  position: absolute;
  top: 100%;
  right: 15px;
  border: solid transparent;
}
.expressResultFormInner .error:after {
  margin-left: 1px;
  border-top-color: #f66;
  border-width: 5px;
}
.expressResultFormInner .error:before {
  border-top-color: #f00;
  border-width: 6px;
}

.expressResultFormInner .inputWrap {
	display: table-cell;
}

@media screen and (max-width: 768px) {
    
    .expressResultFormInner .inputWrap {
        display: inline-block;
    }
    
    .expressResultFormInner .inputWrap input {
        font-size: .8em !important;
    }
    
}

.expressResultFormInner .inputWrapDate,
.expressResultFormInner .inputWrapTime {
	display: inline;
	background: #FFF;
}

.expressResultFormInner .inputWrapDate {
	position: relative;
}

.expressResultFormInner .inputWrap input {
	padding:0 .25em 0em .25em;
	font-family : inherit;
	position: relative;
	background: transparent;
	box-sizing: border-box;
	z-index: 200; 
	border: none;
	line-height: 1.55em;
	width: auto;
    -moz-appearance: none;
-webkit-appearance: none;
    height:1.75em;
}

    [type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.expressResultFormInner .inputWrap input[type=date] {
	margin-right: .5em;
}


.expressResultFormInner .inputWrap input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
	display: none;
}
.expressResultFormInner .inputWrap input[type=date]::-webkit-clear-button,
.expressResultFormInner .inputWrap input[type=time]::-webkit-clear-button {
  -webkit-appearance: none;
}

.expressResultFormInner .inputWrapDate input[type=date]::-webkit-datetime-edit-year-field:not([aria-valuenow]),
.expressResultFormInner .inputWrapDate input[type=date]::-webkit-datetime-edit-month-field:not([aria-valuenow]),
.expressResultFormInner .inputWrapDate input[type=date]::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
  color: transparent;
}

.expressResultFormInner .inputWrapDate input[type=date]::-webkit-calendar-picker-indicator {
  color: transparent;
background: none;
  position: relative;
	
	width:1.5em;
}

.expressResultFormInner .inputWrapDate::before {
	color: #aaa;
	font-weight: bold;
	/*content: "\f073";*/ /* fa-calendar */
	content: "\f073"; /* fa-calendar-o */
	position: absolute;
	content: "\f073";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translate(0,-50%); /* Safari用 */
	transform: translate(0,-50%);
	z-index: 100; 
	display: inline;
	font-size: 1.2em;
	cursor: pointer;
}

.expressResultFormInner .inputWrapDate::before:hover {
	cursor: pointer;
}

.expressResultForm4 {
	text-align: left;
	padding-top:.5em;
	float:left;
	display: inline-block;
}

@media screen and (max-width: 768px) {
    .expressResultForm4,
    .expressResultForm5 {
        font-size: .8em;
    }
    .expressResultForm4 {
        display: block;
        width: 100%;
        text-align: center;
        padding-top: 0 !important;
    }
    .expressResultFormInner .inputWrapDate::before {
        display: none;
    }
}

.expressResultForm input[type=submit] {
	position: relative;
    display: inline-block;
    padding: 0.5em 1.75em 0.45em;
    text-decoration: none;
	font-weight:500;
    color: #FFF;
	font-size: 1.1em;
    background: #FF8966;
    transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-out;
    -ms-transition: background-color 0.2s ease-out;
    border-radius: 2px;
    box-shadow: 0 3px 0 #FF764C;
    margin-bottom: 1px;
	font-family : inherit;
	border-style: none;
    -webkit-appearance: none;
}

.expressResultForm input[type=submit]:hover {
    background: #FF8966;
	text-decoration: none;
	box-shadow: 0 1px 0 #FF764C;
	margin-top: 2px;
	margin-bottom: 1px;
	cursor: pointer;
}

.expressResultForm2 {
	padding-bottom: .3em;
}

.expressResultForm4 {
	padding-top: .8em;
}

.expressResultForm5 {
	display: inline-block;
	float:left;
	padding-left: 1em;
    display:none;
}

.expressResultForm5 .btnRelease {
	position: relative;
    display: inline-block;
    font-weight:normal;
    padding: 0;
    text-decoration: none;
    color: #777;
	font-size: .85em;
	background: none;
    /* background: rgba(0,0,0,0.05);
    transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-out;
    -ms-transition: background-color 0.2s ease-out;*/
	font-family : inherit;
	border-style: none;padding-top: 12px;
	vertical-align: middle;
    opacity: .8;
}

.expressResultForm5 .btnRelease::before {
	display:inline-block;
	color:#888;
	padding-right: .3em;
	font-family: "Font Awesome 5 Free";
	content: "\f00d";
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1.1;
	font-weight: bold;
	font-size: 1.1em;
}

.expressResultForm5 .btnRelease:hover {
}

.expressSpace {
	display: table-cell;
	width:1em;
}

@media screen and (max-width: 768px) {
    
    .expressSpace {
        display: none;
    }
    
}

.expressBtnMap {
	background:#ccc;
	border-radius:5px;
	display: table-cell;
	background: #FFFFEF;
	border:2px solid rgb(239, 239, 100);
	vertical-align: middle;
	padding: 0 1.25em;
	padding-bottom: 3px;
}

.expressBtnMap p {
	margin-bottom:.3em;
	font-size: .9em;
}

.expressBtnMap .btnWrap {
	display: block;
}

.expressBtnMap .btnWrap i {
	opacity: 0.5;
}

.expressBtnMap .btnWrap a {
	position: relative;
    display: inline-block;
    padding: 0.35em 1em 0.55em;
    text-decoration: none;
	font-weight:500;
    color:#66663D;
	font-size: 1em;
    background: rgb(247, 247, 113);
    transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-out;
    -ms-transition: background-color 0.2s ease-out;
    border-radius: 2px;
    box-shadow: 0 3px 0 rgb(232, 232, 102);
    margin-bottom: 1px;
	font-family : inherit;
	border-style: none;
}

.expressBtnMap .btnWrap a:hover {
	text-decoration: none;
	box-shadow: 0 1px 0 rgb(232, 232, 102);
	margin-top: 1px;
	margin-bottom: 0px;
	cursor: pointer;
	opacity:1;
}

/* 検索結果一覧 */

.expressResultList {
	overflow: hidden;
}

@media screen and (max-width: 768px) {
    .expressResultList {
        margin:0 3%;
    }
}

.expressResultList li {
	border: 2px solid #ccc;
	border-radius: 5px;
	background: #FFF;
	display: block;
	margin-bottom: 1.5em;
	padding: .75em 0;
    box-shadow:3px 0px 3px 0 #ddd;
}

@media screen and (max-width: 768px) {
    .expressResultList li {
        padding: .5em 0;
    }
}

.expressResultList li .companyWrap {
	display:table;
	width: 100%;
	box-sizing: border-box;
}

.expressResultList li .companyWrap .td {
	display:table-cell;
}

.expressResultList li .companyWrap .td:first-child {
	width:30%;
	padding:1em;
	vertical-align: middle;
}

.expressResultList li .companyWrap .innerTable {
	display:table;
	height:100%;
}

.expressResultList li .companyWrap .innerTable .imgBox {
	display:table-cell;
	vertical-align: middle;
	width: 100px;
	text-align: center
}

.expressResultList li .companyWrap .innerTable .imgBox img {
	max-width:90px;
	max-height:120px;
	width:auto;
	height:auto;
}

.expressResultList li .companyWrap .innerTable .infoBox {
	display:table-cell;
	vertical-align: middle;
	padding-left: .5em;
}

.expressResultList li .companyWrap .innerTable .infoBox h3 {
	font-weight: 700;
	font-size: 1.4em;
	margin-bottom:.25em;
}

.expressResultList li .companyWrap .innerTable .infoBox h3 .shitenName {
	display:block;
    font-size:.8em;
    font-weight:normal;
}

.expressResultList li .companyWrap .innerTable .infoBox p {
	line-height: 1.5;
	font-size:.9em;
}

.expressResultList li .companyWrap .innerTable .infoBox .companyLink {
	padding-top:.75em;
}

.expressResultList li .companyWrap .innerTable .infoBox .companyLink.companyLink2 {
    padding-top: .25em;
}

.expressResultList li .companyWrap .innerTable .infoBox .companyLink a,
.expressFormToggleBtn p {
    color: #888;
	font-size: .9em;
	font-weight: 400;
    background: #eee;
    box-shadow: 0 2px 0 #ddd;
	clear: both;
	margin-bottom: 0 !important;
	padding:.25em .75em;
	border-radius: 3px;
	transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-out;
    -ms-transition: background-color 0.2s ease-out;
	display: inline-block;
	line-height: 1.4;
}

.expressResultList li .companyWrap .innerTable .infoBox .companyLink a:hover,
.expressFormToggleBtn p:hover {
    background: #eee;
	box-shadow: 0 1px 0 #ddd;
	text-decoration: none;
	opacity: .8;
	margin-top: 1px;
}

.expressFormToggleBtn p {
    font-size: .9em;
    margin-top: -0.5em;
}

.expressFormToggleBtn p i {
    opacity:.7;
}

.expressResultList li .companyWrap .td:nth-child(2) {
	padding:1em;
	padding-left: .5em !important;
	padding-right: 2em !important;
	vertical-align: middle;
}

.expressResultList li .companyWrap .td:nth-child(2) .shitenName2 i {
	opacity:0.75;
    color:#999;
}

@media screen and (max-width: 768px) {

	.expressResultList li .companyWrap {
		display:block;
	}
	
	.expressResultList li .companyWrap .td {
		display:block;
	}

	.expressResultList li .companyWrap .td:first-child {
		width:100%;
		padding:1em 1em;
		vertical-align: middle;
        box-sizing: border-box;
	}
    
    .expressResultList li .companyWrap > .td:last-child {
		padding-left:.75em !important;
        padding-right:.75em !important;
        box-sizing: border-box;
	}

	.expressResultList li .companyWrap .innerTable {
		max-width: 100%;
	}
    
    .expressResultList li .companyWrap .innerTable .infoBox {
        padding-right: .5em;
    }

	.expressResultList li .companyWrap .innerTable .imgBox {
	}

}

.expressResultList .timeWrap {
	display:table;
	border-collapse: collapse;
	border: 1px solid #ccc;
	margin-bottom: .85em;
	width:100%;
	color:#333;
}

.expressResultList .timeWrap .timeRow {
	display:table-row;
}

.expressResultList .timeWrap .timeRow > div {
	display:table-cell;
	text-align: center;
	padding:.5em .5em;
	border:1px solid #D1A7A7;
	width:33.33333333%;
	vertical-align: middle;
}

.expressResultList .timeWrap .timeRow .timeTh {
	color:#333;
	font-weight: 500;
	font-size: 1.05em;
}

.expressResultList .timeWrap .timeRow .timeTh:first-child {
	background:#FFD8D8;
	background:#FFF2F2;
}

.expressResultList .timeWrap .timeRow .timeTh:nth-child(2) {
	background:#FFE5E5;
	background:#FFF2F2;
}

.expressResultList .timeWrap .timeRow .timeTh:nth-child(3) {
	background:#FFF2F2;
}

@media screen and (max-width: 768px) {
    .expressResultList .timeWrap .timeRow .timeTh:nth-child(3) > span {
        display:block;
        margin-top: -3px;
    }
}

.expressResultList .timeWrap .timeRow .timeTh i {
	color:#AF1111;
	opacity:.75;
}

.expressResultList .timeWrap .timeRow .timeTh:first-child i {
	font-size: 1.1em;
}

.expressResultList .timeWrap .timeRow .timeTh:nth-child(3) span {
	font-size:.75em;
	color:#888;
}

.expressResultList .timeWrap .timeRow .timeTd p {
	display: block;
	line-height: 1.75;
	margin:0;
}

.expressResultList .timeWrap .timeRow .timeTd {
	padding: .5em 0 .7em !important;
}

.expressResultList .timeWrap .timeRow .timeTd .fa-minus {
	opacity:.5;
}

.expressResultList .timeWrap .timeRow .timeTd p:nth-child(2) {
	font-size: .9em;
	color: #999;
	font-weight: 500;
	margin-bottom: .75em;
}

.expressResultList .timeWrap .timeRow .timeTd .timeNum {
	font-size: 1.2em;
	font-weight: 600;
	color:#AF1111;
}

.expressResultList .timeWrap .timeRow .timeTd a,
.expressMapWrap .expressMapBubble .p6 a {
	position: relative;
    display: inline-block;
    padding: 0;
	width:8.5em;
    text-decoration: none;
	font-size: .9em;
	font-weight:500;
    color: #FFF;
    background: #FF5926;
    transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-out;
    -ms-transition: background-color 0.2s ease-out;
    border-radius: 3px;
    box-shadow: 0 2px 0 rgba(235,83,36,1);
	font-family : inherit;
	border-style: none;
	display: inline-block !important;
	margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
    
    .expressResultList .timeWrap .timeRow .timeTd a,
    .expressMapWrap .expressMapBubble .p6 a {
        opacity:.8;
        font-size:.8em;
    }
}

.expressResultList .timeWrap .timeRow .timeTd a:hover {
    background: #FF5926;
	text-decoration: none;
	box-shadow: 0 1px 0 rgba(235,83,36,1);
	margin-top: 1px;
	margin-bottom: 3px;
	cursor: pointer;
	opacity: .85;
}

@media screen and (max-width: 768px) {
    
    .expressResultList .timeWrap .timeTh {
        border-right: none !important;
        border-bottom: none !important;
    }
    
    .expressResultList .timeWrap .timeTd {
        border-right: 0 !important;
    }
    
    .expressResultList .timeWrap .timeRow > div {
        border:0;
        border-right: .5px solid #D1A7A7 !important;
    }
    .expressResultList .timeWrap .timeRow .timeTd p:nth-child(1) {
        font-size: .9em;
    }
    .expressResultList .timeWrap .timeRow .timeTd p:nth-child(2) > span {
        display: block;
    }

}
    
.expressResultList li .companyWrap .remarks {
	color:#666;
	font-size:.9em;
	background: #f8f8f8;
	padding: 0 .75em 0;
	border-radius: 2.5px;
	font-weight: 300;
    text-align: left;
}

.expressResultList li .companyWrap .td:nth-child(3) {
	padding:1em;
	vertical-align: middle;
	width:17%;
	text-align: center;
}

.expressResultList li .companyWrap .td:nth-child(3) a {
	position: relative;
    display: inline-block;
    padding: 0.5em 0 0.45em;
	width:10em;
    text-decoration: none;
	font-weight:700;
    color: #FFF;
	font-size: 1.1em;
    background: #FF5926;
    transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-out;
    -ms-transition: background-color 0.2s ease-out;
    border-radius: 2px;
    box-shadow: 0 3px 0 rgba(235,83,36,1);
    margin-bottom: 1px;
	font-family : inherit;
	border-style: none;
	display: inline-block;
	margin-bottom: 15px;
}

.expressResultList li .companyWrap .td:nth-child(3) a:hover {
    background: #FF5926;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(235,83,36,1);
	margin-top: 1px;
	margin-bottom: 0px;
	cursor: pointer;
	margin-bottom: 14px;
}

.expressResultList li .companyWrap .td:nth-child(3) a.btnCompanyDetail {
    color: #888;
	font-weight: 400;
    background: #eee;
    box-shadow: 0 3px 0 #ddd;
	clear: both;
	margin-bottom: 0 !important;
}

.expressResultList li .companyWrap .td:nth-child(3) a.btnCompanyDetail:hover {
    background: #eee;
	box-shadow: 0 3px 0 #ddd;
}

.expressResultKakaku {
	text-align: right;
	font-size: 1.1em;
}

@media screen and (max-width: 768px) {
    
    .expressResultKakaku {
        padding: .5em 2.5% 0;
        text-align: center;
    }

}
    
.expressResultKakaku .backList {
	float: left;
	display: inline-block;
	padding-top:2px;
}

.expressResultKakaku .backList i {
	opacity:0.65;
}

.expressResultKakaku .expressResultKakakuBtn {
	position: relative;
    display: inline-block;
    font-weight: normal;
    padding: 0.35em 1em 0.25em;
    text-decoration: none;
    color: #fff;
    background: #55b7e5;
    transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out; /* opera */
	-moz-transition: background-color 0.2s ease-out; /* firefox */
	-webkit-transition: background-color 0.2s ease-out; /* chrome, safari */
	-ms-transition: background-color 0.2s ease-out; /* ie */
	border-radius:2px;
	box-shadow: 0 3px 0 rgba(72,152,189,1);
	margin-top: 0px;
	margin-bottom: 1px;
}

.expressResultKakaku .expressResultKakakuBtn:hover {
    background: #3e98c2;
    color: white;
	text-decoration: none;
	box-shadow: 0 1px 0 rgba(72,152,189,1);
	margin-top: 1px;
	margin-bottom: 0px;
}

.noResultBox {
    padding:2.5em 2em;
    background:#f5f5f5;
    margin-bottom: 2em;
    border:1px solid #dfdfdf;
    font-size: 1.2em;
}


/* 店舗地図検索 */

.expressMapDesc1 {
    margin-bottom: 1em;
}

.expressMapDesc1.listResult p {
    opacity:.85;
    font-size: 1.15em;
    text-align: left;
    padding-left: 1em;
    vertical-align: middle;
}

@media screen and (max-width: 768px) {
    
    .expressMapDesc1.listResult {
        margin-bottom: .25em;
    }
    
    .expressMapDesc1 p[style="text-align: left;"]{
        padding: 0 3%;
    }
    
}

.expressMapDesc1.listResult p i {
    opacity:.5;
    font-size: 1.1em;
}

.expressMapDesc2 {
    margin-top: 2em;
    padding: 1em;
    background: rgba(0,0,0,0.02);
}
.expressMapDesc2 p {
    opacity: .7;
}

.expressBtnMap.expressBackList {
	border-color:rgba(85, 183, 229, 0.3);
	background: rgba(85, 183, 229, 0.1);
}

.expressBtnMap.expressBackList .btnWrap a {
    color: #fff;
    background: #55b7e5;
    transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out; /* opera */
	-moz-transition: background-color 0.2s ease-out; /* firefox */
	-webkit-transition: background-color 0.2s ease-out; /* chrome, safari */
	-ms-transition: background-color 0.2s ease-out; /* ie */
	box-shadow: 0 3px 0 rgba(72,152,189,1);
  }

.expressBtnMap.expressBackList .btnWrap a:hover {
    background: #3e98c2;
    color: white;
	box-shadow: 0 1px 0 rgba(72,152,189,1);
	opacity: 0.7;
}

.expressMapWrap {
	display: table;
	width: 100%;
	margin-bottom: 2em;
    height:480px;
}

.expressMapWrap .expressMapList {
	display: table-cell;
	width:22.5%;
	overflow-y:scroll;
	border: 1px solid #ccc;
	border-right: none;
    background: #f1f1f1;
    vertical-align: top;
}

.expressMapWrap .expressMapList > ul > li {
	padding:1em;
    border-bottom: 1px solid #ccc;
    background: #FFF;
}

.expressMapWrap .expressMapArea {
	display: table-cell;
    width:77.5%;
	border: 1px solid #ccc;
	border-left: none;
    vertical-align: top;
}

.expressMapWrap .expressMapArea > div{
	min-height: 100% !important;
}

.expressMapWrap .expressMapListUl,
.expressMapWrap .expressMapBubble {

}

.expressMapWrap .expressMapListUl i,
.expressMapWrap .expressMapBubble i {
    opacity: .5;
    display: inline-block;
    padding-right: .25em;

}

.expressMapWrap .expressMapListUl p,
.expressMapWrap .expressMapBubble p {
    font-size: .95em;
}

.expressMapWrap .expressMapListUl p.p1,
.expressMapWrap .expressMapBubble p.p1 {
    font-size: 1.1em;
}

.expressMapWrap .expressMapListUl p.p3,
.expressMapWrap .expressMapBubble p.p3 {
    font-size: 1.em;
}

.expressMapWrap .expressMapListUl p.p3 i,
.expressMapWrap .expressMapBubble p.p3 i {
    font-size: .9em;
}

.expressMapWrap .expressMapBubble p.p6 {
    line-height: 1.75;
    margin-top: .5em;
}

.expressMapWrap .expressMapBubble p.p6 a {
    padding-top: .25em;
}

.gm-ui-hover-effect {
    top:2px !important;
    right: 1px !important;
}

@media screen and (max-width: 768px) {
    
    .expressMapWrap {
        width: 100%;
        margin-bottom: 2em;
        height:auto;
        display:-webkit-box;
        display: -webkit-flex;
        display:-ms-flexbox;
        display: flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    }
    
    .expressMapDesc1 {
        margin-left: 1%;
        text-align: center;
         margin-right: 1%;
    }

    .expressMapWrap .expressMapList {
        width:100%;
        overflow-y:auto;
        border: none;
        background: #f1f1f1;
        vertical-align: top;
        display: block;
        -webkit-box-ordinal-group:2;
        -ms-flex-order:2;
        -webkit-order:2;
        order:2;
    }

    .expressMapWrap .expressMapList > ul > li {
        padding:1em;
        border-bottom: 1px solid #ccc;
        background: linear-gradient(to bottom, #ffffff 40%,#f9f9f9 60%);
        position: relative;
        font-size: 1.1em;
    }
    
    .expressMapWrap .expressMapListUl p.p2,
    .expressMapWrap .expressMapListUl p.p3,
    .expressMapWrap .expressMapListUl p.p4,
    .expressMapWrap .expressMapListUl p.p5 {
        display: inline-block;
    }
    .expressMapWrap .expressMapListUl p.p2,
    .expressMapWrap .expressMapListUl p.p3,
    .expressMapWrap .expressMapListUl p.p4 {
        padding-right: .25em;
    }
    
    .expressMapWrap .expressMapBubble {
        font-size: 1.1em;
    }
    
    /*
    .expressMapWrap .expressMapList > ul > li::after {
        
        font-family: "Font Awesome 5 Free";
        content: "\f054";

        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-weight: bold;
        font-variant: normal;
        text-rendering: auto;
        font-size: 1.75em;
        color:#000;
        opacity:.1;
        position:absolute;
        top: 50%;
        right: .5em;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        
    }
    */

    .expressMapWrap .expressMapArea {
        width:100%;
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
        vertical-align: top;
        display: block;
        -webkit-box-ordinal-group:1;
        -ms-flex-order:1;
        -webkit-order:1;
        order:1;
    }

    .expressMapWrap .expressMapArea > div {
        height:420px !important;
        min-width: 420px !important;
    }
    
}



/* ---------------------------------------------------------------------

	お急ぎ便！ver.2 追記
    検索結果 - 1企業に対してロゴを1つ表示に変更

--------------------------------------------------------------------- */

.expressResultList li .companyWrap.companyWrap2 .td:nth-child(2) {
	padding:.5em 0 0;
	padding-left: .5em !important;
	padding-right: 2em !important;
}

.expressResultList li .companyWrap.companyWrap2:nth-child(n+2) .td:nth-child(1) {
	padding:0 1em;
}

.expressResultList li .companyWrap.companyWrap2:nth-child(n+2) .td:nth-child(1) .innerTable {
	display:none;
}

.expressResultList li .companyWrap .td:nth-child(2) .shitenName2 {
	display:block;
    font-size:1.1em;
    margin:0 0 .5em;
}

.expressResultList .companyWrap.companyWrap2 .timeWrap {
    margin-bottom: 1em;
}

.expressResultList li .companyWrap.companyWrap2 .remarks {
    margin-bottom: 1em;
}

.expressResultList .readMoreWrap {
    margin-top: .25em;
    max-height: 220px;
    overflow: hidden;
}

.expressResultList .readMoreWrap.readMoreWrap2 {
    max-height: 170px;
    overflow: hidden;
}

.expressResultList .readmoreBtn {
    text-align:center;
}

.expressResultList .readmoreBtn a{
    opacity: .8;
    display: inline-block;
    background: #eaf7ff;
    border-radius: 5px;
    padding: .3em 1.5em .4em;
    margin-top: .25em;
    margin-bottom: .5em;
    transition: all 300ms 0s ease;
}

@media screen and (max-width: 768px) {
    
    .expressResultList li .companyWrap.companyWrap2 > .td:last-child {
        padding-left: .75em !important;
        padding-right: .75em !important;
        box-sizing: border-box;
    }
    
    .expressResultList li .companyWrap .td:nth-child(2) .shitenName2 {
        font-size:1.2em;
    }
    
    .expressResultList .readMoreWrap {
        margin-top: .25em;
        max-height: 330px;
        overflow: hidden;
    }

    .expressResultList .readMoreWrap.readMoreWrap2 {
        max-height: 270px;
        overflow: hidden;
    }
    
}