@media only screen and (max-width: 768px) {
/* ========================================

* ページ共通

======================================= */
body {
}
/* レスポンシブ表示・非表示切り替え */
.pc-show {
	display: none !important;
}
.tab-show {
	display: block !important;
}
.sm-show {
	display: none !important;
}
.tab-sm-show {
	display: block;
}
.sm-img {
	width: 100%;
	height: auto
}

/* ページ幅 */
#container {
	background: url(../images/bg_img_left.png) no-repeat 2% 141px,
							url(../images/bg_img_right.png) no-repeat 98% 141px;
	height: 100%;
}

/* ページ幅 */
.inner {
	width: 100%;
	padding: 0 20px;
}

body {
	-webkit-text-size-adjust: 100%; /* iphone safari ランドスケープ文字サイズ処理 */
}
	
/* ========================================

* header

======================================= */
#header {
}
#header header .header-cont-wrap {
	padding-top: 20px;
}
#header header .header-cont-wrap .header-cont .left {
	width: 100%;
	float: none;
}

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

* news

======================================= */
#news {
}
#news p.status-title {
	width: 100%;
	margin-bottom: 10px;
}
#news .news-cont {
	width: 100%;
}
/* ========================================

* sm-nav

======================================= */
.sm-nav {
}
.sm-nav .drawer-nav {
    padding-top: 6rem;
    padding-right: 1.5em;
    padding-left: 1.5em;
    background: #7e5933;
}
.sm-nav .drawer-nav ul.drawer-menu  {
    margin-bottom: 1.5em;
		border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.sm-nav .drawer-nav ul.drawer-menu li   {
    padding-top: 1em;
    padding-bottom: 1em;
    border-bottom: 1px dotted #fff;
}
.sm-nav .drawer-nav ul.drawer-menu li a {
    display: block;
}
.sm-nav .drawer-nav ul.drawer-menu li:last-child    {
    padding-bottom: 0;
    border-bottom: none;
}
.sm-nav .drawer-nav ul.drawer-menu a {
    color: #fff;
    font-size: 1.1em;
}
.sm-nav .drawer-hamburger {
    top: 15px;
    right: 20px;
    border: 1px solid #7e5933;
    padding-top: 16px;
    padding-bottom: 26px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
}
.drawer--right.drawer-open .sm-nav .drawer-hamburger {
    color: #fff;
    top: 15px;
    right: 20px;
    border: 1px solid #fff;
    padding-top: 16px;
    padding-bottom: 26px;
    background: #7e5933;
}
.drawer--right .sm-nav .drawer-hamburger .drawer-hamburger-icon,
.drawer--right .sm-nav .drawer-hamburger .drawer-hamburger-icon:before,
.drawer--right .sm-nav .drawer-hamburger .drawer-hamburger-icon:after {
    background: #7e5933;
}
.drawer--right.drawer-open .sm-nav .drawer-hamburger .drawer-hamburger-icon:before,
.drawer--right.drawer-open .sm-nav .drawer-hamburger .drawer-hamburger-icon:after {
    background: #fff;
}
/* ========================================

* gna

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

* contents

======================================= */
#contents {
	padding-right: 20px;
	padding-left: 20px;
}
#contents .contents-wrap .contents-head  h2 {
	margin-bottom: 10px;
}
/* ===== 新規会員登録ボタン ===== */
#contents .contents-wrap .contents-head p.btn input {
    width: 100%;
    position: static;
    padding-right: 10px;
    padding-left: 10px;
}

/* ===== エラー履歴絞り込みボタン ===== */
#contents .contents-wrap .contents-head p.btn a {
    width: 100%;
    position: static;
    padding-right: 10px;
    padding-left: 10px;
}
	
/* ===== 一覧テーブル ===== */
#contents .contents-wrap .list {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
#contents .contents-wrap .list table {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
#contents .contents-wrap .list table th {
	white-space: nowrap;
}
#contents .contents-wrap .list table td {
	white-space: nowrap;
}
	
/* ========================================

* トップページ

======================================= */
/***** 今日の発電 *****/
#contents.toppage .contents-wrap .circle-wrap.today {
	width: 70%;
	float: none;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
/***** 貯金 *****/
#contents.toppage .contents-wrap .circle-wrap.savings {
	width: 70%;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
	
/* ========================================

* 発電情報ページ

======================================= */
/* ===== 日付 ===== */
.date-select form ul li.date-cell {
	width: 33.333%;
	margin-bottom: 10px;
}
.date-select form ul li.date-submit {
	width: 100%;
}	

/* ===== グラフ切り替え ===== */
.graph-select form dl {
	width: 48%;
	margin-right: 4%;
}
.graph-select form dl:nth-child(2) {
	margin-right: 0;
}
.graph-select form dl:nth-child(1),
.graph-select form dl:nth-child(2) {
	margin-bottom: 4%;
}

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

* 会員情報・機器情報ページ

======================================= */
	
/* ===== 会員・機器登録フォーム ===== */
.register-form table th {
	text-align: center;
	width: 100%;
	display: block;
	border-bottom: none;
	border: solid 1px #cccccc;
}
.register-form table td {
	width: 100%;
	display: block;
	padding: 15px;
	border-top: none;
	border-bottom: none;
}
.register-form table tr:last-child td {
	border-bottom: solid 1px #cccccc;
}
/* 名前・ふりがな欄 */
.register-form table tr.name td label,
.register-form table tr.furigana td label {
	display: block;
}
.register-form table tr.name td label:first-child,
.register-form table tr.furigana td label:first-child {
	margin-bottom: 1em;
}
.register-form table tr.name td,
.register-form table tr.furigana td {
}

.register-form table tr.name td input[type="text"],
.register-form table tr.furigana td input[type="text"] {
	width: 70%;
}
	

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

* footer

======================================= */	
#footer {
}

#footer .footer-bg {
	text-align: center;
	background: url(../images/footer_img_left.png) no-repeat 0 50px/25% auto,
							url(../images/footer_img_right.png) no-repeat 99% 50px/40% auto,
							url(../images/footer_top_bd.png) 0 bottom repeat-x;
	min-height: 162px;
	margin-bottom: -15px;
}
#footer .footer-bg p.contacts-text {
	padding-top: 0;
}
#footer footer .footer-nav {
	text-align: center;
	float: none;
	margin-bottom: 20px;
	padding-top: 0;
}
#footer footer .copyright {
	text-align: center;
	float: none;
}

/* エコーネット ロゴ */
#footer footer .echonet_logo {
	text-align: center;
	float: none;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
#footer footer dl.echonet_logo dt img {
	width: 50%;
}

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

* ログインページ

======================================= */
.login {
}
.login #container {
	background: url(../images/bg_img_left.png) no-repeat 2% 10%/30% auto,
							url(../images/bg_img_right.png) no-repeat 98% 10%/50% auto;
}
.login #container .container-wrap {
	width: 80%;
}

/* ===== ヘッダー ===== */
.login #header-login {
}
.login #header-login .inner {
	width: 100%;
}

/* ===== コンテンツ ===== */
.login #contents.contents-login .inner {
	width: 100%;
}
/* ログインフォーム */

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

* 会社概要

======================================= */
.info-table .company-img img {
	max-width: 100%;
	height: auto;
}
.info-table table {
	width: 100%;
}
.info-table table th {
	width: 100%;
	display: block;
	border-top: none;
	border-bottom: none;
}
.info-table table tr:first-child th {
	border-top: solid 1px #cccccc;;
}
.info-table table td {
	width: 100%;
	display: block;
}
.info-table table td:last-child {
	
}

}