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

.contWrap { width: 80%; max-width: 1280px; margin: 0 auto 40px; padding: 30px 5% 50px; background-color: rgba(255, 255, 255, 0.8); }
.bgYLW { background-color: #FFFF40; line-height: 2em; }

.newsBlock { width: 100%; max-width: 100%; margin: 0 auto; background: url(../img/bg_mainIMG.jpg) 70% top/900px no-repeat, url(../img/bg_SFbox.png) center bottom repeat-x #eed8b6; }
.newsBlock img { width: 100%; }

.flexWrap { display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; }
.flexWrap.sfLogoBlock { margin: 0 auto 0; max-width: 800px; }
.block_L { flex: 0 0 100%; }
.block_R { flex: 0 0 40%; margin: 0 30%; }

@media screen and (min-width:768px) {
	.newsBlock { background: url(../img/bg_mainIMG.jpg) center top/100% no-repeat, url(../img/bg_SFbox.png) center bottom repeat-x #eed8b6; }
}

/* ========================================================= news_SFexpress ================================= */
.mainTtlBlock { padding: 80px 5% 0; }
.imgMain { width: 86%; max-width: 600px; margin: 0 auto; }
.mainTtlBlock h1 { font-size: 24px !important; color: #134f72; font-weight: bold; line-height: 1.2em; margin: 1em auto; padding: 0; text-align: center;
	text-shadow: 0 0 2px #FFFFFF, 0 0 2px #FFFFFF, 0 0 2px #FFFFFF, 0 0 2px #FFFFFF, 0 0 2px #FFFFFF, 0 0 0.2em #FFFFFF, 0 0 0.2em #FFFFFF, 0 0 0.2em #FFFFFF, 0 0 0.2em #FFFFFF, 0 0 0.2em #FFFFFF;
}

.contBlock { padding: 0 0 150px; }
.logoSF { margin: 0 auto; }
.imgSF img { max-width: 900px;
	-moz-box-shadow: 0 10px 10px #63491f;
	-webkit-box-shadow: 0 10px 10px #63491f;
	-o-box-shadow: 0 10px 10px #63491f;
	-ms-box-shadow: 0 10px 10px #63491f;
	box-shadow: 0 10px 10px #63491f;
}

@media screen and (min-width:576px) {
	.mainTtlBlock h1 { font-size: 34px !important; }
}
@media screen and (min-width:768px) {
	.block_L { flex: 0 0 70%; margin: 0 5% 0 0; text-align: left; }
	.block_R { flex: 0 0 25%; margin: 0 auto; }
}
/* ========================================================= // news_SFexpress ================================= */

/* ============================================================================ 送料テーブル ========================= */
.feelist { width: 100%; margin: 0 auto; }
.feelistWRAP { width: 100%; max-width: 600px; margin: 0 auto; }

#tab_area li { width: 48%; margin: 0 1% 10px; padding: 0; float: left; display: table; }
#tab_area li a { color: #333; height: auto; margin: 0 auto; padding: 0.5em 1em; text-align: center;
    background-color: #eee; border-radius: 6px 6px; border-bottom: solid 3px #adadad; text-decoration: none; display: table-cell; vertical-align: middle;
}
#tab_area li a:hover, #tab_area li a.active { color: #FFF; border-bottom: solid 3px #FFF; background-color: #D60000; }

div#tabcontent { margin: 0 auto 0.5em; padding: 3% 2%; border: 1px dotted #ccc; }
div#tabcontent table { width: 100%; margin: 0 auto; border-collapse: collapse; border: 1px solid #999; text-align: center; }
div#tabcontent table th, div#tabcontent table td { font-size: 13px !important; padding: 0.6em 0.4em; border: 1px solid #999; text-align: center; vertical-align: middle; table-layout: fixed; }
div#tabcontent table td { width: 16.666%; }
div#tabcontent #shippingCH table td { width: 14.284%; }
div#tabcontent table tbody th { background-color: #eeeeee !important; }

.tani { font-size: 13px !important; text-align: right; }
.tableWrap { height: auto; overflow: auto; position: relative; }

td.fwdfee { background-color: #ffffff !important; }
td.ems { background-color: #fafdca !important; }
td.air { background-color: #ffffff !important; }
td.sal { background-color: #ffffff !important; }
td.ship { background-color: #ffffff !important; }
td.sfch { background-color: #ffffff !important; }

div#tabcontent table tbody .stepLine th { background-color: #ffd6ea !important; }
div#tabcontent table tbody .stepLine td { background-color: #f7f7f7 !important; }
div#tabcontent table tbody .stepLine td.ems { background-color: #f5f9b1 !important; }

div#tabcontent table tbody td.nodata { background-color: #cccccc !important; }

div#tabcontent table .thTTL01, div#tabcontent table .thTTL02, div#tabcontent table .thTTL03, div#tabcontent table .thTTL04 { background-color: #676767 !important; color: #FFFFFF; }
div#tabcontent table .shipArea01, div#tabcontent table .shipArea02 { background-color: #eeeeee !important; }

.bgFWD { background: #ffcaca !important; font-weight: bold; }
.bgEMS { background: #ffdb4f !important; font-weight: bold; }
.bgPCL { background: #adadad !important; font-weight: bold; }
.bgAIR { background: #f8b862 !important; font-weight: bold; }
.bgSAL { background: #98d98e !important; font-weight: bold; }
.bgSHIP { background: #bbbcde !important; font-weight: bold; }
.bgSFCH { background: #f39800 !important; font-weight: bold; }

.fwdfee50off { color: #FF0000; font-weight: bold; }
.ems5off, .ems8off, .ems10off { color: #FF0000; font-weight: bold; }
.air5off, .sal5off, .ship5off { color: #FF0000; font-weight: bold; }

td.fwdfee .usual { text-decoration: none; }
td.ems .usual { text-decoration: line-through; }
td.air .usual { text-decoration: none; }
td.sal .usual { text-decoration: none; }
td.ship .usual { text-decoration: none; }

.fwdfee50off { display: none; }

.ems5off { display: block; }
.ems8off { display: none; }
.ems10off { display: none; }

.air5off { display: none; }
.sal5off { display: none; }
.ship5off { display: none; }

.offTxt { color: #010101; margin: 3px 1em 0; padding: 2px 5px; border-radius: 20px; background-color: #ffff00; }

@media screen and (min-width: 769px) {
	#tab_area li { width: 31.333%; }
}
/* ================== // 送料テーブル ========================= */

div#tabcontent { padding: 0 0 20px; border: 0; }
div#tabcontent #shippingCH table th { width: 40%; }
div#tabcontent #shippingCH table td { width: 60%; }

div#tabcontent table tr:nth-child(2) td { font-weight: normal; }