@charset "UTF-8";
/* =============================================================================

CSS Information

 File name:	main.css

 Style Info: メインコンテンツ

============================================================================= */

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

共通
 
-------------------------------------------------------------------------------*/

/* タイトル
-----------------------------------------------------------*/

.title_block {
	margin-bottom: 30px;
	text-align: center;
}
.title_block h1 {
	margin-bottom: 10px;
	font-size: min(1.25rem,8vw);
}
.title_block .data {
	display: inline-block;
	padding: 4px 1em;
	background-color: #EEE;
	font-size: .875rem;
	font-weight: 600;
}


/* ボタンボックス
-----------------------------------------------------------*/

.btn_box {
	clear: both;
	margin: 0;
	padding: 10px 0;
	text-align: center;
}
.btn_box a ,
.btn_box input[type="submit"] ,
.btn_box input[type="button"] ,
.btn_box button {
	cursor: pointer;
	display: inline-block;
	width: 480px;
	max-width: 100%;
	padding: 12px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	border-radius: 50vh;
	background: url(../image/yajirushiW.png) no-repeat 99% 50% #003096;
	background-size: 25px 25px;
	color: #FFF;
	text-decoration: none;
	transition: .3s;
}
.btn_box a:hover ,
.btn_box input[type="submit"]:hover ,
.btn_box input[type="button"]:hover ,
.btn_box button:hover {
	opacity: .5;
	text-decoration: none;
}

.btn_box.btn_gray a ,
.btn_box.btn_gray input[type="submit"] ,
.btn_box.btn_gray input[type="button"] ,
.btn_box.btn_gray button {
	background-color: #666;
}

/* gray */
.btn_box.logout a {
	width: 440px;
	max-width: 90%;
	background-color: #666;
}
.btn_box.logout a:hover {
	background-color: #999;
}


/* 注意書き
-----------------------------------------------------------*/

.note_block {
	margin-bottom: 30px;
	padding: 15px;
	background-color: #d5edf7;
	font-size: .875rem;
	text-align: center;
}
.note_block .btn_sample {
	display: inline-block;
	margin-left: .5em;
	margin-right: .5em;
	padding: 6px 1em;
	border-radius: 50vh;
	background-color: #003096;
	color: #FFF;
	font-size: .75rem;
	text-decoration: none;
	line-height: 1.2;
}

/* フォームパーツ
-----------------------------------------------------------*/

input.text-field {
	width: 400px;
	max-width: 100%;
	height: 2.4em;
	border: 1px solid #999;
	border-radius: 4px;
}

select {
	display: inline-block;
	padding: .5em 3.5em .5em 1em;
	border-radius: 4px;
	background-color: #ffffff;
	border: thin solid #2A5672;
	line-height: 2.5em;
}


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

ログイン
 
-------------------------------------------------------------------------------*/

/* ログインフォーム
------------------------------------------------------------- */

.login-widget-form {
	max-width: 640px;
	margin: 0 auto;
	padding: 10vh 10%;
	border: 1px solid #CCC;
	font-size: 1.125rem;
}
.login-widget-form dt {
	margin-bottom: 5px;
	color: #999;
	font-weight: bold;
}
.login-widget-form dd {
	margin-bottom: 20px;
}
.login-widget-form input.text-field {
	width: 100%;
}
.login-widget-form .submit {
	cursor: pointer;
	display: inline-block;
	width: 480px;
	max-width: 100%;
	padding: 12px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	border-radius: 50vh;
	background: url(../image/yajirushiW.png) no-repeat 99% 50% #003096;
	background-size: 25px 25px;
	color: #FFF;
	text-decoration: none;
	transition: .3s;
}
.login-widget-form .submit:hover {
	color: #FFF;
	background-color: #3158ad;
	text-decoration: none;
}

.login_memo {
	margin-bottom: 40px;
	text-align: center;
}
.memo_inner {
	display: block;
	padding: 15px;
	background-color: #888;
	color: #FFF;
	font-size: .875rem;
}
.memo_inner a {
	color: #FFF;
}


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

index 検索フォーム
 
-------------------------------------------------------------------------------*/

.search-form_area ,
.docment-file_area {
	max-width: 760px;
	margin: 0 auto 40px;
	padding: 5% 5%;
	border: 1px solid #CCC;
	font-size: 1rem;
}


/* 検索フォーム
------------------------------------------------------------- */

.search_dl {
	margin-top: 20px;
}
.search_dl dt {
	margin-bottom: 5px;
	color: #666;
	font-weight: 600;
}
.search_dl dd {
	margin-bottom: 20px;
}
.search_dl input[type="checkbox"] {
	margin-right: .25em;
}
.search_dl label {
	display: inline-block;
	margin-right: 1em;
	padding: 4px 0;
}


/* PDF ダウンロード
------------------------------------------------------------- */

.file_list li {
	margin-bottom: 20px;
}
.file_list .name {
	display: block;
	font-weight: 600;
}
.file_list .name::before {
	display: inline-block;
	content: '';
	width: 2em;
	height: 2.5em;
	margin-right: .5em;
	background: no-repeat center center;
	background-image: url('data:image/svg+xml,%3Csvg%20height%3D%22256%22%20viewBox%3D%220%200%20512%20512%22%20width%3D%22256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23df5656%22%3E%3Cpath%20d%3D%22m378.413%200h-170.116-13.182l-9.315%209.314-128.78%20128.788-9.314%209.314v13.176%20265.514c0%2047.36%2038.528%2085.895%2085.896%2085.895h244.811c47.353%200%2085.881-38.535%2085.881-85.895v-340.21c0-47.368-38.528-85.896-85.881-85.896zm54.084%20426.105c0%2029.877-24.214%2054.091-54.084%2054.091h-244.811c-29.884%200-54.098-24.214-54.098-54.091v-265.514h83.716c24.885%200%2045.077-20.178%2045.077-45.07v-83.717h170.116c29.87%200%2054.084%2024.214%2054.084%2054.092z%22%2F%3E%3Cpath%20d%3D%22m171.947%20252.785h-28.529c-5.432%200-8.686%203.533-8.686%208.825v73.754c0%206.388%204.204%2010.599%2010.041%2010.599%205.711%200%209.914-4.21%209.914-10.599v-22.406c0-.545.279-.817.824-.817h16.436c20.095%200%2032.188-12.226%2032.188-29.612.001-17.658-11.953-29.744-32.188-29.744zm-1.228%2042.103h-15.208c-.545%200-.824-.272-.824-.81v-23.23c0-.545.279-.816.824-.816h15.208c8.42%200%2013.447%205.027%2013.447%2012.498.001%207.47-5.027%2012.358-13.447%2012.358z%22%2F%3E%3Cpath%20d%3D%22m250.191%20252.785h-21.868c-5.432%200-8.686%203.533-8.686%208.825v74.843c0%205.3%203.253%208.693%208.686%208.693h21.868c19.69%200%2031.923-6.249%2036.81-21.324%201.76-5.3%202.723-11.681%202.723-24.857%200-13.175-.964-19.557-2.723-24.856-4.888-15.075-17.12-21.324-36.81-21.324zm17.665%2064.111c-2.318%207.331-8.965%2010.459-18.21%2010.459h-9.23c-.545%200-.824-.272-.824-.816v-55.146c0-.545.279-.817.824-.817h9.23c9.245%200%2015.892%203.128%2018.21%2010.46.95%203.128%201.62%208.56%201.62%2017.93s-.671%2014.802-1.62%2017.93z%22%2F%3E%3Cpath%20d%3D%22m361.167%20252.785h-44.812c-5.432%200-8.7%203.533-8.7%208.825v73.754c0%206.388%204.218%2010.599%2010.055%2010.599%205.697%200%209.914-4.21%209.914-10.599v-26.351c0-.538.265-.81.81-.81h26.086c5.837%200%209.23-3.532%209.23-8.56s-3.393-8.553-9.23-8.553h-26.086c-.545%200-.81-.272-.81-.817v-19.425c0-.545.265-.816.81-.816h32.733c5.572%200%209.245-3.666%209.245-8.553-.001-5.029-3.674-8.694-9.245-8.694z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-size: auto 100%;
	vertical-align: middle;
}
.file_list .btns_box {
	display: block;
	text-align: right;
}
.file_list .btns_box a {
	display: inline-block;
	width: 180px;
	max-width: 100%;
	padding: 4px;
	border-radius: 50vh;
	background: #003096;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

@media only screen and (min-width: 640px) {
	.file_list li {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.file_list .name {
		flex: 1;
	}
	.file_list .btns_box {
		width: 180px;
	}	
}


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

商品一覧
 
-------------------------------------------------------------------------------*/

/* item_upper_area
-----------------------------------------------------------*/

.item_upper_area {
	margin-bottom: 25px;
}
.item_upper_area .item_csv_block {
	text-align: center;
}
.item_upper_area > .zaiko_center_info {
	margin-left: 20px;
	margin-right: 20px;
	padding: 20px 0;
}
.item_upper_area .item_info_block {
	line-height: 1.4;
}

/* CSV */
.item_csv_block h3 ,
.zaiko_center_info h3 {
	font-size: 1rem;
}
.item_csv_block .btn_box {
	padding-bottom: 0;
}
.item_csv_block .zaiko_center_info {
	margin-top: 20px;
}
.item_csv_block .zaiko_center_info p {
	text-align: left;
}

/* text */
.item_info_block .date {
	display: inline-block;
	margin-bottom: 8px;
	padding: 4px 6px;
	background-color: #333;
	color: #FFF;
	font-size: .875rem;
}

@media only screen and (min-width: 840px) {
	.item_upper_area {
		display: flex;
		align-items: center;
		margin-bottom: 25px;
	}
	.item_upper_area .item_csv_block {
		max-width: 320px;
		margin-right: 2em;
	}
	.item_upper_area > .zaiko_center_info {
		padding: 30px 0 0;
	}
	.item_upper_area .item_info_block {
		flex: 1;
		text-align: right;
	}	
	.item_info_block .stock_info {
		display: flex;
		justify-content: flex-end;
		font-size: .8125rem;
	}
}


/* 商品 table
-----------------------------------------------------------*/

.item_list_contents {
	position: relative;
}

.item_list_tbl {
	width: 100%;
	margin-bottom: 40px;
	border-bottom: 1px solid #C5C5C5;
	font-size: .8125rem;
}

.item_list_tbl thead {
	background-color: #2A5672;
	color: #FFFFFF;
	white-space: nowrap;
}
.item_list_tbl th {
	padding: 10px 6px;
}
.item_list_tbl th.under_line {
	padding: 10px 6px 4px;
	border-bottom: 1px solid #5b839d;
}
.item_list_tbl th.under_cell {
	padding: 4px 4px 10px;
	font-size: .75rem;
}

.item_list_tbl tbody tr:nth-child(2n) {
	background-color: #E4EDF3;
}
.item_list_tbl td {
	padding: 8px 6px;
	text-align: center;
}
.item_list_tbl tr td:nth-child(2) {
	text-align: left;
}
.item_list_tbl td .detail {
	display: block;
	color: #999;
	font-size: .75rem;
}

.item_list_tbl .min {
	font-size: 80%;
}

/* sort用 */
.sort_tbl .sort_arrow {
	display: inline-block;
	margin-left: .25em;
	width: 1em;
	height: 1em;
	font-size: .6275rem;
}
@media only screen and (max-width: 768px) {
	.item_list_contents {
		margin: 20px -20px;	
	}
	.item_list_swipe {
		overflow-x: auto;
		width: 100%;
		-webkit-overflow-scrolling: touch;	
	}
	.item_list_tbl {
		min-width: 960px;
		margin-left: 20px;
		padding-bottom: 20px;
	}	
}