﻿@charset "utf-8";

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

.mobile-display-only { display: initial; }

.pc-display-only { display: none; }

body {
	min-width: initial;
	margin: 4px;
}

.img-logo {
	max-width: 360px;
}

.slogan {
	display: none;
}

.img-slogan {
	display: none;
}

#headers {
	width: 100%;
	height: 50px;
	margin-bottom: 5px;
	border-top: #55a25e solid 2px; 
	border-bottom: #55a25e solid 2px;
	background: #FFFFFF;
}

#footers {
	background: none;
}

.img-step {
	width: 70%;
	margin: 4px 0 6px 0;
}

.main-title {
	font-size: 1.2em;
}

.order-about {
	width: 98%;
}

.order-about-line1 {
	color: #000000;
	font-weight: bold;
	font-size: 0.9em;
}

.order-about-line2 {
	font-size: 0.9em;
}

.order-about-line3 {
	font-size: 0.9em;
}

.hissu {
	padding: 2px 6px 0 6px;
	font-size: 0.8em;
}

.order-item-group-title {
	line-height: 28px;
	font-size: 1.0em;
}

.order-line-table {
	table-layout: auto;
}

.order-line-table tr,
.order-line-table th,
.order-line-table td {
	display: block;
}


.order-line-table col.col1 { width: 100%; }
.order-line-table col.col2 { width: 100%; }
.order-line-table col.col3 { width: 100%; }

.order-line-table tr th {
	padding: 4px 0 2px 10px;
}

.order-line-table tr td {
	padding: 2px 0 4px 10px;
}


.input-text-items {
	display: initial;
}

.text-long {
	width: 300px;
}


}
