/* CSS Document */

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

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

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


.navbar-header-bg {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,fdfcf9+76 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fdfcf9 76%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fdfcf9 76%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#fdfcf9 76%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fdfcf9',GradientType=0 ); /* IE6-9 */
}

/*画面サイズxs(~767px)の場合*/
@media screen and (max-width:767px) {
	.navbar-header-bg {background: #ffffff; /* Old browsers */}
}

/* OPEN版の設定 */
body#open {margin-top:90px;}

body#open nav.navbar-header-bg {
	/* background-image:none;
	background: #fff;*/
	border-bottom:1px solid #E8DFD3;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.12);
}


.navbar-header{
	display:block; 
	width:100%;
	height:88px;
	
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
	background-color: rgba(255,255,255,0.50);
	font-weight:bold;
}

	/*画面サイズxs(~767px)の場合*/
	@media screen and (max-width:767px) {
		.navbar-header{
			width:auto;
			border-bottom-style: none;
		}
	}

/* ブランド名 */
.navbar-brand {
	/*
	display:block; 
	float:none;
	width:100%;
	*/
	padding:0px 15px 0px 15px;
}

	/*画面サイズxs(~767px)の場合*/
	@media screen and (max-width:767px) {
		.navbar-brand {
			/* 
			width:auto;
			*/
		}
	}

.brandlogo {width:230px;}

.navbar-nav {
}

.navbar-nav > li > a {
	padding-top: 3px;
	padding-bottom: 3px;
}


/* お届け先について */
.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;
	}


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{
	border-top: 1px solid rgba(0,0,0,0.20);
	border-right: 1px solid rgba(0,0,0,0.20);
	border-left: 1px solid rgba(0,0,0,0.20);
	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(0,160,255,0.43);
		
	}
h2.otodokesaki {
	background-color: rgba(0,255,52,0.43);
}
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: 1px solid rgba(0,0,0,0.20);
	border-bottom: 1px solid rgba(0,0,0,0.20);
	border-left: 1px solid rgba(0,0,0,0.20);
	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.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(0,160,255,0.43);
}

h3.otodokesaki {
	background-color: rgba(0,255,52,0.43);
}

.inputArea {
	margin-top:1em;
}