@charset "UTF-8";
/* ****************************************************
mixin
**************************************************** */
/* border radius */
/* center */
/* text length */
/* fit */
/* opacity */
/* transition */
/* break point */
/* for Cording */
/* ****************************************************
color set
**************************************************** */
/* ****************************************************
font
**************************************************** */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* ****************************************************
basic
**************************************************** */
.pc {
  display: block;
}

.sp {
  display: none;
}

@media (max-width: 1200px) {
  .container .inner {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .container .inner {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  .container .inner {
    width: 100vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 5vw;
    padding-left: 5vw;
  }
  .container .pc {
    display: none;
  }
  .container .sp {
    display: block;
  }
}
/* ****************************************************
header
**************************************************** */
/* ****************************************************
footer
**************************************************** */
/* ****************************************************
front-page
**************************************************** */
/* ****************************************************
下層
**************************************************** */
/* ----- 全体 ---------------------------------------------------------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
}

html {
  overflow-y: scroll;
  overflow-x: hidden;
}

img {
  border: none;
}

a {
  outline: none;
}
a:link, a:visited {
  color: #e5005a;
  text-decoration: underline;
}
a:hover, a:active {
  color: #9a0548;
  text-decoration: none;
}

.textright {
  text-align: right !important;
}

.textleft {
  text-align: left !important;
}

.textcnter {
  text-align: center !important;
}

.font-ss {
  font-size: 0.8rem !important;
}

.section {
  margin-top: 10px;
}
.section dl {
  margin-bottom: 0.5rem;
  margin-left: 550px;
}
.section dt {
  color: #f893bb;
}
.section dd {
  font-size: 0.8rem;
  padding-left: 1rem;
}

.imgnone img {
  display: none;
}

/* ----- 外枠 ---------------------------------------------------------------------------------------------------- */
body {
  background: url(../imges/head-bg.png) repeat-x left 87px;
  color: #121212;
  font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, Sans-Serif;
  font-weight: normal;
  text-align: center;
}

div#container {
  width: 100%;
  margin: 0 auto;
  background: url(../imges/) repeat-x left top;
  font-size: 0.9em;
  line-height: 1.6;
}
div#container p {
  margin-bottom: 0.5rem;
}

/* ----- ヘッダー枠（CSS設定は下記のヘッダーCSSに記述）------- */
body.archive div#header, body.page div#header, body.single div#header, body.error404 div#header {
  background: url(../imges/head.png) repeat-x left top;
  margin: 0 auto;
  width: 960px;
  height: 120px;
}
body.page-template-top-php div#header {
  background: url(../imges/head.png) repeat-x left top;
  margin: 0 auto;
  width: 960px;
  height: 340px;
}

/* ----- タイトル ------- */
div#header h1 a {
  display: block;
  width: 190px;
  height: 87px;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
}

/* ----- ナビゲーションバー------- */
ul#nav {
  width: 960px;
}
ul#nav li {
  float: left;
  display: inline;
  list-style-type: none;
}
ul#nav li a {
  background: #e5005a;
  display: block;
  height: 34px;
  font-size: 15px;
  color: #fff;
  line-height: 2.4;
  text-decoration: none;
}
ul#nav li.nav1 a {
  width: 80px;
  padding-left: 10px;
}
ul#nav li.nav1 a:active, ul#nav li.nav1 a:hover {
  background: #b90455 url(../imges/navibg.png) 10px center no-repeat;
  padding-left: 10px;
  width: 80px;
  height: 34px;
}
ul#nav li.nav2 a {
  width: 90px;
  padding-left: 10px;
}
ul#nav li.nav2 a:active, ul#nav li.nav2 a:hover {
  background: #b90455 url(../imges/navibg.png) 15px center no-repeat;
  padding-left: 10px;
  width: 90px;
  height: 34px;
}
ul#nav li.nav3 a {
  width: 90px;
  padding-left: 10px;
}
ul#nav li.nav3 a:active, ul#nav li.nav3 a:hover {
  background: #b90455 url(../imges/navibg.png) 15px center no-repeat;
  padding-left: 10px;
  width: 90px;
  height: 34px;
}
ul#nav li.nav4 a {
  width: 100px;
  padding-left: 10px;
}
ul#nav li.nav4 a:active, ul#nav li.nav4 a:hover {
  background: #b90455 url(../imges/navibg.png) 20px center no-repeat;
  padding-left: 10px;
  width: 100px;
  height: 34px;
}
ul#nav li.nav5 a {
  width: 120px;
  padding-left: 15px;
}
ul#nav li.nav5 a:active, ul#nav li.nav5 a:hover {
  background: #b90455 url(../imges/navibg.png) 20px center no-repeat;
  padding-left: 15px;
  width: 120px;
  height: 34px;
}
ul#nav li.nav6 a {
  width: 110px;
  padding-left: 10px;
}
ul#nav li.nav6 a:active, ul#nav li.nav6 a:hover {
  background: #b90455 url(../imges/navibg.png) 15px center no-repeat;
  padding-left: 10px;
  width: 110px;
  height: 34px;
}
ul#nav li.nav7 a {
  width: 120px;
  padding-left: 10px;
}
ul#nav li.nav7 a:active, ul#nav li.nav7 a:hover {
  background: #b90455 url(../imges/navibg.png) 15px center no-repeat;
  padding-left: 10px;
  width: 120px;
  height: 34px;
}
ul#nav li.nav8 a {
  width: 75px;
  padding-left: 10px;
}
ul#nav li.nav8 a:active, ul#nav li.nav8 a:hover {
  background: #b90455 url(../imges/navibg.png) 15px center no-repeat;
  padding-left: 10px;
  width: 75px;
  height: 34px;
}
ul#nav li.nav9 a {
  width: 80px;
  padding-left: 10px;
}
ul#nav li.nav9 a:active, ul#nav li.nav9 a:hover {
  background: #b90455 url(../imges/navibg.png) 15px center no-repeat;
  padding-left: 10px;
  width: 80px;
  height: 34px;
}

/* ----- コンテンツ枠  */
div#contents {
  clear: both;
  margin: 0 auto;
  width: 960px;
  padding: 20px 0 0 0;
}
div#leftbar {
  float: left;
  display: inline;
  text-align: left;
  width: 230px;
}
div#main {
  float: left;
  display: inline;
  width: 510px;
  text-align: left;
}

/* ----- インデックスページ（TOPページ）*/
/* ----- TOPページ左側*/
/* ----- 記事枠（TOPページ中央）*/
.top-post {
  width: 480px;
  padding: 10px 0 0 0;
  border-top: 3px #e5e5e6 solid;
  border-bottom: 3px #e5e5e6 solid;
  margin-bottom: 1rem;
}

.top-post-waku {
  padding: 0 5px;
}
.top-post-waku img.mb1rem {
  margin-bottom: 1rem;
}

.top-post h2 {
  font-size: 14px;
  margin-bottom: 10px;
}
.top-post h2 span {
  padding-right: 15px;
}
.top-post p {
  font-size: 94%;
  line-height: 140%;
}
.top-post ul {
  font-size: 13px;
}
.top-post ul li {
  list-style-type: none;
  border-top: 1px #ccc solid;
  line-height: 120%;
  padding: 8px 5px;
}
.top-post li span {
  padding-right: 15px;
  font-weight: bold;
}

.imgleft {
  float: left;
  margin: 0 10px 0 0;
}

.ex-more {
  clear: both;
  text-align: right;
  margin-bottom: 10px;
}

/* ----- 右側サイドバー枠 */
div#sidebar {
  float: right;
  display: inline;
  width: 220px;
  text-align: left;
  padding-bottom: 1rem;
}
div#sidebar h3 {
  font-size: 0.9rem;
  margin: 0 0 0.5rem 0;
  padding-bottom: 0.3rem;
  border-bottom: 1px dashed #ccc;
}
div#rss-3 {
  width: 190px;
  padding: 10px 0 0 8px;
  margin-bottom: 2rem;
}
div#rss-3 h3 {
  display: none;
}
div#rss-3 ul li {
  margin-bottom: 10px;
  line-height: 110%;
  list-style-type: none;
}
div#rss-3 ul li a {
  font-size: 12px;
  line-height: 1.5;
}
div#rss-3 span.rss-date {
  font-size: 12px;
  font-weight: bold;
}

/* ----- 市会議員団活動情報　------- */
/* ----- フォトトピックス　------- */
.phot-topic {
  padding: 10px 0 10px 8px;
}
.phot-topic h3 {
  font-size: 12px;
}
.phot-topic img {
  padding: 0 5px 5px 0;
}
.phot-topic p {
  font-size: 11px;
  text-align: right;
  padding-right: 10px;
  margin-bottom: 10px;
}

/* ----- ページＴＯＰへのリンク　------- */
#page-top {
  clear: both;
  text-align: right;
}
#page-top img {
  margin: 0;
  padding: 0;
}

/* ----- フッター枠　------- */
div#footer {
  clear: both;
  width: 100%;
  background: #f5f5f5 url(../imges/foot.png) repeat-x left top;
  margin: 0;
  padding: 0;
}
div#footer-inner {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}
div#footer-inner address {
  font-style: normal;
  font-size: 84%;
  line-height: 160%;
  padding-left: 10px;
  margin-bottom: 5px;
}
div#footer-inner address span {
  font-weight: bold;
  color: #fd666b;
}
div#footer-inner .foot-mail {
  float: left;
  display: inline;
}
div#footer-inner .foot-tel,
div#footer-inner .foot-fax {
  float: left;
  display: inline;
  width: 160px;
  height: 34px;
  margin-left: 10px;
  font-size: 18px;
  line-height: 200%;
  font-family: verdana;
  font-weight: 700;
}
div#footer-inner .foot-tel {
  background: url(../imges/tel.gif) no-repeat left 8px;
  padding-left: 20px;
}
div#footer-inner .foot-fax {
  background: url(../imges/fax.gif) no-repeat left 8px;
  padding-left: 35px;
}

.foot-left {
  float: left;
  display: inline;
  width: 740px;
  padding: 20px 0 10px 5px;
}

.foot-right {
  float: right;
  display: inline;
  width: 210px;
  padding: 20px 0 10px 0;
}
.foot-right ul li {
  list-style-type: none;
  float: left;
  display: inline;
  font-size: 70%;
}
.foot-right ul li.mail_page {
  background: url(../imges/mail.gif) no-repeat left top;
  padding: 0 30px 0 18px;
}
.foot-right ul li.sitemap_page {
  background: url(../imges/sitemap.gif) no-repeat left top;
  padding: 0 0 0 18px;
}

.copy {
  clear: both;
  text-align: right;
  font-size: 64%;
  padding-bottom: 20px;
}

/* ----- サイド　(右側)------- */
div#cat-sidebar {
  float: right;
  display: inline;
  width: 200px;
  text-align: left;
  padding-bottom: 30px;
}
div#blogpost {
  float: left;
  display: inline;
  width: 720px;
  text-align: left;
  padding: 0 0 0 5px;
}
div#blogpost h2 {
  background: url(../imges/h2.png) no-repeat left top;
  padding: 0 0 0 38px;
  margin-bottom: 20px;
  color: #e5005a;
  font-size: 20px;
  line-height: 1.4;
}
div#blogpost h3 {
  padding: 0 0 5px 0;
}
div#blogpost .post {
  clear: both;
  padding: 10px 0;
  border-top: 3px #e5e5e6 solid;
}
div#blogpost .post p {
  font-size: 94%;
  line-height: 180%;
}

/* ----- カテゴリページ・単一記事ページ　(左側)------- */
p.coment {
  font-size: 94%;
  line-height: 180%;
}

div#blogpost .post p.updata {
  clear: both;
  font-size: 84%;
  line-height: 160%;
  text-align: right;
}
div#blogpost .post ul,
div#blogpost .post ol {
  margin: 0 0 10px 30px;
}
div#blogpost .post-info {
  clear: both;
  border-top: 3px #e5e5e6 solid;
  padding: 5px 3px;
  margin-bottom: 40px;
  font-size: 88%;
}

/* ----- カテゴリページ・単一記事ページ　(右側サイドバー)------- */
ul.newpost {
  padding: 0 0 0 3px;
  margin: 0 0 20px 0;
}
ul.newpost li {
  list-style-type: none;
  border-bottom: 1px #e5e5e6 solid;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
ul.newpost li span {
  font-size: 15px;
  font-weight: bold;
}
ul.newpost li a {
  font-size: 13px;
}

/* ----- 固定ページ、404ページ------- */
div#pagepost {
  width: 960px;
  text-align: left;
  padding: 0 5px;
  margin: 0 0 30px 0;
}
div#pagepost h2 {
  border-left: #f893bb 20px double;
  padding: 0 0 0 10px;
  margin: 0 0 20px 0;
  color: #e5005a;
  font-size: 20px;
  line-height: 1.4;
}
div#pagepost2column h2 {
  border-left: #f893bb 20px double;
  padding: 0 0 0 10px;
  margin: 0 0 20px 0;
  color: #e5005a;
  font-size: 20px;
  line-height: 1.4;
}
div#pagepost2column h3 {
  margin: 0 0 10px 0;
  color: #690;
  font-size: 18px;
  line-height: 1.4;
}
div.pagepost-body {
  padding: 0 20px;
}
div#linkpost {
  width: 880px;
  text-align: left;
  padding: 0 40px 0 30px;
}
div.link_list h3 {
  border-bottom: #f893bb 1px solid;
  padding: 0 0 3px 3px;
  margin: 0 0 20px 20px;
  color: #e5005a;
  font-size: 18px;
}
div.link_list ul {
  margin: 0 0 30px 50px;
}
div.link_list ul li {
  margin: 0 0 20px 40px;
  font-size: 14px;
  list-style-type: none;
}
div.link_list ul li a {
  background: url(../imges/link-out.gif) left center no-repeat;
  padding-left: 16px;
}
div.link_list ul li a:hover {
  background: url(../imges/link-out-over.gif) left center no-repeat;
}
div#mailform {
  width: 880px;
  text-align: left;
  padding: 0 30px;
}
div#mailform p {
  margin: 0 0 10px 10px;
  font-size: 14px;
}
div#mailform p span {
  color: #690;
  font-size: 13px;
  font-weight: bold;
}
div#mailform input,
div#mailform textarea {
  padding: 5px;
}

/* ----- linkページ------- */
/* ----- お問い合わせページ------- */
.wpcf7-submit {
  width: 100px;
}

/* -----サイトマップページ------- */
#sitemap {
  margin: 0 40px;
}
#sitemap h4 {
  margin: 0 0 10px 30px;
  color: #555;
  font-size: 15px;
}

ul.sitemap-list {
  margin: 0 0 10px 50px;
  font-size: 15px;
  line-height: 120%;
}
ul.sitemap-list li {
  margin: 0 0 10px 0;
  padding: 0 0 0 15px;
  background: url(../imges/site_li.gif) left 3px no-repeat;
  list-style-type: none;
}
ul.sitemap-list .children {
  margin: 10px 0 10px 30px;
}

/* ----- 写真回り込み------- */
.alignleft {
  float: left;
  margin: 0 10px 2px 0;
}

.alignright {
  float: right;
  margin: 0 0 2px 15px;
}

.aligncenter {
  display: block;
  margin: 0 auto 10px auto;
}

.alignnone {
  margin: 0 0 10px 0;
}

/* ----- ページナビ-------------------------------------- */
.wp-pagenavi {
  clear: both;
  font-size: 12px;
  margin: 0 0 30px 0;
  padding-top: 20px;
}
.wp-pagenavi a,
.wp-pagenavi span {
  text-decoration: none;
  border: 1px solid #0199da;
  padding: 4px 5px;
  margin: 2px;
}
.wp-pagenavi a:hover {
  background: #8ad3fb;
  border: 1px solid #8ad3fb;
  color: #fff;
}
.wp-pagenavi span.current {
  background: #8ad3fb;
  border: 1px solid #8ad3fb;
  color: #fff;
  font-weight: bold;
}

ul.arc {
  font-size: 0.8em;
  margin: 0 0 15px 20px;
}

.oldlink {
  margin-bottom: 1rem;
}

.tomo-bana,
.twitter-waku {
  margin-bottom: 1rem;
}

.tomo-bana img {
  margin-bottom: 10px;
}

.tomo-bana-fb img {
  margin-bottom: 8px;
}

.archiveBnr {
  margin: 0.5rem 0;
}
.archiveBnr a {
  color: #333;
  text-decoration: none;
  background: #8ad3fb;
  text-align: center;
  font-size: 0.8rem;
  font-weight: bold;
  border-radius: 4px;
  padding: 0.3rem 0;
  font-family: Meiryo, Osaka;
  display: block;
}
.archiveBnr a:hover {
  color: #fff;
  background: #019de0;
}




#cat-sidebar p {
  margin-top: 0.3rem;
  font-size: 0.8rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
#cat-sidebar h3 {
  margin: 0 0 0.5rem 0;
  color: #696;
  border-bottom: 1px solid #ccc;
  padding: 0 0 0.5rem 0;
  font-size: 1rem;
}
#cat-sidebar .section li {
  font-size: 0.9rem;
  margin-bottom: 1rem;
  padding-left: 16px;
  border-left: 8px double #ccc;
  text-align: left;
  line-height: 1.4;
}

.bgtype1 {
  padding: 1.5rem;
  background: #ffd;
  border-radius: 8px;
  border: 1px solid #ccc;
}

div#pagepost2column h4 {
  margin-bottom: 0.2rem;
}

/*plofile*/
#pagepost2column {
  float: left;
  display: inline;
  width: 720px;
  text-align: left;
  padding: 0 0 0 5px;
}

.section {
  overflow: hidden;
  margin-bottom: 1.5rem;
}

#pagepost2column .section p {
  line-height: 140%;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  text-indent: 1rem;
}

.plofiling {
  background: #e0e0e0;
  padding: 1rem;
  border-radius: 8px;
  margin: 0.5rem 0 1rem 0;
  clear: both;
}

.policy-lead {
  font-size: 1rem;
  color: #444;
  margin: 0 0 1rem 0;
  line-height: 1.5;
  text-indent: 1rem;
}

.wid240 {
  width: 240px;
  font-size: 0.8rem;
}
.wid240 img {
  margin-bottom: 0.3rem;
}

.wid260 {
  width: 260px;
  font-size: 0.8rem;
}
.wid260 img {
  margin-bottom: 0.3rem;
}

.wid320 {
  width: 320px;
  font-size: 0.8rem;
}
.wid320 img {
  margin-bottom: 0.3rem;
}

.wid360 {
  width: 360px;
}

.wid460 {
  width: 460px;
}

/*argument*/
div#pagepost #feed {
  margin: 0 0 0 20px;
  font-size: 0.9rem;
}
div#pagepost #feed li {
  margin: 0 0 1rem 0;
}
div#pagepost #feed li a {
  font-size: 1.1rem;
}
div#recording h3 {
  border-left: 1.2rem solid #50bb31;
  padding: 0 0 0 0.5rem !important;
  line-height: 1;
  margin-bottom: 0.5rem !important;
}
div#recording a {
  padding-left: 1.7rem;
  line-height: 180%;
}

/*policy*/
#pagepost2column .policy h3 {
  margin: 2em 0 1em 0;
  color: #f893bb;
}
#pagepost2column .policy li {
  list-style: none;
  font-size: 120%;
}
#pagepost2column .policy li span {
  color: #e5005a;
  padding-right: 10px;
}
#pagepost2column .policy p {
  margin-bottom: 1em;
  font-size: 120%;
}