/* CSS Document */

/* ＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋

独自に拡張したCSSを記述します。
このCSSは最後に読み込むCSSファイルですので注意してください。

＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋ */
/* グローバルメニュー */



.brandlogo {width:230px;}



/* お届け先について */
.otodoke_ni_tsuite {
	width:80px;
	z-index: 100;
	position:absolute;
	top:-30px;
	right:20px
}

.otodoke_ni_tsuite:hover {
	/*	*/
     -webkit-filter: hue-rotate(340deg) brightness(1.2);
     -moz-filter: hue-rotate(340deg) brightness(1.2);
     -o-filter: hue-rotate(340deg) brightness(1.2);
     -ms-filter: hue-rotate(340deg) brightness(1.2);
     filter: hue-rotate(340deg) brightness(1.2);

}

	 /*画面サイズmd(992px～1199px)の場合*/
	@media screen and (min-width:992px) and (max-width:1199px) {
		.otodoke_ni_tsuite {
			right:0px;
		}
	}

/* モーダルウィンドウの縦位置 */
.modal-content {
	    margin-top: 40%;
}

/* タブ */
.nav-tabs li {
	margin-left:1.8em;
}


.nav-tabs li a {
	font-size: 17pt;
	padding-left:1.4em;
	padding-right:1.4em;
}

/* タブのアイコン */


.nav-tabs li a img {
	width:1.6em;
	margin-top:0.1em;
	margin-right:0.2em;
	vertical-align: top ;
	opacity: 1.0;
}

/*画面サイズxs(~767px)の場合*/
@media screen and (max-width:767px) {
	.nav-tabs li {
		margin-left:0em;
	}
		.nav-tabs li a {
			padding-left:0.4em;
			padding-right:0.4em;
		}
		.nav-tabs li.rightSide {
			float:right;
		}
}


/* タブ詳細の枠 */
.tab-content {
	border-right:1px solid rgba(0,0,0,0.10);
	border-bottom:1px solid rgba(0,0,0,0.10);
	border-left:1px solid rgba(0,0,0,0.10);
	border-radius: 0 0 6px 6px;

}

.tab-pane {
	padding-top:0.01em;
}

/* 検索結果下の補足説明 */
.tab-pane ul {margin:12px 18px 0px 12px;}
.tab-pane ul li {list-style-type: none; margin-bottom:0.5em; /* list-style-position: inside */}
.tab-pane ul li:last-child {margin-bottom:0em; /* list-style-position: inside */}
.tab-pane ul li:before {
	content:'\f14a';
	font-family:'Font Awesome 5 Free';
	font-weight:900;
  	color: rgba(232,0,0,1.00);/*アイコン色*/
	position: absolute;
	left :3em;
}





.nav-tabs>li>a {
	background-color: rgba(0,0,0,0.03);
	border-right:1px solid rgba(0,0,0,0.05);
	border-top:1px solid rgba(0,0,0,0.05);
	border-left:1px solid rgba(0,0,0,0.05);
	margin-right: 0px;
}


/* 個人宛・1t以上の場合 */
.tab-content-other {
	border-top: 1px solid #ddd;
	border-radius: 6px 6px 6px 6px;
}

#contentOther {
	background-color: rgba(255,207,208,0.40);
	padding-bottom:1.5em;
}

/* 安く届けたい */
#contentA {
	background-color: rgba(255,0,4,0.02);
	padding-bottom:1.5em;
}
.nav-tabs li.active a.tabContentA,
.nav-tabs li.forcus a.tabContentA,
.nav-tabs li.hover a.tabContentA{
	/* background-color: rgba(255,0,4,0.02);  */
}

.nav-tabs li.active a.tabContentA{
	font-weight: bold;
	background-color: rgba(255,0,4,0.02);
	    border-bottom-color: #fff;
}


/* 見積り結果ないのStrong（強調）設定 */
div.tab-pane table tr td strong {
	font-size:16pt;
	font-weight:bold;
}





/* 早く届けたい */
#contentB {
	background-color: rgba(0,40,255,0.02);
	padding-bottom:1.5em;
}
.nav-tabs li.active a.tabContentB,
.nav-tabs li.forcus a.tabContentB,
.nav-tabs li.hover a.tabContentB {
	/* background-color: rgba(0,40,255,0.02);  */
}

.nav-tabs li.active a.tabContentB{
	font-weight: bold;
	background-color: rgba(0,40,255,0.02);
	    border-bottom-color: #fff;
	
}

#contentA table,
#contentB table,
#contentOther table {
	margin:1.5em 2em 0em 2em;
	width: calc(100% - 4em);
}

	/*画面サイズxs(~767px)の場合*/
	@media screen and (max-width:767px) {
		#contentA table,
		#contentB table,
		#contentOther table {
			margin:1.5em 1em 0em 1em;
			width: calc(100% - 2em);
		}

				#contentA table tr th,
				#contentB table tr th,
				#contentOther table tr th {
					/* font-size:16pt; */
				}
				#contentA table tr td,
				#contentB table tr td,
				#contentOther table tr td {
					padding-left:1.0em;
				}
	}

.btn-ganger {
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0.3) 100%);
}

/* tableの追加 */

table.result {
	
}

/* 検索結果の個人宛・１トン以上の表示 */
table.result td strong span,
table.result td strong span a {
	font-size:16pt;
}


table.result tr td {} /* padding-right:10em; */
/*画面サイズxs(~767px)の場合*/
	@media screen and (max-width:767px) {
		table.result tr td {}
	}
table.result tr td.badgeArea {
	padding-right:8em;
}
	/*画面サイズxs(~767px)の場合*/
	@media screen and (max-width:767px) {
		table.result tr td.badgeArea {
			padding-right:6em;
		}
	}


td.yasui-badge {background: url("../images/icon-yasui.svg") no-repeat 98% 50% ;background-size:50px 50px;
}
	td.yasui-hayai-badge {
		background-image:url("../images/icon-yasui.svg"),url("../images/icon-hayai.svg");
		background-position: 98% 50%, 90% 50%;
		background-size: 50px,50px;
		background-repeat: no-repeat;
	}




td.hayai-badge {background: url("../images/icon-hayai.svg") no-repeat 90% 50% ;background-size:50px 50px;
}
	td.hayai-yasui-badge {
		background-image:url("../images/icon-hayai.svg"),url("../images/icon-yasui.svg");
		background-position: 90% 50%, 98% 50%;
		background-size: 50px,50px;
		background-repeat: no-repeat;
	}

/* 検索条件をテキスト表示しているエリア */
.searchCriteriaTextArea {
	margin-top:3em;
	margin-bottom:3em;
	background-image:url("../images/seino-track-side.svg"),url("../images/machinami.svg");
	background-repeat: no-repeat,no-repeat;
	background-position: center bottom, center bottom;
	background-size: 190px, 50%;
}

	/*画面サイズxs(~767px)の場合*/
	@media screen and (max-width:767px) {
		.searchCriteriaTextArea {
			margin-top:0em;
			background-image:url("../images/seino-track-frontup.svg"),url("../images/machinami.svg");
			background-position: 30px 53%, 50% 45%;
			background-size: 100px,100%;
		}
	}
	/*画面サイズsm(768px～991px)の場合*/
	@media screen and (min-width:768px) and (max-width:991px) {
		.searchCriteriaTextArea {
			margin-top:1em;
			background-image:url("../images/seino-track-frontup.svg"),url("../images/machinami.svg");
			background-position: 10% 53%, 50% 47%;
			background-size: 130px,80%;
		}
	}



h2.goshukamoto,
h2.otodokesaki,
h2.goshuka{
	width: 100%;
	text-align:center;
	padding: 0.25em 0;
	margin-bottom:0;
		text-shadow: 0.05em 0.05em 0.02em rgba(0,0,0,0.20);
}

h2.goshukamoto,
h2.otodokesaki{
	color:#ffffff;
	border-top: 2px solid rgba(60,128,173,1.00);
	border-right: 2px solid rgba(60,128,173,1.00);
	border-left: 2px solid rgba(60,128,173,1.00);
	border-radius: 5px 5px 0 0;
}

h2.goshukamoto img,
h2.otodokesaki img {
	vertical-align: text-bottom;
	height: 4.5em; /* 文字と同等サイズ 2.3em */
	margin-right:0.2em;
		position: absolute;
		top:0px;
		left:calc(50% - 8em);
		z-index:100;
}



h2.goshukamoto {
	/* background-color: rgba(5,44,140,1.00);  rgba(0,160,255,0.43); */
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5795c0+0,3c80ad+100 */
background: #5795c0; /* Old browsers */
background: -moz-linear-gradient(top,  #5795c0 0%, #3c80ad 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #5795c0 0%,#3c80ad 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #5795c0 0%,#3c80ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5795c0', endColorstr='#3c80ad',GradientType=0 ); /* IE6-9 */

	}
h2.otodokesaki {
	/*background-color: rgba(11,84,6,1.00);  rgba(0,255,52,0.43); */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5795c0+0,3c80ad+100 */
background: #5795c0; /* Old browsers */
background: -moz-linear-gradient(top,  #5795c0 0%, #3c80ad 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #5795c0 0%,#3c80ad 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #5795c0 0%,#3c80ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5795c0', endColorstr='#3c80ad',GradientType=0 ); /* IE6-9 */
	
}
h2.goshuka {
	/* background-color: rgba(244,255,0,0.43); */
	/* margin-top:1.5em; */	
	text-shadow:1px 1px 0 #FFF, -2px -2px 0 #FFF,
              -1px 1px 0 #FFF, 2px -2px 0 #FFF,
              0px 1px 0 #FFF,  0-2px 0 #FFF,
              -1px 0 0 #FFF, 2px 0 0 #FFF;
}

/*画面サイズxs(~767px)の場合*/
@media screen and (max-width:767px) {
	h2.goshuka{
		margin-top:20px; /* bootstrap初期値 */
	}
}
/*画面サイズsm(768px～991px)の場合*/
@media screen and (min-width:768px) and (max-width:991px) {
	h2.goshuka{
		margin-top:20px; /* bootstrap初期値 */
	}
}

p.goshukamoto,
p.otodokesaki,
p.goshuka{
	font-size:14pt;
	margin-bottom:0;
}

p.goshukamoto,
p.otodokesaki{
	border-right: 2px solid rgba(60,128,173,1.00);
	border-bottom: 2px solid rgba(60,128,173,1.00);
	border-left: 2px solid rgba(60,128,173,1.00);
	border-radius: 0 0 5px 5px;
	padding: 1em 1em;
	background-color: rgba(255,255,255,0.80);
}


p.goshukamoto,
p.otodokesaki {
	min-height:8em;
}

p.goshuka{
	text-align: center;
	text-shadow:1px 1px 0 #FFF, -2px -2px 0 #FFF,
              -1px 1px 0 #FFF, 2px -2px 0 #FFF,
              0px 1px 0 #FFF,  0-2px 0 #FFF,
              -1px 0 0 #FFF, 2px 0 0 #FFF;
}

	/*画面サイズxs(~767px)の場合*/
	@media screen and (max-width:767px) {
		p.goshukamoto,
		p.otodokesaki {
			min-height:4em;
		}
	}
	/*画面サイズsm(768px～991px)の場合*/
	@media screen and (min-width:768px) and (max-width:991px) {
		p.goshukamoto,
		p.otodokesaki {
			min-height:4em;
		}
	}

/* 機能タイトル */
h3 {
	color:#fff; /* rgba(0,29,160,1.00) */
	background-color: rgba(0,0,0,0.05);
	padding: 0.25em 0.25em 0.25em 0.25em;
	border-top: 1px solid rgba(60,128,173,1.00);
	border-radius: 0.2em;
	text-shadow: 0.05em 0.05em 0.02em rgba(0,0,0,0.30);
	letter-spacing: 0.1em;
}

h3.goshukamoto img,
h3.otodokesaki img {
	/*
     -webkit-filter: hue-rotate(0deg) brightness(0.6);
     -moz-filter: hue-rotate(0deg) brightness(0.6);
     -o-filter: hue-rotate(0deg) brightness(0.6);
     -ms-filter: hue-rotate(0deg) brightness(0.6);
     filter: hue-rotate(0deg) brightness(0.6);
	*/
	vertical-align: text-bottom;
	height: 4em;
	margin-right:0.2em;
		position: absolute;
		top:0px;
		left:calc(0% + 1em);
		z-index:100;
}

h3.goshukamoto {
		/*background-color: rgba(5,44,140,1.00);  rgba(0,160,255,0.43) */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5795c0+0,3c80ad+100 */
background: #5795c0; /* Old browsers */
background: -moz-linear-gradient(top,  #5795c0 0%, #3c80ad 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #5795c0 0%,#3c80ad 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #5795c0 0%,#3c80ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5795c0', endColorstr='#3c80ad',GradientType=0 ); /* IE6-9 */
}
/*画面サイズxs(~767px)の場合*/
@media screen and (max-width:767px) {
	h3.goshukamoto {text-align:center;}
}

h3.otodokesaki {
	/*background-color: rgba(11,84,6,1.00);  rgba(0,255,52,0.43) */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5795c0+0,3c80ad+100 */
background: #5795c0; /* Old browsers */
background: -moz-linear-gradient(top,  #5795c0 0%, #3c80ad 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #5795c0 0%,#3c80ad 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #5795c0 0%,#3c80ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5795c0', endColorstr='#3c80ad',GradientType=0 ); /* IE6-9 */
}
/*画面サイズxs(~767px)の場合*/
@media screen and (max-width:767px) {
	h3.otodokesaki {text-align:center;}
}

.inputArea {
	margin-top:1em;
}
/* input:required{background: pink;}
input:valid{background: white;} */ /* 入力内容が正しかった場合の指定 */
label{
	font-weight: normal!important;
	
}
.botan {
    background-color: #3169d1;
    color: #fff !important;
}
.botan:hover {
    background-color: #998bfa;
}

.time-selectbox{
	display: inline-block;
	width: 130px;
}
.nisugatacheckbox label {
  width: 120px;
}
.nisugataradio label{
  width: 120px;
}
input[type="text"],input[type="radio"], select {
    margin-left: 0.0em;
}
p.text{
	 word-wrap:break-all;
}
.obi{
	padding-left: 0px;
    padding-right: 0px;
}
span.aks{
	display: inline-block;
	font-size: 1em;
	width: 100%;
}