/*
Theme Name: Bar thomas child
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/


/****************************************
フォント
*****************************************/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap'); /* font-family: "Oswald", sans-serif; */


.entry-meta-data-list dt { background: #00a6c0!important; }
.btn-primary {
    background-color: #00a6c0!important;
    border-color: #00a6c0!important;
}

/****************************************
メニュー2段にする
*****************************************/
div#site-header-container { display: block; }
.global-nav--layout--float-right { margin-left: auto; margin-right: auto; width: 30em; }
.site-header--layout--nav-float .site-header-logo { margin-left: auto; margin-right: auto; width: 7em; }


/****************************************
スライダ コピー
*****************************************/

.main_copy { font-size:2.5em; }
.alpha_copy { font-size:1em; }

@media screen and (max-width: 640px) {
.main_copy { font-size:1.6em; }
.alpha_copy { font-size:1em; }
}




/****************************************
セクションタイトル
*****************************************/
.sec_title		{ font-size:5em; margin-bottom:0; padding:0; font-weight:700!important; font-family: "Oswald", sans-serif; }
.sec_title2		{ font-size:5em; margin-bottom:0; padding:0; font-weight:700!important; font-family: "Oswald", sans-serif; color:#fff; }
.sec_title3		{ font-size:3em; margin-bottom:0; padding:0; font-weight:700!important; font-family: "Oswald", sans-serif; }
body :is(.is-layout-flow,.is-layout-constrained)>:is(h1,h2,h3,h4,h5,h6){ margin-bottom:0!important; }


@media screen and (max-width: 640px) {
.sec_title		{ font-size:4em; margin-bottom:0; padding:0; font-weight:700!important; font-family: "Oswald", sans-serif; }
.sec_title2		{ font-size:4em; margin-bottom:0; padding:0; font-weight:700!important; font-family: "Oswald", sans-serif; color:#fff; }
.sec_title3		{ font-size:2em; margin-bottom:0; padding:0; font-weight:700!important; font-family: "Oswald", sans-serif; }
}




/****************************************
リード
*****************************************/
.text_white { color:#fff!important; }


/****************************************
更新情報
*****************************************/
.update li { border-bottom:1px solid #ccc; padding:0.6em 0; list-style:none; }
.update li a { text-decoration: none; }
.update li span { margin-right:1.5em; }


/****************************************
店舗情報
*****************************************/
table { margin: 20px auto; }
.tbl-r02 th { background: #d8d7cc; border: solid 1px #ccc; padding: 1em; }
.tbl-r02 td { border: solid 1px #ccc; padding: 1em; }
 
@media screen and (max-width: 640px) {
  .last td:last-child { border-bottom: solid 1px #ccc; width: 100%; }
  .tbl-r02 { width: 100%; }
  .tbl-r02 th, .tbl-r02 td { border-bottom: none; display: block; width: 100%; }
}




/****************************************
メニュー
*****************************************/
dl.menu{
  width:100%;
  font-size: 1rem;
  }
dl.menu div{
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 5px 0;
  padding: 5px 0;
  }
dl.menu div::after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 100%;
  border-bottom: dotted 1px #000;
  }
dl.menu dt{
  margin:0;
  padding: 0 20px 0 0;
  background-color: #ffffff;
  z-index: 2;
  text-align: left;
  }
dl.menu dd{
  margin:0;
  padding: 0 0 0 20px;
  background-color: #ffffff;
  z-index: 2;
  text-align: right;
  }



/****************************************
お問い合わせフォーム
*****************************************/
.mw_wp_form dl { display: flex; flex-wrap: wrap; margin: 30px 0px 0px; border: 1px solid #ccc; border-top: none;}

.mw_wp_form dl > dt { background-color: #e0e0e0;  }

.mw_wp_form dl > dt,
.mw_wp_form dl > dd { width: 100%; padding: 1em; border-top: 1px solid #ccc; text-align: center; }

dt { margin-bottom:0; }

@media print, (min-width: 768px) {
    .mw_wp_form dl > dt,
    .mw_wp_form dl > dd { text-align: left; }
    .mw_wp_form dl > dt { display: flex; align-items: center; width: 20%; }
    .mw_wp_form dl > dd { width: 80%; border-left: 1px solid #ccc; }
}

.mw_wp_form input[type="text"],
.mw_wp_form input[type="email"],
.mw_wp_form input[type="tel"],
.mw_wp_form textarea { padding: 1em; width: 100%; font-size: 15px; border: 1px solid #ccc; }

.mw_wp_form input[type="submit"],
.mw_wp_form input[type="submit"]:hover { display: table; margin: 30px auto; background-color: #00A6c0; }

.mw_wp_form .form_step {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px;
    list-style: none;
}

.mw_wp_form .form_step > li {
    display: block;
    position: relative;
    padding: 0.5em;
    width: 22%;
    border: 1px solid currentColor;
    color: #00A6c0;
    font-size: 1.5vw;
    font-weight: bold;
    text-align: center;
}
.mw_wp_form .form_step > li:nth-of-type(n + 2) {
    margin: 0px 0px 0px 4%;
}
.mw_wp_form .form_step > li:nth-of-type(n + 2)::before {
    position: absolute;
    top: 50%;
    left: -1.5em;
    width: 0.5em;
    height: 0.5em;
    border-top: 2px solid #00A6c0;
    border-left: 2px solid #00A6c0;
    transform: translateY(-50%) rotate(135deg);
    content: "";
}

.mw_wp_form_input .form_step > li:nth-of-type(1),
.mw_wp_form_preview .form_step > li:nth-of-type(2),
.mw_wp_form_complete .form_step > li:nth-of-type(4) {
    background-color: #00A6c0;
    color: #fff;
}

@media print, (min-width: 992px) {
    .mw_wp_form .form_step > li { font-size: 18px; }
}

.mw_wp_form_complete div { margin: 30px 0px 0px; text-align: center; }