/*
Template: lightning
Theme Name: retro
*/


html {
  word-wrap: break-word;
}
html, body {
  font-size:16px;
  color:#482a0b;
}
body {
  font-weight:500;
  font-family: "Zen Maru Gothic","メイリオ",Meiryo,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight:700;
}
p, li, dt, dd {
/*
  font-family: "Kaisei Decol","メイリオ",Meiryo,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif !important;
*/
}
td, th {
  font-size: 1em;
/*
  font-family: "Kaisei Decol","メイリオ",Meiryo,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif !important;
*/
}

body.custom-background {
background-image: url("https://www.kitakata-retro.jp/wp/wp-content/uploads/2021/02/img_back.png");
/*
background-position: center top;
background-repeat: no-repeat;

background-attachment: fixed;

background-size: contain;
background-repeat: repeat;
*/
}
.media .media-body .media-heading {
  font-weight:700;
}

@media (min-width:10px) and (max-width:992px) {
  body.custom-background {
    background-size: 50% repeat;
  }
}

/* header */
.siteHeader {
  position: fixed;
  border-top:3px solid rgba(1,61,67,1);
}
.scrolled .siteHeader {
  background-color: rgba(255, 255, 255, 0.8);
}
.navbar-header {
  position:relative;
  min-height: 67px;
}
.header_sub {
  top:0;
  right:0;
  position: absolute;
  width:50%;
  font-size: 0.875rem;
}
.header_sub_contactBtn {
  top:0;
  right:0;
  position: absolute;
}
.header_sub .btn {
  line-height: 1;
  font-size: 0.875rem;
}
.header_sub_contactBtn a {
  text-align: center;
  min-width: 7em;
}
.header_sub_contactBtn i {
  margin-right: 0.5em;
}

.navbar-header:after {
  content:"";
  clear:both;
  display: block;
}



.gMenu_outer {
  float:none;
  max-width: 1110px;
  width:100%;
}
.gMenu {
  float: none;
  justify-content: space-around;
}
.gMenu ul {
  text-align: center;
}
.gMenu li {
  float:none;
}
.gMenu > li .gMenu_name {
  font-size:19px;
  font-weight:700;
}
.device-pc .gMenu > li {
  flex:1 1 auto;
}
/*
.gMenu > li[class*="current"]::before {
  width:0;
}
.gMenu > li[class*="current"] {
  background-color:rgba(0,0,0,0.2);
  border-right:10px;
}
*/

/* スクロール時 */
.header_scrolled .gMenu_outer {
/*
  top:0;
*/
}
.header_scrolled .navbar-header {
  margin-bottom: 0;
}
.header_scrolled .gMenu_outer {
  box-shadow: none;
  position: static;
  top:0;
  min-height: 64px;
  background-color: rgba(255, 255, 255,0);
}
.header_scrolled .gMenu_outer nav {
  width: 1110px;
  padding-left: 0;
  padding-right: 0;
  display: table-cell;
  vertical-align: middle;
}
.header_scrolled .gMenu > li {
  width:auto;
  border-left:none;
}
.header_scrolled .gMenu > li:last-child {
  border-right:none;
}

.siteContent {
  padding: 3.5rem 0 4rem;
  padding: 0 0 4rem;
}
.siteContent > .container {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
/*  background-color:rgba(255,255,255,0.8);*/
}


/* Footer Link */
.siteContent_after .col-md-12 {
  display:flex;
  justify-content: space-around;
}
/* Footer info */
.footer_info p {
  margin-bottom:0.6em;
  font-weight:700;
}
.footer_info ul {
  font-size:12px;
  list-style:none;
  padding-left:0;
}
.footer_info li {
  margin-bottom:0;
}

/* Footer sitemap */
#menu-footer {
  display: flex;
  flex-wrap: wrap;
  list-style:disc;
  margin-left:25px;
}
.widget_nav_menu ul li {
  margin-right:50px;
  font-size:12px;
}
.widget_nav_menu ul li:last-child {
  margin-right:0;
}
.siteFooter .widget_nav_menu ul li a {
  padding: 7px 0.5em;
  border-bottom:none;
}

.siteFooter {
  background-color: rgba(1,61,67,1);
  background-color: #003E2E;
  color:#ddd;
}
.footerWidget {
  padding-top: 1em;
  padding-bottom: 1em;
}
.siteFooter .widget {
  margin-bottom:0;
}
.widget_nav_menu a {
  color:#ddd;
}
.copySection {
  padding-top: 1em;
  padding-bottom: 1em;
}
.copySection p {
  margin:0;
}

.page-header {
  background-image:url(https://www.kitakata-retro.jp/img/img_midashi_back.png);
  background-color: #a93c35;
}

.page-header_pageTitle, h1.page-header_pageTitle:first-child {
  font-size:2.25rem;
}

h2, .mainSection-title {
/*  background-color:rgba(255,255,255,1);*/
  background-color:rgba(0,0,0,0.025);
  font-size:1.875rem;
  padding:1.2em 0;
}
h2, .mainSection-title {
/*
  border-image: url(https://www.kitakata-retro.jp/img/border.png) 15 / 15px repeat;
  border-bottom:none;
*/
}

h3, .subSection-title {
  padding-top: 0.3em;
  padding-top: 0.5em;
}

.widget_nav_menu ul#menu-side li {
  font-size: 14px;
  margin-right: 0; 
}
.widget_nav_menu #menu-side a, .widget_pages #menu-side a {
  color: #464646;
}
.widget_nav_menu #menu-side a:hover {
color: #109373;
}



/* ▼▽▼ トップページ ▼▽▼ */
.carousel, 
.page-header {
  margin-top:161px;
}

.top_news .alignleft {
  margin-top:0;
  margin-bottom:0;
}
.top_news .wp-block-latest-posts__post-excerpt {
  margin-top:0;
  margin-bottom:0;


  max-height: calc(2em + 1.65em);
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.top_news li::after {
  content:"";
  display:block;
  clear:both;
}

/* 商店街マップ */
.area_map {
  background-color:#fff;
  border-top:3px solid rgba(207,28,27,1);
  border-bottom:3px solid rgba(207,28,27,1);

  border-image: url(https://www.kitakata-retro.jp/img/border.png) 15 / 15px repeat;
}
.area_map ul {
  display: flex;
  list-style: none;
  padding-left: 0;
  margin:25px 10px;
  margin:25px;
}
.area_map li {
  margin:0;
}
.area_map figure {
  margin:25px;
}

.top_store {
  display:flex;
  justify-content: space-between;
  margin-top:80px;
  border-bottom: 1px solid rgba(0,0,0,.05);
}
.top_store .media {
  width:15%;
  border-bottom: 0;
}
.top_store .media a {
  display:block;
  width:100%;
  height:100%;
  color: #464646;
}
.top_store .media a:hover {
  color: #a93c35;
}
.top_store .media .postList_thumbnail {
  padding-right:0;
  float:none;
  border: 1px solid #e5e5e5;
  width:152px;
  margin:auto;
}
.top_store .media .postList_thumbnail img {
  background-color:rgba(255,255,255,1);
}
.top_store .media .media-heading {
  text-align:center;
}

/* 店舗リスト */
.media .postList_thumbnail a {
  background-color:rgba(255,255,255,1);
}


/* トップボタン */
.is-style-outline.btn_retro > .wp-block-button__link, .wp-block-button__link.is-style-outline.btn_retro {
  -webkit-transition: all .25s linear;
     -moz-transition: all .25s linear;
      -ms-transition: all .25s linear;
       -o-transition: all .25s linear;
          transition: all .25s linear;
  border-color:rgba(207,28,27,1) !important;
  color:rgba(207,28,27,1) !important;
}
.is-style-outline.btn_retro > .wp-block-button__link:hover {
  color:rgba(207,28,27,1) !important;
  text-decoration:underline;
}

.is-style-outline.btn_retro > .wp-block-button__link:not(.has-background), .wp-block-button__link.is-style-outline.btn_retro:not(.has-background) {
  background-color:rgba(255,255,255,1);
}
.is-style-outline.btn_retro > .wp-block-button__link:not(.has-background):hover, .wp-block-button__link.is-style-outline.btn_retro:not(.has-background):hover {
  background-color:rgba(250,232,232,1);
}

/* ギャラリー3 */
.wp-block-gallery.gallery_box .blocks-gallery-grid {
  justify-content:space-between;
  width:100%;
}
.wp-block-gallery.gallery_box .blocks-gallery-item {
  width: 30%;
  margin-right: 0;
  flex-grow:0;
}
.wp-block-gallery.gallery_box.is-cropped .blocks-gallery-item img {
  width:auto;
  margin:auto;
}



/* 下層ページ */
.page-header_pageTitle, h1.page-header_pageTitle:first-child {
  margin: 2em 0;
}

/* about us */
.wp-block-group.test {
  border-radius: 15px;
  border: 1px dotted rgba(0,0,0,0.15);
  border: 1px dotted rgba(216,201,179,1);
  padding: 40px;
}

.store .entry-header {
  border-bottom:none;
}
.store .street_area {
  position: absolute;
  padding: 4px;
  font-size: 14px;
  text-align:center;
  line-height:100%;
  height:calc(14px + 8px);
  color:rgba(255,255,255,1);
  width:calc(4em + 8px);
  right: 10px;
  top:0;
  bottom:0;
  margin:auto;
}
.nakamachi {
  background-color: rgb(9, 79, 138, 0.6);
}
.chuoudori {
  background-color: rgb(16, 147, 115, 0.6);
}
.shimonan {
  background-color: rgb(248, 72, 0, 0.6);
}
.store_detail {
  padding-top:10px;
border-top: 2px dotted rgba(139,28,33,0.5);
}
.store_detail dt {
  float:left;
  width: 10rem;
/*
background-color: RGB(169,60,53,7);
color: #FFF;
*/
  background-color: rgba(244,180,0,0.6);
  color: #8B1C21;
  line-height: 2;
  margin-bottom: 0;
  text-align: center;
  padding-left: 0;
  border-left: 0px;
}
.store_detail dd {
  padding-left:12em;
  border-left:none;

  line-height: 2;
  min-height: 100%;
  border-bottom: 2px dotted rgba(139,28,33,0.5);
  padding-bottom:10px;
}
.store_detail dd:after {
  display:block;
  content:"";
  clear:both;
}
.google_map iframe {
  width:100%;
  height:100%;
}


/* access */
.traffic_list {
  padding-left:0;
}
.traffic_list:before {
  content:"・";
  display:inline-block;
}
.traffic_list li {
  display:inline-block;
}
.traffic_list li:nth-child(odd) {
  border:1px solid #8B1C21;
  background-color: rgba(244,180,0,0.6);
  padding:3px 5px;
  color:#8B1C21;
}
.traffic_list li:nth-child(even) {
  font-size:90%;
  color:#666;
}
.traffic_list li:nth-child(even):before,
.traffic_list li:nth-child(even):after {
  content:"»";
  display:inline-block;
  margin-right:10px;
  margin-left:10px;
}

/* event */
.wp-block-table.event_list {
  padding:20px;
  background-color:rgba(0,0,0,0.05);
}
.wp-block-table.event_list table {
}
.wp-block-table.is-style-stripes tbody tr {
  background-color:rgba(255,255,255,1);
}
.wp-block-table.event_list th:nth-child(1), 
.wp-block-table.event_list tbody td:nth-child(1) {
  width:25%;
  text-align:center;
}
.wp-block-table.event_list thead th {
  background-color:rgba(244,180,0,0.6);
  color:#8B1C21;
  font-weight:700;
}
.wp-block-table.event_list tr {
  border-bottom:2px dotted rgba(139,28,33,0.5);
  background-color:rgba(255,255,255,0.3);
}
.wp-block-table.event_list td:nth-child(1) {
  font-weight:700;
}


/*
.wp-block-table.is-style-stripes.event_list thead tr {
  background-color: rgba(245,210,209, 1);
}
.wp-block-table.is-style-stripes.event_list tr {
  background-color: rgba(239,239,239,1);
}
.wp-block-table.is-style-stripes.event_list tbody tr:nth-child(2n+1) {
  background-color: #fff;
}
*/

/* news */
.widget_recent_entries .post-date {
  padding: 0 .5em;
}

/* contact */
div.contact_accept {
  text-align:center;
  margin-top:50px;
}
div.contact_accept .wpcf7-submit {
  width:200px;
}
div.contact_accept .wpcf7-submit:disabled {
  cursor: not-allowed;
  background-color:#d9d9d9;
  border-color:#999;
  color:#333;
}
.apply_form .btn-primary:disabled, .apply_form .btn-primary:disabled:hover {
  cursor: not-allowed;
  background-color: rgba(64,64,64,1);
  border:1px solid rgba(64,64,64,1);
  color:rgba(131,131,150,1);
}
table td .form-control, table th .form-control {
  max-width: 100%;
}
.form-control {
padding:.375rem;
}
.form-control::placeholder, 
.form-control::-moz-placeholder {
  color: rgba(167,172,177,1);
}
.form-control {
  -webkit-transition: all .25s linear;
     -moz-transition: all .25s linear;
      -ms-transition: all .25s linear;
       -o-transition: all .25s linear;
          transition: all .25s linear;
}
.form-control:hover, 
.form-control:focus {
  background-color:rgba(216,234,254,1);
}
.wpcf7-not-valid, 
.wpcf7-not-valid.form-control:hover, 
.wpcf7-not-valid.form-control:focus {
  background-color:rgba(253,216,216,1);
}

.accept_block .wpcf7-response-output {
  text-align:center;
  padding:10px 0;
}
div.wpcf7-validation-errors, 
div.wpcf7-acceptance-missing {
  background-color:rgba(255,253,231,1);
}
div.wpcf7 .required {
  padding:5px;
  margin-left:0.5em;
  font-size:14px;
  background-color: rgba(244,180,0,0.6);
  background-color: rgba(169,60,53,0.8);
  color: #8B1C21;
  color:#fafafa;
  font-weight: 700;
}


@media (max-width:1024px) {
  .gMenu {
    width:100%;
  }
  .header_scrolled .gMenu_outer {
    min-height:auto;
  }
  .header_sub .btn {
    padding:0.5em;
  }
  .device-mobile .gMenu>li .gMenu_name {
    font-size:19px;
  }
  .device-mobile .gMenu .acc-btn {
    top:18px;
  }
  .carousel, .page-header {
    margin-top: 154px;
  }

  .siteContent_after .col-md-12 {
    justify-content: center;
    flex-wrap: wrap;
  }
  .siteContent_after .col-md-12 .widget {
    flex:0 1 50%;
    margin-bottom: 10px;
  }

  .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img {
    height:auto;
  }
}

/* iPhoneX 以下 iPad縦 */
@media (min-width:993px) {
}

/* iPhoneX 以下 iPad縦 */
@media (max-width:992px) {
  .navbar-header {
    position:static;
  }
  .header_sub {
    position:relative;
    width:100%;
    margin: 10px 0;
  }
  .header_sub_contactBtn {
    text-align:center;
    position:static;
  }
  .wp-block-columns {
    display:block;
  }
  .wp-block-column:not(:first-child) {
    margin-left:0;
    margin-top:100px;
  }
  .top_store {
    justify-content: center;
    flex-wrap:wrap;
  }
  .top_store .media {
    width:33%;
  }
/*
.top_store .media a {
  display:block;
  width:100%;
  height:100%;
  color: #464646;
}
.top_store .media a:hover {
  color: #a93c35;
}
.top_store .media .postList_thumbnail {
  padding-right:0;
  float:none;
  border: 1px solid #e5e5e5;
  width:152px;
  margin:auto;
}
.top_store .media .postList_thumbnail img {
  background-color:rgba(255,255,255,1);
}
.top_store .media .media-heading {
  text-align:center;
}
*/
  .store .street_area {
    position: static;
    display:block;
    line-height:150%;
    height:auto;
    right:auto;
    top:auto;
    bottom:auto;
    margin:10px;
  }
}
@media (max-width:992px) and (min-width:600px) {
}
@media (max-width:736px) {
  .container {
    max-width: 660px;
  }
  .mail_form th, .mail_form td {
    display:block;
  }
  .mail_form table th {
    border-bottom:none;
  }
}

@media (max-width: 599px) {
/*
  .navbar-header {
    position:static;
  }
  .header_sub {
    position:relative;
    width:100%;
    margin: 10px 0;
  }
  .header_sub_contactBtn {
    text-align:center;
    position:static;
  }
  .wp-block-columns {
    display:block;
  }
  .wp-block-column:not(:first-child) {
    margin-left:0;
    margin-top:100px;
  }
*/

  .top_store {
    justify-content: center;
    flex-wrap:wrap;
  }
  .top_store .media {
    width:50%;
  }
  .wp-block-table.event_list th:nth-child(1), .wp-block-table.event_list tbody td:nth-child(1) {
    width:15%;
  }
}

@media (max-width: 480px) {
  .siteContent_after .col-md-12 .widget {
    flex:0 1 100%;
    margin-bottom: 10px;
  }
  .store_detail {
    border-top:none;
  }
  .store_detail dt, .store_detail dd {
    display:block;
    width:100%;
    padding:0;
    border-bottom:none;
  }
  .wp-block-table.event_list thead {
    display:none;
  }
  .wp-block-table.event_list th, .wp-block-table.event_list td,
  .wp-block-table.event_list th:nth-child(1), .wp-block-table.event_list tbody td:nth-child(1) {
    display:block;
    width:100%;
  }
  .wp-block-table.event_list td:nth-child(1) {
    background-color: rgba(244,180,0,0.6);
    color: #8B1C21;
  }
}

@media (max-width: 420px) {
  .area_map ul {
    display:block;
  }
  .area_map ul a {
    height:auto;
    display:block;
  }
  .area_map ul a img {
     max-height: 250px;
     height:auto;
    display:block;
    margin:auto;
  }
  .wp-block-image.area_map {
    padding:25px;
  }
}

@media (max-width: 320px) {
  .top_store {
    border-bottom:none;
  }
  .top_store .media {
    width: 100%;
  }

}