@charset 'utf-8';


/*---------------------------------------------------------
 layout
---------------------------------------------------------*/

/* l-wrap
-----------------------------------------*/
.l-wrap {
  padding: 0;
}

/*---------------------------------------------------------
 top
---------------------------------------------------------*/

/* .m-warning - 緊急・重要事象発生時 -
---------------------------------------------------------*/
.m-warning {
  border: none;
  border-bottom: 3px solid #de3f3e;
  color: #333;
  margin: 20px 0 39px 0;
  background-color: #fff;
}
.m-warning.ext-blue {
  border: none;
  border-bottom: 3px solid #002f7b;
}
.m-warning-ttl {
  margin: 0 0 20px 0;
  padding: 10px 15px;
  font-size: 1.25rem;
}
.m-warning-section {
  padding: 0 15px 15px 15px;
}
.m-warning-lv03-type01 {
  font-size: 1.125rem;/* 18px */
  margin: 0 -15px 16px;
  padding: 10px 10px 8px;
}
.m-top-list01.m-warning-list {
  margin: 10px 0 0 -10px;
  border-top: none;
}
.m-top-list01.m-warning-list li {
  clear: both;
  display: block;
  float: none;
  width: auto;
  padding: 10px 0;
}
.m-top-list01.m-warning-list li.ext-arrow01,
.m-top-list01.m-warning-list li.ext-arrow02 {
  background-position: 20px 1.1rem;
  padding-left: 34px;
  margin-left: -6px;
}
.m-top-list01.m-warning-list .m-link-file.ext-pdf {
 background-position: 15px 0.4rem;
}
.m-top-list01.m-warning-list .m-link-file.ext-excel {
 background-position: 20px 0;
}
.m-top-list01.m-warning-list .m-link-file.ext-word {
 background-position: 20px 0;

}
.m-top-list01.m-warning-list .m-link-file.ext-movie {
 background-position: 20px 0;
}
.m-top-list01.m-warning-list .m-link-file.ext-folder {
 background-position: 20px 0;
}



/* .m-attention - 重要なお知らせ -
---------------------------------------------------------*/
.m-attention {
  border: none;
  border-bottom: 2px solid #de3f3e;
  width: 100%;
  color: #333;
  min-height: inherit;
  margin: 20px 0 30px 0;
  display: block;
}
.m-attention-ttl {
  text-align: left;
}
.m-attention-ttl em {
  background: url(/common/200001259.png) no-repeat 14px 0.5em / auto 27px;
  font-size: 1.25rem;/* 20px */
  padding: 14px 9px 10px 54px;
  display: inline-block;
}
.m-attention-box {
  padding: 15px 15px 0 15px;
}
.m-attention-box p {
  font-size: 1rem;
}
.m-attention .m-top-list01 {
  border-top: none;
}
.m-attention .m-top-list01 li {
}
.m-attention .m-top-list01 .m-link-file {
  padding-left: 62px !Important;
}



/* .m-box-pagettl-btm - トップページ災害・防災情報 -
---------------------------------------------------------*/
.m-disaster {
  border: none;
  border-bottom: 3px solid #de3f3e;
  width: 100%;
  font-size: 0.875rem;/* 14px */
  min-height: inherit;
  margin: 0 0 30px 0;
}

.m-disaster-ttl {
  background: #de3f3e url(/common/200000045.png) no-repeat 12px 13px;
  color: #fff;
  font-size: 1.25rem;/* 20px */
  margin-bottom: 0;
  padding: 12px 10px 9px 52px;
}

.m-disaster-list {
  margin: 0;
  padding: 0;
}
.m-disaster-list li {
  display: block;
  margin: 0;
  padding: 15px;
  font-size: 0.875rem;/* 14px */
  border-bottom: none;
  line-height: 1.3;
}
.m-disaster-list li + li {
  border-top: 1px dashed #de3f3e;
}
.m-disaster-list a {
  background: url(/common/200000046.png) no-repeat 2px 5px;
  padding-left: 16px;
  color: #333;
  display: inline-block;
}

.m-disaster-btn {
  background: none;
  border: none;
  border-top: 1px solid #de3f3e;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  
}
.m-disaster-btn p {
  background: none;
  border-radius: inherit;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
.m-disaster-btn a {
  text-decoration: none;
  color: #333;
  background: url(/common/200000065.png) no-repeat 95% center / 16px 16px;
  font-size: 1rem;/* 16px */
  padding: 23px 15px;
  border-radius: 0;
}
.m-disaster-btn a:hover {
  box-shadow: none;
}

/* .m-mainvisual
---------------------------------------------------------*/
.m-mainvisual {
  float: none;
  width: 100%;
  height: auto;
  padding: 0 0 65px 0;
}
.m-slides li img {
  width: 100%;
}
.m-slides-control {
  height: 65px;
  background: none;
}
.m-primary-control {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0;
  letter-spacing: -0.4em;
  text-align: center;
}
.m-primary-control li {
  float: none;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 4px;
  letter-spacing: normal;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px #1752b7 inset;
  vertical-align: middle;
}
.m-primary-control li.flex-active {
  border: 2px solid #1752b7;
  box-shadow: none;
  background: #1752b7;
}
.m-primary-control li img {
  display: none;
}
.m-secondary-control {
  top: 5px;
  bottom: auto;
  right: 15px;
}
.m-play,
.m-stop {
  border: 1px solid #b2b2b2;
}

/* l-top
---------------------------------------------------------*/
.l-top-contents {
 float: none; 
}
.l-top-main {
  display: block;
  float: none;
  width: 100%;
}
.l-top-aside {
  display: block;
  float: none;
  width: 100%;
  margin-right: 0;
}
.l-top-holder {
  float: none;
  width: 100%;
  margin-left: 0;
}
.m-top-inner {
  margin-bottom: 30px;
  padding: 0 15px;
}

/* ttl
---------------------------------------------------------*/
.m-top-ttl {
  margin: 0 -15px 0;
}
.m-top-ttl + .m-top-list01,
.m-top-ttl + .m-top-list01 li:first-of-type {
  border-top: none;
}
.m-top-ttl + .m-life-event {
  margin-top: 20px;
}

/* ひらつからいふ */
.m-life-event {
  margin-bottom: 11px;
}
.ext-ico-type01 {
  background: #d9f0ff url(/common/200000066.png) no-repeat 12px 12px;
  background-size: 30px 36px;
  padding-left: 50px;
}
/* 市から皆さまへ */
.ext-ico-type02 {
  background: #d9f0ff url(/common/200000067.png) no-repeat 10px 11px;
  background-size: 35px 35px;
}
/* 平塚市について */
.ext-ico-type03 {
  background: #d9f0ff url(/common/200000068.png) no-repeat 15px 13px;
  background-size: 20px 36px;
}
/* 組織・施設案内 */
.ext-ico-type04 {
  background: #d9f0ff url(/common/200000069.png) no-repeat 10px 16px;
  background-size: 30px 30px;
}
/* 暮らしのシーン */
.ext-ico-type05 {
  background: #d9f0ff url(/common/200000070.png) no-repeat 11px 14px;
  background-size: 30px 30px;
}

/* 画像
---------------------------------------------------------*/
.m-life-event-img img {
  height: auto;
  max-width: 100%;
  width: 100%;
}
.m-top-bnr-list img {
  height: auto;
  max-width: 100%;
  width: 100%;
  height: auto;
}

.m-top-inner .m-life-event .m-mline {
  padding: 0; 
}


/* 暮らしのシーン
---------------------------------------------------------*/
.m-scene {
  padding: 0 0 10px 0;
  margin: 20px -10px 0 0;
  letter-spacing: -0.4em;
}
.m-scene li {
  display: inline-block;
  width: 33.3%;
  padding: 0 10px 10px 0;
}
.m-scene li:nth-child(3n) {
  padding-right: 10px;
}
.m-scene li a {
  border-radius: 5px;
  box-shadow: 0 -5px 0 rgba(0,0,0,0.3) inset;
  color: #333;
  display: block;
  font-size: 0.875rem;
  width: auto;
  height: auto;
  min-height: inherit;
  padding: 0 0 5px 0;
  text-align: center;
  text-decoration: none;
}
.m-scene li a:hover {
  box-shadow: none;
}
.m-scene li img {
  width: auto;
  padding: 5px 17px;
}

.m-scene-list {
  margin: 0 -15px;
  border-top: none;
  text-align: left;
}
.m-scene-list li {
  display: block;
  padding: 15px;
  line-height: 1.3;
  margin-left: 0;
  border-top: 1px dashed #808080;
}
.m-scene-list a {
  background: url(/common/200000061.png) no-repeat left 5px;
  background-size: 6px 9px;
  padding-left: 15px;
}

/* .m-top-tab
---------------------------------------------------------*/
.m-tab-menu {
  width: 100%;
  box-sizing: border-box;
}
.m-tab-ttl a {
  width: auto;
  min-width: 140px;
}
.m-tab-panel {
  padding: 0 0 30px 0;
}
.m-tab-list dt {
  display: block;
  float: none;
  width: auto;
  padding: 11px 15px 5px 15px;
}
.m-tab-list dd {
  display: block;
  margin: 0;
  padding: 0 15px 10px 15px;
}

.m-tab-ico{
  margin: 0 0 2px 0;
}

/* 平塚市について
---------------------------------------------------------*/
.m-top-bnr-list {
  margin: 0 -15px -10px -15px;
  text-align: center;
}
.m-top-bnr-list li {
  display: table;
  width: 100%;
  margin: 0 0 10px 0;
}
.m-top-bnr-list li.ext-mayors-office,
.m-top-bnr-list li.ext-city-council {
  height: auto;
}
.m-top-bnr-list li.ext-mayors-office a,
.m-top-bnr-list li.ext-city-council a {
  display: table-cell;
  height: 100%;
  padding: 0;
}
.m-top-bnr-list li.ext-mayors-office img,
.m-top-bnr-list li.ext-city-council img {
  position: relative;
  right: 0;
  width: 100%;
  height: auto;
}
.m-top-bnr-list li.ext-mayors-office em,
.m-top-bnr-list li.ext-city-council em {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.m-top-bnr-list + .m-top-list01,
.m-top-bnr-list + .m-top-list01 li:first-of-type {
  border-top: none;
}


/* module
---------------------------------------------------------*/
.m-top-btn01 {
  position: relative;
  z-index: 2;
  border: none;
  border-top: 1px solid #cfcace;
  border-bottom: 1px solid #cfcace;
  border-radius: 0;
  box-shadow: none;
  margin: 0 -15px -1px -15px;
}
.m-top-btn01 p {
  background: #fff;
  border-radius: 0;
  border: none;
  margin: 0;
  text-align: left;
}
.m-top-btn01 a {
  padding: 27px 15px 25px;
  border-radius: 0;
  box-shadow: none;
  font-size: 1rem;
}
.m-top-list01 + .m-top-btn01.ext-bdr-t {
  padding-top: 0;
}
.m-top-btn01 a:after {
  right: 15px;
  background: url(/common/200000057.png) no-repeat 95% center;
  background-size:16px 16px;
}


.m-top-list01 {
  padding: 0;
  margin: -2px -15px 0 -15px;
  border-top: 1px solid #cfcace;
}
.m-top-list01 li {
  padding: 15px 9px;
}
.m-top-list01 li.ext-arrow01,
.m-top-list01 li.ext-arrow02 {
  background-position: 15px 1.3rem;
  padding: 15px 24px 15px 30px;
}
.m-top-list01 a {
  background: none;
  background-size: 6px 9px;
}
.m-top-list01 .m-link-file.ext-pdf {
  background-position: 15px 0.9rem;
  padding-left: 46px;
}
.m-top-list01 .m-link-file.ext-word,
.m-top-list01 .m-link-file.ext-excel {
  background-position: 20px 0.9rem;
  padding-left: 46px;
}
.m-top-list01 .m-link-file.ext-movie {
  background-position: 18px 0.9rem;
  padding-left: 46px;
}
.m-top-list01 .m-link-file.ext-folder {
  background-position: 19px 0.9rem;
  padding-left: 46px;
}
.m-top-list01.ext-bdr-b {
  margin-bottom: 0;
  border-bottom: none;
}


/* 新着情報一覧
-----------------------------------------*/
.m-news-list .m-news-list-item {
  display: block;
  padding: 15px 16px 13px;
}
.m-news-list .m-news-list-item dt {
  display: block;
  padding: 0 0 2px;
}
.m-news-list .m-news-list-item dd {
  display: block;
  margin-left: 0;
  padding: 0;
  line-height: 1.3;
}

.m-news-list02 {
  padding-right: 3px;
}

.m-no-list {
  padding: 20px;
}


/* .広告バナー
---------------------------------------------------------*/
.l-bnr {
  padding-bottom: 0;
}
.m-bnr-inner {
  width: auto;
  padding: 30px 0 20px 0;
}

.m-bnr-header {
  margin: 0 0 10px 0;
}

.m-bnr-link {
  font-size: 0.875rem;/* 14px */
  color: #1752b7;
  vertical-align: top;
  margin-bottom: 6px;
}
.m-bnr-link a {
  background: url(/common/200000061.png) no-repeat left 5px;
  background-size: 6px 9px;
}

.m-bnr-list {
  margin-bottom: 0;
  padding-left: 0;
  letter-spacing: -0.4em;
}
.m-bnr-list li {
  display: inline-block;
  max-width: 50%;
  vertical-align: top;
  padding: 0 5px 10px 5px;
  letter-spacing: normal;
}