/*!
 * 基本スタイル
 */
body { /* 追記 */
	font-size: inherit;
	width:320px;
	margin: 0 auto;
}
body {
	font-family: ".HiraKakuInterface-W1",'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
a,
a:link,
a:hover,
a:active,
a:visited {
	color: white;
	text-decoration: none;
}
.accordion-inner {
	padding: 9px 15px;
	padding-top: 0.9em; /* 追記 */
	padding-bottom: 0.9em; /* 追記 */
}

/* アコーディオン内の品名 */
.accordion-inner li {
	font-size: 1.8em; /* 追記 */
}
/* アコーディオン内の注意へのリンク */
.accordion-inner p.note a {
	text-decoration: underline; /* 追記 */
}

/*!
 * ゴミ収集の情報
 */
#accordion .accordion-group {
	margin-bottom: 0;
	border: 0;
	border-radius: 0;
}
#accordion .accordion-group h6 {
	position: absolute;
	bottom: 0px;
	left: 10px;
	margin: 0;
}
#accordion .accordion-inner ul {
	color: #ffffff;
}
#accordion .accordion-heading .accordion-table {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	/*width: 80%;*/
	font-size: 22px;
	font-size: 2.2em; /* 追記 */
	padding-left: 20px;  /* 追記 */
}
#accordion .accordion-heading .accordion-toggle {
	position: relative;
	display: table;
	padding: 0;
	width: 100%;
	height: 119px;
	height: 11.9em; /* 追記 */
}
/* 相対日付 (左肩) */
#accordion .left-day {
	font-size: 2.0em;
	color: white;
	position: absolute;
	padding-left: 10px;
}
/* 指定日・直近日付 */
#accordion .date {
	font-size: 14px;
	font-size: 1.2em; /* 追記 */
}
/* 分別方法の頭文字(ふりがな) */
#accordion .initials {
	color: #ffffff;
}
/* ゴミを捨てるときの注意事項 */
#accordion .note {
	font-size: 14px;
	font-size: 1.4em; /* 追記 */
}
/* 製品プラスチック画像のマウスポインタ */
#accordion p.note img {
	cursor: pointer;
}

/* メニューをトップに固定する */
.fixed{
	position: fixed;
	top: 0;
	width: 320px;
	z-index: 10000;
	background-color: white;
	border-bottom: 1px solid black;
}

/*!
 * 備考欄
 */
#accordion2 {
	display: none;
}
#accordion2 .accordion-inner {
	text-align: center;
}


/*!
 * 5374.jpについて
 */
#accordion3,#accordion4,#accordion5 {
	font-size: 1.4em;
}
#accordion3 a.accordion-toggle-top {
	color: #000000;
	height: 22px;
	display: block;
	margin: 0;
	text-align: left;
	font-size: 25px;
	font-size: 1.4em; /* 追記 */
	margin: 15px 0 15px 20px;
	margin: 1.5em 0 1.5em 20px; /* 追記 */
}
#accordion3 a.accordion-toggle-top:hover {
	color: #000000;
}
#accordion3 h2 {
	font-size: 25px;
	font-size: 1.6em; /* 追記 */
	margin-top: 40px;
	margin-top: 1.0em; /* 追記 */
}
#accordion3 h3 {
	font-weight: bold;
	font-size: 16px;
	font-size: 1.4em; /* 追記 */
	margin-top: 15px;
	margin-top: 1.0em; /* 追記 */
}
#accordion3 #cfi {
	border-top: 1px solid black;
}
#accordion3 #cfk {
	border-top: 1px solid black;
}
#accordion3 #caption {
	color: #7F7F7F;
	margin-top: 30px;
	margin-top: 3.0em; /* 追記 */
}
#accordion3 #caption h4 {
	font-size: 12px;
	font-size: 1.4em; /* 追記 */
	font-weight: bold;
}
#accordion3 #help {
	margin-left: 5px;
}

#accordion3 li {
	font-size: 1.2em;
}

#accordion3 .accordion-inner {
/*	background-color: #DCDCDC;*/
    border: 1px solid #000;
}

#accordion3 #help a {
	color: black;
	text-decoration: underline;
}
#accordion3 #help .red {
	color: red;
}

label {
	font-size: 1.4em;
}

.glyphicon {
	float: left;
}
#accordion3 .glyphicon {
	margin-right: 1em;
}

/*!
 * Maybe not in use. Remove these later.
 */
#select_area_title {
	text-align: center;
	font-size: 20px;
	font-size: 2.0em; /* 追記 */
}
#gps_area {
	margin-top: 5px;
	margin-top: 0.5em; /* 追記 */
}
.accordion-group-top {
	background-color: #ffffff;
}

/*!
 * featherlight（Lightbox系）注記や画像を表示
 */
h3.featherlight-inner {
	font-size: 1.6em; /* 追記 */
	font-weight: bold;
}
.featherlight-inner {
	font-size: 1.4em; /* 追記 */
}
.featherlight .featherlight-content {
	margin-left: 50px !important; /* 画像サイズを小さめに */
	margin-right: 50px !important;
}
.featherlight .featherlight-close-icon {
	font-size: 2em !important; /* ×のサイズ */
}

/* 地域や表示文字サイズのフォームサイズ */
.form-control {
	font-size: 1.4em;
	cursor: pointer;
}

/*
 * スクロール時に上に戻るボタン
 * page top
 */
#page-top{
	width: 10em;
	/* height: 4em; */
	display: none;
	position: fixed;
	right: 1em;
	bottom: 2em;
	font-size: 1.5em;
}
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	background:#3b3b3b;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
#page-top p:hover{
	background:#8b8b8b;
}
#move-page-top{
	color:#fff;
	line-height:50px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}



/*!
 * スクリーンサイズに合わせて幅を調整
 */

@media screen and (min-width: 480px) {
    /* 480px以上用（タブレット／スマートフォン用）の記述 */
    body {
	width: 480px;
    }
    .fixed {
	width: 480px;
    }
}
@media screen and (min-width: 640px) {
    /* 640px以上用（タブレット用）の記述 */
    body {
	width: 640px;
    }
    .fixed {
	width: 640px;
    }
}
@media screen and (min-width: 980px) {
    /* 980px以上用（PC用）の記述 */
    body {
	width: 980px;
    }
    .fixed {
	width: 980px;
    }
}