/* CSS Document */


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

* ページ共通

======================================= */
/* レスポンシブ表示・非表示切り替え */
.pc-show {
	display: none !important;
}
.tab-show {
	display: none !important;
}
.sm-show {
	display: block !important;
}
.pc-tab-show {
	display: none;
}
.tab-sm-show {
	display: block;
}
/* ページ幅 */
#container {
	background: url(../images/sm/bg_img_left.png) no-repeat 2% 200px,
							url(../images/sm/bg_img_right.png) no-repeat 98% 160px;
	height: 100%;
}
.inner {

}
/* ========================================

* header

======================================= */
/* ===== ロゴ・会員情報 ===== */
#header header .header-cont-wrap .header-cont .left h1 {
	width: 60%;
	height: auto;
	margin-bottom: 25px
}
#header header .header-cont-wrap .header-cont .left h1 img {
	width: 100%;
	height: auto;
}
/* 会員情報 */
#header header .header-cont-wrap .header-cont .left .member-info {
	text-align: center;
	width: 100%;
}
/* ========================================

* sm-nav

======================================= */
.sm-nav .drawer-hamburger {
	right: 15px;
	padding-top: 12px;
	padding-right: 0.55rem;
	padding-left: 0.55rem;
	padding-bottom: 22px;
}
.drawer--right.drawer-open .sm-nav .drawer-hamburger {
	right: 15px;
	padding-top: 12px;
	padding-bottom: 22px;
}
.drawer--right .sm-nav .drawer-hamburger .drawer-hamburger-icon,
.drawer--right.drawer-open .sm-nav .drawer-hamburger .drawer-hamburger-icon:before,
.drawer--right.drawer-open .sm-nav .drawer-hamburger .drawer-hamburger-icon:after {
}
/* ========================================

* news

======================================= */
#news {
	margin-bottom: 20px;
}
#news p.status-title {
	text-align: center;
}
#news .news-cont {
	padding-right: 10px;
	padding-left: 10px;
}	
#news .news-cont p.title {
	width: 100%;
	border-bottom: 1px #ccc dotted;
	margin-right: 0;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
	
/* ========================================

* gnav

======================================= */
#gnav {
	margin-bottom: 20px;
}
#gnav nav ul.service-menu {
	margin-bottom: 0;
}
#gnav nav li {
	display: inline-block;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
}
#gnav nav li a {
	font-size: 110%;
}
#gnav nav li:nth-child(even) {
	margin-right: 0;
}
#gnav nav .user-menu li:nth-last-child(1),
#gnav nav .user-menu li:nth-last-child(2){
	margin-bottom: 0;
}

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

* contents

======================================= */
#contents {
}
#contents .contents-bg {
	background: url(../images/sm/contents_img_left.png) no-repeat 0 bottom,
							url(../images/sm/contents_img_center.png) no-repeat 50% bottom,
							url(../images/sm/contents_img_right.png) no-repeat right bottom;
	padding: 0 0 90px 0;
}
#contents .contents-wrap {
	padding: 20px;
}

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

* トップページ

======================================= */
/***** 今日の発電 *****/
#contents.toppage .contents-wrap .circle-wrap.today {
	width: 100%;
}
#contents.toppage .contents-wrap .circle-wrap.today .circle ul li.day {
	font-size: 120%;
}
#contents.toppage .contents-wrap .circle-wrap.today .circle ul li.date {
	font-size: 120%;
}
#contents.toppage .contents-wrap .circle-wrap.today .circle ul li.weather img {
	width: 50%;
	height: auto;
}
#contents.toppage .contents-wrap .circle-wrap.today .circle ul li.kwh {
	font-size: 120%;
}
#contents.toppage .contents-wrap .circle-wrap.today .circle ul li.kwh .number-kwh {
	font-size: 30px;
	line-height: 30px;
}
/***** 貯金 *****/
#contents.toppage .contents-wrap .circle-wrap.savings {
	width: 100%;
}	
/* 今月の収支見込 */
#contents.toppage .contents-wrap .circle-wrap.savings .circle dl.month_prospects {
	padding-top: 30px;
}
#contents.toppage .contents-wrap .circle-wrap.savings .circle dl dt {
	font-size: 120%;
}
#contents.toppage .contents-wrap .circle-wrap.savings .circle dl dd {
	font-size: 140%;
}

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

* 発電情報ページ

======================================= */
/* ===== 日付 ===== */
.date-select form ul li.date-cell {
	width: 100%;
}
.date-select form ul li select {
	width: 85%;
}

/* ===== 一覧ページネーション ===== */
.pagination {
	margin-bottom: 10px;
}
/* 全件数 */
.pagination ul.page-count {
	text-align: center;
	float: none;
	margin-bottom: 10px;
}

/* 全件数 */
.pagination ol.page-number {
	text-align: center;
	float: none;
}
.pagination ol.page-number li {
	margin-bottom: 10px;
}

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

/* ===== 発電情報その他操作 ===== */
.other-date ul li {
	width: 100%;
	margin-right: 0;
	margin-bottom: 15px;
}
.other-date ul li:last-child {
	margin-bottom: 0;
}
/* ========================================

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

======================================= */
	
/* ===== 会員・機器登録フォーム ===== */

/* 住所欄 */
.register-form table tr.address td dl {
}
.register-form table tr.address td dl dt {
	width: 100%;
	display: block;
}
.register-form table tr.address td dl dd {
	width: 100%;
	display: block;
}	
	
/* ========================================

* footer

======================================= */
#footer .footer-bg {
	text-align: center;
	background: url(../images/sm/footer_img_left.png) no-repeat 0 80px/auto auto,
							url(../images/sm/footer_img_right.png) no-repeat 99% 60px/auto auto,
							url(../images/footer_top_bd.png) 0 bottom repeat-x;
}
#footer .footer-bg p.contacts-text {
	padding-right: 20px;
	padding-left: 20px;
}

/* エコーネット ロゴ */
#footer footer .echonet_logo {
	width: 90%;
}

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

* ログインページ

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

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

/* ===== コンテンツ ===== */
.login #contents.contents-login {
	margin-bottom: 30px;
}
.login #contents.contents-login .inner {
	width: 100%;
	padding: 20px;
}
.login #container .container-wrap {
	position: static;
  top: 0;
  left: 0;
  margin-right: 0;
  -webkit-transform: none; /* Safari用 */
  transform: none;
	margin-top: 0px;
}
/* ログインフォーム */

}