/*
Template Name: 共通デザイン
*/
@charset "utf-8";
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #5d5766;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  box-sizing: border-box;
}
a {
  border: none;
  color: #4477b6;
  outline: none;
  text-decoration: none;
}
a img {
  border: 0;
  outline: none;
}
a:hover {
  color: #44b6ad;
}
table {
  margin-bottom: 1.5em;
}
th, td {
  border-bottom: #dedad5 dashed 1px;
  margin: 0;
  padding: 0.5em;
}
th {
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  table {
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    margin: 0 0 1.5em !important;
    padding: 0 !important;
  }
  tbody {
    display: block;
  }
  tr {
    border-bottom: #dedad5 dashed 1px;
    display: block;
    padding: 1em 0;
    box-sizing: border-box;
  }
  th, td {
    margin: 0 !important;
    padding: 0 !important;
    border: none;
    display: block;
  }
  th {
    font-weight: 900;
  }
  table td img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
}
iframe {
  margin: 1em auto;
}
form {
  margin: 1em auto;
  max-width: 90%;
}
strong {
  font-weight: 900;
}
h1, h2, h3, h4, h5 {
  clear: both;
  font-weight: 900;
  line-height: 1.2;
  margin: 0.1em 0;
}
/*--------------------------------------------
Globalnavi
---------------------------------------------*/
@media screen and (max-width: 768px) {
  .gnav ul li {
    border-bottom:rgba(255,255,255,0.5) dotted 2px;
  }
}
@media screen and (min-width: 769px) {
  .gnav {
    clear: both;
    width: 980px;
    height: 100px;
    margin: 15px auto;
  }
  .gnav ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .gnav ul li {
    float: left;
    width: 20%;
  }
  .gnav ul li a {
    display: block;
    height: 100px;
    text-indent: -9999px;
  }
  .gnav ul li.gnav_01 a {
    background: url(img/common/gnav_about_off.png) 0 0 no-repeat;
  }
  .gnav ul li.gnav_02 a {
    background: url(img/common/gnav_info_off.png) 0 0 no-repeat;
  }
  .gnav ul li.gnav_03 a {
    background: url(img/common/gnav_event_off.png) 0 0 no-repeat;
  }
  .gnav ul li.gnav_04 a {
    background: url(img/common/gnav_program_off.png) 0 0 no-repeat;
  }
  .gnav ul li.gnav_05 a {
    background: url(img/common/gnav_contact_off.png) 0 0 no-repeat;
  }
  .gnav ul li.gnav_01 a:hover {
    background: url(img/common/gnav_about_on.png) 0 0 no-repeat;
  }
  .gnav ul li.gnav_02 a:hover {
    background: url(img/common/gnav_info_on.png) 0 0 no-repeat;
  }
  .gnav ul li.gnav_03 a:hover {
    background: url(img/common/gnav_event_on.png) 0 0 no-repeat;
  }
  .gnav ul li.gnav_04 a:hover {
    background: url(img/common/gnav_program_on.png) 0 0 no-repeat;
  }
  .gnav ul li.gnav_05 a:hover {
    background: url(img/common/gnav_contact_on.png) 0 0 no-repeat;
  }
}
/*--------------------------------------------
Categorytitle
---------------------------------------------*/
h1.ttl-about, h1.ttl-info, h1.ttl-event, h1.ttl-program, h1.ttl-contact {
  background: #faf8f5;
  background-repeat: no-repeat;
  background-position: 50% 1.25rem;
  clear: both;
  font-size: 1em;
  font-weight: 900;
  margin: 0 auto;
  padding: 4.5em 0 1.75em;
  position: relative;
  text-align:center;
  box-sizing: border-box;
  margin-top: 1em;
    border-radius: 2rem 2rem 0 0;
    -webkit-border-radius: 2rem 2rem 0 0;
    -moz-border-radius: 2rem 2rem 0 0;
    border-width: 1px 1px 0 1px;
    border-color: #f1ece6;
    border-style: solid;  
}
h1.ttl-about {
  background-image: url(img/common/icon_about.png);
}
h1.ttl-info {
  background-image: url(img/common/icon_info.png);
}
h1.ttl-event {
  background-image: url(img/common/icon_event.png);
}
h1.ttl-program {
  background-image: url(img/common/icon_program.png);
}
h1.ttl-contact {
  background-image: url(img/common/icon_contact.png);
}
@media screen and (min-width: 769px) {
  h1.ttl-about, h1.ttl-info, h1.ttl-event, h1.ttl-program, h1.ttl-contact {
    background-position: 1em 50%;
    padding: 0.75em 0.75em 0.75em 3em;
  font-size: 2em; 
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  h1.ttl-about, h1.ttl-info, h1.ttl-event, h1.ttl-program, h1.ttl-contact {background-size:3em;  }
}

/*--------------------------------------------
Container
---------------------------------------------*/
.container {
  box-sizing: border-box;
  background: #fff;
  clear: both;
  overflow: hidden;
  padding: 0 0 3.75em;
  text-align: left;
    border-width: 0 1px 2px 1px;
    border-width: 0 1px 2px 1px;
    border-radius: 0 0 2em 2em;
    -webkit-border-radius: 0 0 2em 2em;
    -moz-border-radius: 0 0 2em 2em;  
}
@media screen and (min-width: 769px) {
  .container {
    border-color: #f1ece6;
    border-style: solid;
    margin: 0 auto 2em;
  }
}
/*--------------------------------------------
Footer
---------------------------------------------*/
.footer {
  background: #fff;
  clear: both;
  margin: 3.75em 0 0;
  padding: 2em 0 1.25em;
}
.footer .address, .footer .copyright {
  font-size: 0.75em;
  margin: 0 auto;
  text-align: left;
}
/*Pagetop
-------------------------------------------*/
.pagetop {
  bottom: 2em;
  display: none;
  opacity: 0.8;
  position: fixed;
  right: 2em;
}
.pagetop:hover {
  bottom: 2em;
  opacity: 1.0;
  transition: 0.2s;
}
.pagetop a {
  display: block;
  text-align: center;
}
/*--------------------------------------------
Maincolumn
---------------------------------------------*/
.main {
  padding: 1.25em 0;
}
.main p a, .main ul a, .main dl a {
  padding: 2px 8px;
  background: #ecf5ff;
  border-radius: 1em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  transition: 0.1s;
}
.main p a:hover, .main ul a:hover, .main dl a:hover {
  background: #f9fbe7;
}
.main p a img {
  background: none !important;
}
.main p {
  margin: 0 1em 0.75em;
}
.main ol, .main ul {
  list-style-position: inside;
  margin: 0 1em 0.75em;
}
.single-cont a {
  background: none !important;
}
.single-cont td {
  border: 0;
}
.single-cont th {
  border: 0;
}
@media screen and (max-width: 768px) {
  .main p {
    margin: 0 0 0.75em;
  }
  .main ol, .main ul {
    list-style-position: inside;
    margin: 0 0 0.75em;
  }
}
/*--------------------------------------------
Subcolumn
---------------------------------------------*/
.side {}
/*Localnavi
-------------------------------------------*/
#side-lnav ul {
  list-style: none;
  margin: 2em 0 0;
  padding: 0;
}
#side-lnav ul li {
  margin-bottom: 0.75em;
  text-align: center;
}
#side-lnav ul li a {
  display: block;
  padding: 1em 0;
}
li.btn1 a, li.btn2 a, li.btn3 a, li.btn4 a, li.btn5 a, li.btn6 a, li.btn7 a, li.btn8 a, li.btn9 a, li.btn-members a {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-radius: 2em;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  color: #fff;
  box-shadow: #eaeaea 0 2px 3px 1px;
}
.btn1 a, .btn6 a {
  background: #fdb8b1;
  border-bottom-color: #d0837b;
}
.btn2 a, .btn7 a {
  background: #fbbe85;
  border-bottom-color: #c59466;
}
.btn3 a, .btn8 a {
  background: #b2d998;
  border-bottom-color: #84a270;
}
.btn4 a, .btn9 a {
  background: #a2b8da;
  border-bottom-color: #6f7f98;
}
.btn5 a {
  background: #d0a0cb;
  border-bottom-color: #a2769d;
}

.btn-members a {
  background: #DDBB88;
  border-bottom-color: #d2a460;
}

.btn1:hover, .btn2:hover, .btn3:hover, .btn4:hover, .btn5:hover, .btn6:hover, .btn7:hover, .btn8:hover, .btn9:hover, .btn-members:hover {
  padding-top: 1px;
}
.btn1 a:hover, .btn6 a:hover {
  border-bottom-width: 1px;
  background: #f2aea3;
}
.btn2 a:hover, .btn7 a:hover {
  border-bottom-width: 1px;
  background: #f0b47b;
}
.btn3 a:hover, .btn8 a:hover {
  border-bottom-width: 1px;
  background: #aacd8c;
}
.btn4 a:hover, .btn9 a:hover {
  border-bottom-width: 1px;
  background: #9baec9;
}
.btn5 a:hover {
  border-bottom-width: 1px;
  background: #c797bb;
}
.btn-members a:hover {
  border-bottom-width: 1px;
  background: #d2a460;
}
@media screen and (max-width: 480px) {
  li.btn1.hidden, li.btn2.hidden, li.btn3.hidden, li.btn4.hidden, li.btn5.hidden, li.btn6.hidden, li.btn7.hidden, li.btn8.hidden, li.btn9.hidden {
    display: none;
  }
}
#side-lnav ul li ul.sublnav {
  margin: 10px 0;
}
#side-lnav ul li ul.sublnav li {
  margin: 0 0.75em;
  padding: 2px 0;
  border-bottom: #d5ccc7 dashed 1px;
  font-size: 0.875em;
}
#side-lnav ul li ul.sublnav li a {
  padding: 0.5em 0.75em;
  background: url(img/common/list_brown.png) center left no-repeat;
  display: block;
  border: none;
  transition: 0.1s;
  color: #4477b6;
  box-shadow: none;
  text-align: left;
}
#side-lnav ul li ul.sublnav li a:hover {
  margin-left: 0.5em;
  background: url(img/common/list_brown.png) center left no-repeat #faf8f5;
  padding-right: 0.5em;
  padding-top: 0.5em;
  transition: 0.3s;
}
.now a {
  border-bottom: none !important;
  box-shadow: none !important;
}
/*Pickup
-------------------------------------------*/
#side-pickup {
  margin: 0.75em 0 0;
}
#side-pickup ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#side-pickup ul li {
  border-bottom: #d5ccc7 dashed 1px;
}
#side-pickup ul li a {
  background: url(img/common/list_brown.png) center left no-repeat;
  border-radius: 1em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  display: block;
  margin: 0.5em;
  padding: 0.5em;
  transition: 0.1s;
}
#side-pickup ul li a:hover {
  background-color: #f9fbe7;
  margin-left: 0.5em;
  padding-right: 0.5em;
  transition: 0.3s;
}
/*--------------------------------------------
 Main column
---------------------------------------------*/
/*Pagetitle
---------------------------------------------*/
#about h1.entry-title, #info h1.entry-title, #event h1.entry-title, #program h1.entry-title, #contact h1.entry-title, #thanks h1.entry-title {
  background: none;
  border-left: solid 0.5em;
  font-size: 1.75em;
  margin: 1.5em 0;
  padding: 0 0.5em 0;
}
#about h1.entry-title {
  color: #fd9a91;
}
#info h1.entry-title {
  color: #f7a312;
}
#event h1.entry-title {
  color: #91c76c;
}
#program h1.entry-title {
  color: #9db1d0;
}
#contact h1.entry-title {
  color: #d0a0cb;
}
#thanks h1.entry-title {
  color: #d0a0cb;
}
@media screen and (max-width: 480px) {
#about h1.entry-title, #info h1.entry-title, #event h1.entry-title, #program h1.entry-title, #contact h1.entry-title, #thanks h1.entry-title {
  background: none;
  border-left: solid 0.5em;
  font-size: 1.75em;
  margin: 1em 0;
  padding: 0 0.5em 0;
}
}
/*Main column Headline
---------------------------------------------*/
.main h1, .main h2 {
  background: url(img/common/entrytitle.png) 0 50% no-repeat;
  border: none;
  color: #403b48;
  font-size: 1.125em;
  margin: 0 0 0.5em;
  padding: 0.5em 0 0.5em 1.5em;
}
.main h1 a, .main h2 a {
  background: none;
  font-weight: 900;
}
.main h1 a:hover, .main h2 a:hover {
  background: none;
}
.main h3 {
  background: #fffce0;
  color: #674d00;
  font-size: 1.125em;
  line-height: 1.2;
  margin: 1em 0.5em 0.5em;
  padding: 0.75em 0.5em;
}
.main h4 {
  border-bottom: #d5ccc7 dashed 2px;
  font-size: 1em;
  line-height: 1.2;
  margin: 0.5em 1em;
  padding: 0.75em 0.5em;
}
.main h5 {
  margin: 0.5em 1.125em;
  padding-left: 0.75em 0.5em;
  font-size: 1em;
  line-height: 1.2;
  border-left: 0.75em solid #EEE;
}
.main img {
  padding: 0.5em;
}
@media screen and (max-width: 480px) {
  .main img {
    display: block;
    max-width: 100%;
    height: auto;
  }
}
.main ul li {
  margin-left: 0.5em;
  list-style-position: outside;
}
@media screen and (max-width: 768px) {
  .main h3 {
    margin: 1em 0 0.5em;
  }
  .main h4 {
    margin: 1rem 0;
  }
  .main h5 {
    margin: 1rem 0;
  }
}
/*--------------------------------------------
 Info
---------------------------------------------*/
/*Entry date
-------------------------------------------*/
.date {
  border-bottom: #dedad5 dashed 1px;
  clear: both;
  color: #938f99;
  margin-bottom: 2.5em;
  overflow: hidden;
  padding: 0.5em 0 0.5em 0;
  text-align: right;
}
.date a, .date a:hover {
  background: none;
}
.date dl {
  display: block;
  float: right;
  font-size: 0.75em;
  line-height: 1.5;
}
.date dt {
  float: left;
  display: block;
}
.date dd {
  display: block;
  float: left;
  margin: 0 0.5em 0 0;
}
/*Pager
-------------------------------------------*/
.pager {
  text-align: center;
}
.pager .wp-pagenavi {
  margin: 2em auto;
}
span.pages {
  display: none !important;
}
/*--------------------------------------------
 Event
---------------------------------------------*/
.monthevent th {
  width: 30%;
  text-align: right;
}
/* Year
-------------------------------------------*/
.yearevent ul {
  margin: 0;
  padding: 0;
}
.apr, .may, .jun, .jul, .aug, .sep, .oct, .nov, .dec, .jan, .feb, .mar {}
.apr ul li, .may ul li, .jun ul li, .jul ul li, .aug ul li, .sep ul li, .oct ul li, .nov ul li, .dec ul li, .jan ul li, .feb ul li, .mar ul li {
  background: url(img/common/list_brown.png) 0 50% no-repeat;
  display: block;
  float: left;
  list-style: none;
  margin-left: 0.5em;
  padding-left: 0.5em;
}
.yearevent .clear {
  clear: both;
  border-top: #dedad5 dashed 1px;
}
.apr h4, .may h4, .jun h4, .jul h4, .aug h4, .sep h4, .oct h4, .nov h4, .dec h4, .jan h4, .feb h4, .mar h4 {
  border-bottom: none;
  display: block;
  height: 3.125rem;
  text-indent: -9999px !important;
  margin-bottom: 1em;
}
.apr h4 {
  background: url(img/event/04.png) top center no-repeat;
}
.may h4 {
  background: url(img/event/05.png) top center no-repeat;
}
.jun h4 {
  background: url(img/event/06.png) top center no-repeat;
}
.jul h4 {
  background: url(img/event/07.png) top center no-repeat;
}
.aug h4 {
  background: url(img/event/08.png) top center no-repeat;
}
.sep h4 {
  background: url(img/event/09.png) top center no-repeat;
}
.oct h4 {
  background: url(img/event/10.png) top center no-repeat;
}
.nov h4 {
  background: url(img/event/11.png) top center no-repeat;
}
.dec h4 {
  background: url(img/event/12.png) top center no-repeat;
}
.jan h4 {
  background: url(img/event/01.png) top center no-repeat;
}
.feb h4 {
  background: url(img/event/02.png) top center no-repeat;
}
.mar h4 {
  background: url(img/event/03.png) top center no-repeat;
}
.yearevent .image {
  overflow: hidden;
  text-align: center;
}
.yearevent .image img {
  margin: 0 auto;
  padding: 0;
  border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
}
/*--------------------------------------------
 Program
---------------------------------------------*/
#program table th {
  border-bottom: none;
  background: #fffce0;
  color: #674d00;
  text-align: left;
}
#program table td {
  border: none;
  background: #f9fbe7;
}
#program table thead th {
  text-align: center;
  background: #fff9c4;
  color: #674d00;
}
@media screen and (max-width: 768px) {}
/*--------------------------------------------
 Gallery
---------------------------------------------*/

.gallery { /** ギャラリーを囲むボックス **/
	width: 100%;
	margin-bottom: 20px !important;
    overflow: hidden;
}
 
.gallery br {display: none;} /** 自動で挿入される clearfix の余白解除 **/
 
.gallery-item { /** 画像共通のスタイル **/
    float: left;
	margin-bottom: 0 !important;
}
.gallery-icon { /** 画像を囲む dt のスタイル **/
    text-align: center;
}
 
.gallery-icon img {
	width: 100%;
	height: auto;
	margin-bottom: 10px !important;
}
 
.gallery-caption { /** キャプション **/
    color: #222;
    font-size: 12px;
    margin: 0 0 10px;
    text-align: center;
}
 
.gallery-columns-1 .gallery-item { /** カラムなし **/
    width: 100%;
    margin-right: 0;
}
.gallery-columns-2 .gallery-item { /** 2カラム **/
	width: 48%;
	margin: 0 1%;
}
.gallery-columns-3 .gallery-item { /** 3カラム **/
    width: 31.33333%;
	margin: 0 1%;
}
.gallery-columns-4 .gallery-item { /** 4カラム **/
    width: 23%;
    margin: 0 1%;
}
.gallery-columns-5 .gallery-item { /** 5カラム **/
    width: 18%;
    margin: 0 1%;
}
 
@media screen and (max-width: 640px) {
	/* 640px以下用の記述 */
	.gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item {
		width: 48%;
		margin: 0 1%;
	}
	.gallery-columns-5 .gallery-item {
		width: 31.33333%;
		margin: 0 1%;
	}
}
/*
.gallery {
  margin-bottom: 1.6em;
  margin-left: 20px;
}
.gallery-item {
  display: inline-block;
  width: 90%;
  padding: 1.7%;
  text-align: center;
  vertical-align: top;
}
.gallery-item {
  max-width: 20%;
}
.gallery-icon img {
  margin: 0 auto;
}
.gallery-caption {
  color: #707070;
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 0.5em 0;
}
.gallery a {
  background: none;
  padding: 0;
  margin: 0;
}
.entry-attachment img {
  display: block;
  margin: 20px auto;
  background: #FFF;
  border: #FFF solid 10px;
}*/


/*--------------------------------------------
Mainv home
---------------------------------------------*/
.home .mainv {
  text-align: center;
  width: 100%;
  background: url(img/common/mainv-bg.gif) 0 0 repeat;
  overflow: hidden;
  position: relative;
}
.home .mainv-cont {
  margin: 0 auto;
  z-index: -1;
  background: #fff;
  overflow: hidden;
}
.home .mainv .welcome {
  background: #fff;
  padding: 0 1em 1em;
  margin: 0 auto;
  font-size: 0.75em;
}
.home .mainv .slide ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.home .mainv .slide {
/*  margin: 0 auto;
  position: relative;*/
  text-align: center;
}
.home .mainv .slide .ml-slider {
  top: 0;
  right: 0;
}
@media screen and (min-width: 980px) {
  .home .mainv {
    text-align: center;
    width: 100%;
    min-width: 960px;
    height: 320px;
    background: url(img/common/mainv-bg.gif) 0 0 repeat;
    overflow: hidden;
    position: relative;
  }
  .home .mainv-cont {
    width: 960px;
    margin: 0 auto;
    z-index: -1;
    background: #fff;
  }
  .home .mainv .welcome {
    background: #fff;
    width:100%;
    height: 320px;
    padding: 2em 0 2em 2em;
    margin: 0 0 0 0;
  }
  .home .mainv .slide ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .home .mainv .slide {
/*    width: 980px;
    margin: 0 auto;
    position: relative;*/
    text-align: center;
    width: 100%;
  }
  .home .mainv .slide .ml-slider {
/*    position: absolute;*/
    top: 0;
    right: 0;
    float: right;
  }
}
/*Mainvcover
-------------------------------------------*/
@media screen and (min-width: 980px) {
  .mainvcover {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 100%;
    min-width: 980px;
    height: 320px;
    z-index: 5;
  }
  /*高千穂*/
  #wrap-3 .mainvcover {
    background: url(img/mainvcover/takachiho.png) 0 0 repeat-x;
  }
  /*富吉*/
  #wrap-4 .mainvcover {
    background: url(img/mainvcover/tomiyoshi.png) 0 0 repeat-x;
  }
  /*天神の森(h-minsei)*/
  #wrap-5 .mainvcover {
    background: url(img/mainvcover/tenjin.png) 0 0 repeat-x;
  }
  /*住吉南*/
  #wrap-6 .mainvcover {
    background: url(img/mainvcover/sumiyoshiminami.png) 0 0 repeat-x;
  }
  /*波島*/
  #wrap-7 .mainvcover {
    background: url(img/mainvcover/namishima.png) 0 0 repeat-x;
  }
  /*みんせいかん*/
  #wrap-8 .mainvcover {
    background: url(img/mainvcover/minseikan.png) 0 0 repeat-x;
  }
  /*住吉中央*/
  #wrap-9 .mainvcover {
    background: url(img/mainvcover/sumiyoshityuo.png) 0 0 repeat-x;
  }
  /*広原*/
  #wrap-10 .mainvcover {
    background: url(img/mainvcover/hirohara.png) 0 0 repeat-x;
  }
  /*住吉東*/
  #wrap-11 .mainvcover {
    background: url(img/mainvcover/sumiyoshihigashi.png) 0 0 repeat-x;
  }
  /*demo*/
  #wrap-14 .mainvcover {
    background: url(img/mainvcover/sumiyoshihigashi.png) 0 0 repeat-x;
  }
}
/*Logo HOME
-------------------------------------------*/
.home h1.logo {
  display: block;
  text-indent: -9999px;
  width: 100%;
  height: 120px;
  margin: 0.5em auto;
}
@media screen and (max-width: 768px) {
  .home h1.logo {
    margin: 0.5em auto 0.25em;
  }
}
/*高千穂*/
#wrap-3 h1.logo {
  background: url(img/logo/takachiho.gif) center no-repeat;
}
/*富吉*/
#wrap-4 h1.logo {
  background: url(img/logo/tomiyoshi.gif) center no-repeat;
}
/*天神の森(h-minsei)*/
#wrap-5 h1.logo {
  background: url(img/logo/tenjin.gif) center no-repeat;
}
/*住吉南*/
#wrap-6 h1.logo {
  background: url(img/logo/sumiyoshiminami.gif) center no-repeat;
}
/*波島*/
#wrap-7 h1.logo {
  background: url(img/logo/namishima.gif) center no-repeat;
}
/*みんせいかん*/
#wrap-8 h1.logo {
  background: url(img/logo/minseikan.gif) center no-repeat;
}
/*住吉中央*/
#wrap-9 h1.logo {
  background: url(img/logo/sumiyoshityuo.gif) center no-repeat;
}
/*広原*/
#wrap-10 h1.logo {
  background: url(img/logo/hirohara.gif) center no-repeat;
}
/*住吉東*/
#wrap-11 h1.logo {
  background: url(img/logo/sumiyoshihigashi.gif) center no-repeat;
}
/*demo*/
#wrap-14 h1.logo {
  background: url(img/logo/logo.gif) center no-repeat;
}
/*--------------------------------------------
Mainv sub
---------------------------------------------*/
.sub-mainv {
  width: 100%;
  background: #fff;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .sub-mainv {
    overflow: hidden;
  }
  .sub-mainv .mainv-cont {
    margin: 0 auto;
    padding: 0;
  }
}
/*Logo SUB
-------------------------------------------*/
.sub-mainv .mainv-cont h1.logo {
  background: none;
}
.sub-mainv .mainv-cont h1.logo a {
  display: block;
  width: 100%;
  text-align: left;
  text-indent: -9999px;
}
/*高千穂*/
#wrap-3 h1.logo a {
  background: url(img/sub_logo/takachiho.gif) 0 0 no-repeat;
}
/*富吉*/
#wrap-4 h1.logo a {
  background: url(img/sub_logo/tomiyoshi.gif) 0 0 no-repeat;
}
/*天神の森(h-minsei)*/
#wrap-5 h1.logo a {
  background: url(img/sub_logo/tenjin.gif) 0 0 no-repeat;
}
/*住吉南*/
#wrap-6 h1.logo a {
  background: url(img/sub_logo/sumiyoshiminami.gif) 0 0 no-repeat;
}
/*波島*/
#wrap-7 h1.logo a {
  background: url(img/sub_logo/namishima.gif) 0 0 no-repeat;
}
/*みんせいかん*/
#wrap-8 h1.logo a {
  background: url(img/sub_logo/minseikan.gif) 0 0 no-repeat;
}
/*住吉中央*/
#wrap-9 h1.logo a {
  background: url(img/sub_logo/sumiyoshityuo.gif) 0 0 no-repeat;
}
/*広原*/
#wrap-10 h1.logo a {
  background: url(img/sub_logo/hirohara.gif) 0 0 no-repeat;
}
/*住吉東*/
#wrap-11 h1.logo a {
  background: url(img/sub_logo/sumiyoshihigashi.gif) 0 0 no-repeat;
}
/*demo*/
#wrap-14 h1.logo a {
  background: url(img/sub_logo/logo.gif) 0 0 no-repeat;
}
.sub-mainv .mainv-cont h1.logo a, #wrap-3 .sub-mainv .mainv-cont h1.logo a, #wrap-4 .sub-mainv .mainv-cont h1.logo a, #wrap-5 .sub-mainv .mainv-cont h1.logo a, #wrap-6 .sub-mainv .mainv-cont h1.logo a, #wrap-7 .sub-mainv .mainv-cont h1.logo a, #wrap-8 .sub-mainv .mainv-cont h1.logo a, #wrap-9 .sub-mainv .mainv-cont h1.logo a, #wrap-10 .sub-mainv .mainv-cont h1.logo a, #wrap-11 .sub-mainv .mainv-cont h1.logo a, #wrap-14 .sub-mainv .mainv-cont h1.logo a {
  background-size: contain;
  height: 3rem;
  margin: 0.4rem 0.5rem 0.4rem;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
.sub-mainv .mainv-cont h1.logo a, #wrap-3 .sub-mainv .mainv-cont h1.logo a, #wrap-4 .sub-mainv .mainv-cont h1.logo a, #wrap-5 .sub-mainv .mainv-cont h1.logo a, #wrap-6 .sub-mainv .mainv-cont h1.logo a, #wrap-7 .sub-mainv .mainv-cont h1.logo a, #wrap-8 .sub-mainv .mainv-cont h1.logo a, #wrap-9 .sub-mainv .mainv-cont h1.logo a, #wrap-10 .sub-mainv .mainv-cont h1.logo a, #wrap-11 .sub-mainv .mainv-cont h1.logo a, #wrap-14 .sub-mainv .mainv-cont h1.logo a {
  height: 3rem;
  margin: 1rem 0 1.5rem;
}
}
.sub-mainv .mainv-cont h1.logo, #wrap-3 .sub-mainv .mainv-cont h1.logo, #wrap-4 .sub-mainv .mainv-cont h1.logo, #wrap-5 .sub-mainv .mainv-cont h1.logo, #wrap-6 .sub-mainv .mainv-cont h1.logo, #wrap-7 .sub-mainv .mainv-cont h1.logo, #wrap-8 .sub-mainv .mainv-cont h1.logo, #wrap-9 .sub-mainv .mainv-cont h1.logo, #wrap-10 .sub-mainv .mainv-cont h1.logo, #wrap-11 .sub-mainv .mainv-cont h1.logo, #wrap-14 .sub-mainv .mainv-cont h1.logo {
  background: none;
}
/*--------------------------------------------
Background
---------------------------------------------*/
/*高千穂*/
#wrap-3 {
  background: url(img/bg/takachiho.gif);
}
/*富吉*/
#wrap-4 {
  background: url(img/bg/tomiyoshi.gif);
}
/*天神の森(h-minsei)*/
#wrap-5 {
  background: url(img/bg/tenjin.gif);
}
/*住吉南*/
#wrap-6 {
  background: url(img/bg/sumiyoshiminami.gif);
}
/*波島*/
#wrap-7 {
  background: url(img/bg/namishima.gif);
}
/*みんせいかん*/
#wrap-8 {
  background: url(img/bg/minseikan.gif);
}
/*住吉中央*/
#wrap-9 {
  background: url(img/bg/sumiyoshityuo.gif);
}
/*広原*/
#wrap-10 {
  background: url(img/bg/hirohara.gif);
}
/*住吉東*/
#wrap-11 {
  background: url(img/bg/sumiyoshihigashi.gif);
}
/*demo*/
#wrap-14 {
  background: url(img/bg/sumiyoshihigashi.gif);
}
/*--------------------------------------------
 Decoration
---------------------------------------------*/
.suppl {
  font-size: 90%;
}
td.suppl {
  width: 40%;
}
/*.left { float:left; width:50%; overflow:hidden;}
.right { float:right; width:50%; }*/
.center {
  text-align: center;
}
.alignleft {
  display: inline;
  float: left;
}
.alignright {
  display: inline;
  float: right;
}
.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
/*--------------------------------------------
contact
---------------------------------------------*/
#formWrap textarea, #formWrap input {
  padding: 0.75em;
  box-sizing: border-box;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 768px) {
  #formWrap table, #formWrap tr, #formWrap td, #formWrap th {
    display: block;
    border: none;
    margin: 0;
  }
  #formWrap tr {
    padding-bottom: 1em;
  }
  #formWrap textarea, #formWrap input {
    display: block;
    width: 98% !important;
    box-sizing: border-box;
    border: #dedad5 solid 1px;
  }
}
/*--------------------------------------------
clear
---------------------------------------------*/
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
.clear {
  float: none;
  overflow: hidden;
}


.block {
  box-sizing: border-box;
  padding: 1.25em !important;
}


/* ログインフォーム追記分 */

.login-formWarp {
 display: block;
 overflow: hidden;
 margin: 0 auto;
}

.login-formWarp dl {
 width: 50%;
 float: left;
}

.login-formWarp dl dt {
 color: #736e72;
 padding: 0.5em;
 float: none;
 line-height: 1.0;
 font-size: 1.0em;
}

.login-formWarp dl dd {
 float: none;
 margin: 0;
 padding: 0.5em;
 box-sizing: border-box;
}

.login-formWarp input {
 background: #fbfbfb;
 border: #dddddd solid 1px;
 padding: 1.0rem;
 width: 100%;
 box-shadow: 0px 0px 3px 0px #e6e6e6 inset;
 box-sizing: border-box;
}

.login-btn {
 width: 100%;
 padding-right: 1em;
 text-align: right;
}

.login-btn input {
 margin-top: 1em;
 padding: 0.5em 0.75em;
 border: #3a6697 solid 1px;
 border-radius: 3px;
 background: #4d82b6;
 color: #fff;
 cursor: pointer;
 line-height: 1.0;
 font-size: 1.0em;
}

.btn-logout {
 width: 100%;
 margin: 2.50rem auto;
}

.btn-logout a {
 display: block;
 padding: 1.25rem 2.50rem;
 background: #00a0d2;
 border-radius: 5px;
 text-align: center;
 color: #fff;
}

h1.ttl-info.members {
 background-image: url(img/common/icon-lock.png);
}

.single .container {
 padding-left: 15px;
 padding-right: 15px;
}

@media screen and (max-width: 480px) {
 .login-formWarp dl {
  float: none;
  width: 100%;
 }
}

.gnav_06 {
 display: none;
}

@media screen and (max-width: 480px) {
 .gnav_06{ display: block;}
}

.messageHead {
 max-width: 1120px;
 padding-left: 10px;
 padding-right: 10px;
 margin-left: auto;
 margin-right: auto;
}

.messageHeadInner {
 padding-right: 30px;
}

.messageWarp {
 margin-top: 60px;
 max-width: 1120px;
 padding-left: 10px;
 padding-right: 10px;
 margin-left: auto;
 margin-right: auto;
}

.messageInner {
 line-height: 1.6;
 background: #FFF;
 border: #DDD solid 1px;
 padding: 30px;
}

.code-block { width: 100%;}

.code-block h1 {
 display: inline-block;
 padding-left: 0;
 font-weight: normal;
 vertical-align: middle;
 background: none;
}

.code-block h1 img {
 width: 100%;
 height: auto;
}

@media screen and (max-width: 480px) {
 .messageInner {
  padding: 20px;
  font-size: 14px;
 }

}