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

img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

#container {
	width:100%;
}

/* スマホ用CSS ↓*/

/* -------------------- 共通：レイアウト、部品 -------------------- */

header {
	height: 70px;
}

header h1 {
	font-size: 12px;
	width: 80px
	height: 12px;
	float: left;
}

header h1 a {
	pointer-events: none;
}

header h1 span {
	display: none;
}

header a.pc-layout {
	display: inline-block;
	background: #eeedf8;
	margin: 5px 5px 0 0;
	padding: 1px 10px;
	float: right;
}

header nav ul {
	margin-top: 0px;
}

header nav ul li a {
	padding-left: 1px;
	margin-right: 1px;
	font-size: 12px;
}

header nav ul li span {
	display: none;
}

div.delivery-info {
	top: 40px;
}

header.scroll {
	height: 40px;
}

header.scroll + div.delivery-info {
	display: none;
}

main {
	margin-top: 100px;
}

nav.flow {
	display: none;
}

div.guide {
	margin: 0;
	padding: 0;
	margin-top: -40px;
}

div.main-box {
	margin: 40px 0 0 0;
	padding: 20px 0;
}

p.guide,
p.read,
p.comment,
p.comment-r,
p.error {
	padding: 10px;
	font-size: 12px;
}

select,
input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=number],
input[type=submit],
input[type=reset],
button,
a.btn {
	height: 35px;
	line-height: 35px;
}

button.print-btn {
	display: none;
}

table.gap-info th,
table.gap-info td {
	padding: 5px 10px;
}

ul.mds-tab {
	display: none;
}

header p.school-info {
	font-size: 12px;
	line-height: 16px;
	width: 48%;
}

header p.school-info strong {
	font-size: 12px;
}

header p.school-info a {
	font-size: 12px;
}

header p.school-info span {
	display: none;
}

header p.login-info {
	font-size: 12px;
	line-height: 16px;
	width: 48%;
}

header p.login-info strong {
	font-size: 12px;
}

header p.login-info span {
	display: none;
}

header p.retail-info {
	font-size: 12px;
	line-height: 16px;
	width: 48%;
}

header p.retail-info strong {
	font-size: 12px;
}

header p.retail-info span {
	display: none;
}

header p.retail-info a {
	font-size: 12px;
	white-space: nowrap;
}

header p.delivery-info {
	font-size: 12px;
	line-height: 16px;
	width: 48%;
}

header p.delivery-info strong {
	font-size: 12px;
}

header p.delivery-info span {
	display: none;
}

header p.delivery-info a {
	font-size: 12px;
	white-space: nowrap;
}

div.cart-school-btn {
}

div.cart-school-btn button {
	font-size: 12px;
}

div.cart-delivery-btn {
	top: 40px;
}

div.cart-delivery-btn button {
	font-size: 12px;
}

/* -------------------- 共通：汎用部品 -------------------- */

h2.mds {
	font-size: 14px;
}

.em50 { width: 30em; }
.em100 { width: 30em; }

/* -------------------- 共通：フォームレイアウト dl -------------------- */

dl.search-form dt {
	width: 90px;
	font-weight: normal;
}

dl.search-form dd {
	height: auto;
	margin-left: 100px;
}

dl.search-form dd.btn {
	margin-left: 0;
}

dl.search-form dd select {
	width: 90%;
	margin-bottom: 0.5em;
}

dl.search-form dd input {
	max-width: 90%;
	margin-bottom: 5px;
}

dl.search-form dd label {
	line-height: 3em;
	display: block;
	border-top: 1px solid #eee;
}

dl.search-form dd button,
dl.search-form dd input[type=submit],
dl.search-form dd input[type=reset] {
	display: block;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 1em;
}

footer {
	display: none;
}

/* -------------------- 単品発注モード -------------------- */

table.hikiate-table {
	width: 100%;
	border: none;
}

table.hikiate-table thead {
	display: none;
}

table.hikiate-table tr {
	display: block;
	padding: 20px 0;
	border-top: 1px solid #ccc;
}

table.hikiate-table tr.futokei td {
	border-style: none;
}

table.hikiate-table th {
	display: block;
}

table.hikiate-table td {
	display: block;
	text-align: left;
}

table.hikiate-table td.emp {
	display: none;
}

table.hikiate-table td.ar,
table.hikiate-table td.ct {
	text-align: left;
}

table.hikiate-table td br {
	display: none;
}

table.hikiate-table td:before {
	content: attr(data-label);
	font-weight: bold;
	width: 7em;
	float: left;
}

table.hikiate-table td.bt input.cancel {
	margin-top: 0;
}

table.hikiate-table td.memo {
	border-top: 2px solid #878787;
	border-bottom: 2px solid #878787;
	margin-top: -40px;
}

/* -------------------- カテゴリ選択画面 -------------------- */


a.category-btn {
	padding: 10px;
	width: auto;
	height: auto;
	border-radius: 2px;
}

a.category-btn h2 {
	font-size: 16px;
}

a.category-btn p {
	font-size: 14px;
}

a.category-btn ul {
	font-size: 14px;
}


/* -------------------- 一括発注モード -------------------- */

span.inport-btn {
	bottom: 0;
}

ul.inport-list {
	padding-left: 5px;
}

/* -------------------- 検索発注モード -------------------- */

div.result-submenu {
	display: none;
}

div.result-info {
	margin-top: -30px;
	height: auto;
	padding: 5px;
	position: static;
	font-size: 12px;
	line-height: 1.4;
	border: none;
	background: #eee;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
}

div#result-box {
	margin-top: 0;
}

nav.page-nav ul {
	display: none;
}

div.result-footer {
	bottom: 0;
}

div#result-box table {
	width: 100%;
}

div#result-box table thead {
	display: none;
}

div#result-box table tr {
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 10px 5px;
}

div#result-box table td {
	display: block;
	line-height: 1.4;
}

div#result-box table td span {
	padding: 0;
	text-indent: -1em;
}

div#result-box table td input {
	display: none;
}

div#result-box table td.t-title,
div#result-box table td.t-pub,
div#result-box table td.t-genre,
div#result-box table td.t-zan,
div#result-box table td.t-riron,
div#result-box table td.t-risou,
div#result-box table td.t-sabun,
div#result-box table td.t-order,
div#result-box table td.t-zaiko,
div#result-box table td.t-image {
	padding: 5px 0;
	border: none;
	text-align: left;
	font-size: 14px;
}

div#result-box table td.t-zan,
div#result-box table td.t-riron,
div#result-box table td.t-risou,
div#result-box table td.t-sabun {
	display: inline-block;
	min-width: 5em;
	background: #eee;
}

div#result-box table td.t-title {
	font-weight: bold;
}

div#result-box table td.t-genre:before,
div#result-box table td.t-zan:before,
div#result-box table td.t-riron:before,
div#result-box table td.t-risou:before,
div#result-box table td.t-sabun:before,
div#result-box table td.t-zaiko:before {
	content: attr(data-label);
	font-weight: bold;
	padding-right: 1em;
}

div#result-box table td.t-count,
div#result-box table td.t-order,
div#result-box table td.t-jisseki {
	display: none;
}

div#result-box table td.t-image img {
	width: 100%;
}

/* -------------------- 単品詳細ページ -------------------- */

div.book-img {
	border: none;
	position: static;
	width: 100%;
	padding: 0;
	text-align: center;
}

dl.book-info dt {
	width: auto;
	float: none;
	text-align: left;
	font-weight: bold;
}

dl.book-info dd {
	margin-left: 0;
	text-indent: 1em;
	border-top: none;
}

table.gurahu {
	width: 100%;
}

table.gurahu td {
	width: 42px;
}

table.suuti td div {
	width: 28px;
}

main#info {
	margin-bottom: 100px;
}

/* -------------------- 注文履歴、トレース -------------------- */

main#history dl.search-form dt,
main#history dl.search-form dd {
	display: block;
}

main#history dl.search-form dd input {
	width: 90%;
}

main#history dl.search-form dd input[type=submit] {
	margin-top: 10px;
}

table.history-table thead {
	display: none;
}

table.history-table tr {
	display: block;
	padding: 20px 0;
	border-bottom: 1px solid #eee;
}

table.history-table th {
	display: block;
}

table.history-table td {
	display: block;
	text-align: left;
	border: none;
}

table.history-table td.ar,
table.history-table td.ct {
	text-align: left;
}

table.history-table td br {
	display: none;
}

table.history-table td:before {
	content: attr(data-label);
	font-weight: bold;
	width: 7em;
	float: left;
}

p.cancel-btn {
	display: block;
	width: 100%;
	heidht: 40px;
	line-height: 40px;
	background: #eee;
	position: fixed;
	padding: 0 5px;
	bottom: 0;
	right: 0;
	text-align: right;
	z-index: 9;
	box-shadow: 0px -5px 5px rgba(0,0,0,0.2);
}

/* -------------------- カートページ -------------------- */

ul.cart-navi li input[type=submit],
ul.cart-navi li button {
	margin: 5px 0;
}


p.cart-user {
	width: 90%;
}

table.cart-table {
	border: none;
	border-top: 2px solid #ccc;
}

table.cart-table thead {
	display: none;
}

table.cart-table tr {
	display: block;
	padding: 20px 0;
	border: none;
	border-bottom: 2px solid #ccc;
}

table.cart-table td {
	display: block;
	text-align: left;
	border: none;
	padding: 10px 5px;
	border-bottom: 1px dashed #eee;
}

table.cart-table td.ar {
	text-align: left;
}

table.cart-table td:before {
	content: attr(data-label);
	font-weight: bold;
	width: 9em;
	float: left;
}

table.cart-table td p {
	margin-left: 9em;
}

button.pub-search-btn {
	top: 163px;
	left: 260px;
}

p.cart-school,
p.cart-retail,
p.cart-login,
p.cart-delivery {
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	float: none;
	width: 100%;
}

p.cart-school button,
p.cart-retail button,
p.cart-login button,
p.cart-delivery button {
	padding: 0 5px;
	font-size: 12px;
	line-height: 14px;
	height: 14px;
}

.delivery-balloon {
	display: none;
	opacity: 0;
}

main#cart,
main#check,
main#regist {
	margin-bottom: 60px;
}

/* -------------------- フッターナビ -------------------- */
nav.footer-navi {
	position: relative;
	background: #fff;
}

nav.footer-navi ul {
	display: block;
}

.scroll table {
	width:100%;
}

.scroll {
	overflow: auto; /*tableをスクロールさせる*/
	white-space: nowrap; /*tableのセル内にある文字の折り返しを禁止*/
}

.scroll::-webkit-scrollbar { /*tableにスクロールバーを追加*/
	height: 5px;
}

.scroll::-webkit-scrollbar-track { /*tableにスクロールバーを追加*/
	background: #F1F1F1;
}

.scroll::-webkit-scrollbar-thumb { /*tableにスクロールバーを追加*/
	background: #BCBCBC;
}

/* スマホ用CSS ↑*/

}