/*
 Theme Name:   OnePress Child
 Theme URI:    https://www.famethemes.com
 Description:  OnePress sample child theme
 Author:       FameThemes
 Author URI:   https://www.famethemes.com
 Template:     onepress
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  onepress-child
*/

/* Add your custom css below
-------------------------------------------------------------- */
/*ヘッダーナビゲーションカスタマイズ*/
.onepress-menu a{
color: #333333;
font-family: "Raleway", Helvetica, Arial, sans-serif;
padding-left: 10px;
padding-right: 10px;
padding-top: 9px;
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
zoom: 1;
letter-spacing: 0px;
}

@media (min-width:991px) {
    .container {max-width: 1140px;}

}

@media (max-width: 767px) {
div.site-logo-div{
width: 90%;
line-height: 0px;
}
#nav-toggle{
position: absolute;
right: 10px;
top: 5px;}
}



/*ヘッダー下のテーマフォーマット追加部分*/
#header2 {
position:relative;top:1px;
background: url(https://antennacafe.com/wp-content/uploads/2020/04/kabegami_light-e1478926008511.jpg) bottom center; 
padding:0.8em;
}
#header2 p{
width:1080px;
margin:0 auto;
}

#header2 p strong{
font-weight:normal;
padding-right: 25%;
}

@media (max-width: 991px){
#header2 {padding-left:60px;}
#header2 p strong{
display:none;
}
#header2 p{
width:100%;
}
}

@media (max-width: 767px) {
#header2 {padding-left:30px;}
#header2 p img {
display:block;
width:250px;
}
}

h2.hero-large-text img.alignleft{
margin-right: 0em;
}

/*スライドショー　テキスト位置*/
.hero-small-text p{
text-align:left;
font-style:normal;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
font-size:220%;
position:relative;
top:150px;left:0;
}

@media (max-width: 767px) {
div.hero__content{
padding: 40% 0;
}
.hero-large-text ,.hero-small-text{display:none;}
}

/*店長バナー・バーのバナー*/

.banner1 img{
margin:1em 20px;
box-shadow: 0px 0px 8px -0px #aaa;}

.banner2 img{
margin:1em 20px;
box-shadow: 0px 0px 8px -0px #aaa;}

@media (max-width: 767px) {
.banner1 img,.banner2 img{
margin:1em 0px;
}
}

@media (max-width: 490px) {
.banner1 img,.banner2 img{
width:80%;
}
}
/*お問い合わせ・予約ボタン※ここを適用すると表示がバグる
.btnset{
text-align:center;
}
.bt01 a, .bt02 a{
color:#fff;
text-decoration: none;
}
.bt01 a:hover,.bt02 a:hover{
color:#fff;
text-decoration: none;
}
.bt01,
input.wpcf7-form-control.wpcf7-submit {
display:inline-block;
width:200px;
margin:0 20px;
background: #e39d10;
  border-radius: 0px;
  box-shadow: 1px 0px 5px #c7c5c7;
  font-family: Arial;
  color: #ffffff;
  font-size: 80%;
text-align:center;
  padding: 8px 0px;
  text-decoration: none;
}

.bt01:hover,
input.wpcf7-form-control.wpcf7-submit:hover {
color:#fff;
  background: #AECD74;
}

.bt02 {
display:inline-block;
width:200px;
margin:5px 20px;
background: #21ad01;
  border-radius: 0px;
  box-shadow: 1px 0px 5px #c7c5c7;
  font-family: Arial;
  color: #ffffff;
  font-size: 80%;
text-align:center;
  padding: 8px 0px;
text-decoration: none;
}

.bt02:hover {
color:#fff;
background: #e3c012;
}

@media (max-width: 767px) {
#whats h3{
font-size:120%!important;
}
.bt01,.bt02{
display:block;
margin:0 auto;
}
.bt01,.bt02{margin-bottom:20px;}
*/

/*アンテナカフェのポイント　背景色*/
@media (max-width: 768px) {
.card-deck .card{
display: block;
width: 100%;
}
}

.card-info{
background-color: #4DA9B3;
}
.card-warning{
background-color: #DBA359;
}
.card-success{
background-color: #62AA7A;
}

.card-inverse .card-blockquote > footer, .card-inverse .card-link,
.card-inverse .card-text {
    color: rgba(255, 255, 255, 1);
}

/*スペースについて*/
#space figure img{
float: left;
width: 60%;
margin-right:1%;
}

#space ol{
width:35%;
float: right;
font-size: 100%;
text-align: left;
line-height: 1.3;
}
ul.space-icon{
width: 80%;
margin:0 auto;
}
.space-icon li{
list-style:none;
margin:0 0 2em 0;
padding-bottom:5px;
font-size:80%;
float:left;
width:159px;
text-align:center;
}
.space-icon li img{
margin-top:10px;
border-radius: 12px;
box-shadow: 0.00px 1.00px 5px 2px rgba(0, 0, 0, 0.3);
background-color: rgba(255, 255, 255, 1);
border: 2px solid rgba(255, 255, 255, 1);
overflow: hidden;
}

@media (max-width: 760px){
#space figure img{
width: 100%;
float:none;
}
#space ol{
width:80%;
margin:1em auto 0;
float:none;
}
#space ol li{
float:left;
width:50%;
}
ul.space-icon{
width: 90%;
margin:0 auto;
}
ul.space-icon{
width: 90%;
margin:0 auto;
}
.space-icon li{
float:none;
display:inline-block;
width: 20%;
margin-bottom:10px;
}
}
@media (max-width: 500px){
#space ol li{
float:none;
width: 100%;
}
ul.space-icon{
width: 100%;
margin:0 auto;
font-size:80%;
}
.space-icon li{
display:inline-block;
width: 20%;
margin:2%;
}
}

/*スペースについて　さらに詳しく*/

section.open a{
display:block;
font-size:200%;
color:#fff;
font-weight:bold;
 width: 100%; text-align: center; background: #56D0ED; margin-top: 1em; padding: 3px;
}
section.open2 a{
display:block;
font-size:200%;
color:#fff;
font-weight:bold;
 width: 100%; text-align: center; background: #EFB167; margin-top: 1em; padding: 3px;
}
section.open a:hover{
background: #26C3DD; 
text-decoration:none;
}
section.open2 a:hover{
background: #F18D00; 
text-decoration:none;
}





/*チャージについて*/
div.pricing-table.row{
width:100%;
margin:0 auto;
}

div.pricing{
display: flex;
margin:0 auto;
}

div.pricing__item{
background:#fff;
border-radius: 12px;
box-shadow: 0.00px 1.00px 5px 2px rgba(0, 0, 0, 0.3);
background-color: rgba(255, 255, 255, 1);
border: 2px solid rgba(255, 255, 255, 1);
padding: 20px 20px;
height: 360px;
}

@media (max-width: 768px) {
div.pricing{
display: inline-table;
width: 100%;
}

.col-md-6{
display: inline-flex;
}

div.pricing__item{
height: auto;
width:auto;
margin:0 auto 2em auto;
}
}

@media (max-width: 499px) {

div.pricing{
display: block;
margin:0 auto;
width:90%;
}

div.pricing__item{
width:100%;
height: auto;
margin:0 auto 2em auto;
}
}

h3.pricing__title{
font-weight:normal;
}
.pricing__price{
padding:0;
}
.pricing__sentense{
font-weight:normal;
}
ul.pricing__feature-list{
font-style:normal;
padding: 0.25em 0 0 0 ;
}
ul.pricing__feature-list li{
margin:0;
}
div.pricing__button{
display:none;
}

#charge2 .container{
width:60%;
margin: 0 auto;
}
#charge2 h2.section-title{
font-weight:normal;
font-size:120%;
text-align:left;
margin:1em 0;
}
#charge2 div.section-title-area{
margin:0;
}

@media (max-width: 767px) {
#charge2 .container{width: 100%;}
}


table.charge{
font-family:"メイリオ",meiryo,"ヒラギノ角ゴ pro w3","hiragino kaku gothic pro",sans-serif;
text-indent:0;
width:80%;
margin:0 auto;
border:none;
}
table.charge th,table.charge td{
padding: 1em 0em;
border:none;
}
table.charge th{
padding: 0.3em 0em;
font-weight: normal;
}
table.charge .thcol{
border-right:1px #888 solid;
font-size: 75%;
}
table.charge .throw{
border-bottom:1px #888 solid;
}
table.charge th.thdouble1{
border-right:3px #888 double;
}
table.charge th.thdouble2,
table.charge td.thdouble2{
border-left:3px #888 double;
}
table.charge th.nbsp{
border-bottom:1px #888 solid;
}
table.charge td {
font-size: 80%;
width:20%;
border:1px #888 solid;
}
table.charge .thcol time{
font-size: 60%;
text-indent:0em;
}
div.col-sm-12{1display:none;}


/* reservation ご利用の流れ*/
div.flow{
margin-bottom:3em;
}

div.flow p{
width:700px;
overflow: hidden; 
for-size: 70%; 
line-height: 1.4; 
margin: 0 auto;
background:#fff;
}

div.flow b{
font-size:115%;
font-weight:normal;
color:#F18D00;
}
div.flow img{margin-right:1em;}

a.txtlink{
text-decoration:underline;
color:#333;
}
a.txtlink:hover{color:#F18D00;}

@media (max-width: 499px) {
div.flow p img{
width:40%;
}
div.flow p{
width:100%;
overflow: hidden; 
for-size: 12px; 
line-height: 1.3; 
margin: 0 auto;
}
}

/* Blog　ブログ*/
#magazine{
background-size:30%;
}
.section-news .list-article, .archive .list-article, .blog .list-article{
padding: 10px 0px;
}


@media (max-width: 767px) {
div.blog-entry article{
width:80%;
margin:0 auto 1em auto;
padding:10px;
}
.section-title-area{margin-bottom: 0;}
.list-article-content{padding:5px;}
div.list-article-thumb{
margin:0 0 0 0 ;
padding:0 10px;
}
}

/*  FAQ  よくある質問 */
#faq{margin-bottom:0;}
#faq dl{
border-bottom:1px #888 solid;
width:90%;
margin: 0 auto 1em auto;
display:flex;
}

#faq dt{
width:4em;
font-size:130%;
line-height:1;
text-align:center;
}
#faq dd{
width:80%;
font-size:100%;
text-align:left;
line-height:1.4;
}
#faq dt.q-text{
width:30%;
}

@media (max-width: 767px) {
#faq dl{
display: block;
width:90%;
margin: 0 auto 0.5em auto;
padding-bottom:10px;
overflow:hidden;
}

#faq dt{
width:30%;
float:left;
margin-bottom:0;
text-align:left;
}

#faq dd{
margin-top: 0;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
float:left;
width:100%;
}
}

/*google calender*/
.simcal-calendar{
width:70%;
height:auto;
margin: 0 auto;
font-family:"メイリオ",meiryo,"ヒラギノ角ゴ pro w3","hiragino kaku gothic pro",sans-serif;
}
.simcal-calendar h3{
font-family:"メイリオ",meiryo,"ヒラギノ角ゴ pro w3","hiragino kaku gothic pro",sans-serif;
font-weight:normal;
}
span.simcal-day-label.simcal-day-number{
font-size: 14px;
}
div.team-members.row.team-layout-4{
display:none;
}

@media (max-width: 767px) {
.section-schedule{padding: 0;}
.simcal-calendar{
width: 100%;
}

}


/*contact お問い合わせフォーム*/
form.wpcf7-form{
position: relative;
top: 80px;
}

form.wpcf7-form p{
font-weight:normal;
font-size:150%;
}
span.wpcf7-list-item{
margin-left: -0.5em;
}

span.wpcf7-form-control-wrap.check{
width:20px;
padding-right: 1em;
}
input.wpcf7-form-control.wpcf7-submit{
font-size:130%;
font-weight:normal;
width:100%;
padding:1em 0;
margin:0 0 2em 0;
}


/*contact お店情報*/
.col-sm-6{
position: relative;
top: -30px;
}

@media (max-width: 767px) {
form.wpcf7-form{
position: relative;
top: 0px;
}
.col-sm-6{
position: relative;
top: 0px;}

.col-sm-8{padding-bottom:1em;}
}


/*footer*/
.site-footer .footer-connect{
padding:0;
margin:0;
background: url(https://antennacafe.com/wp-content/uploads/2020/04/kabegami_light-e1478926008511.jpg) bottom center; 
}

.site-footer .site-info{
font-weight:100;
padding: 10px 0;
}

@media (max-width:768px) {
.site-footer .site-info{
padding: 30px 0 20px 0;
}
}

@media (max-width:420px) {
.site-footer .site-info{
padding: 30px 0 10px 0;
font-size:10px;
}
}


/*form*/
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea{
width:450px;
}

input[type="checkbox"]{
width: 1.5em;
margin-right:-8px;
}

span.wpcf7-list-item{display:block;}

label.check{font-size:80%;}
input#check {
	width: 1em;
}


/*form　カレンダー　＝＝＝＝＝＝*/
input[type="date"] {
  position: relative;
  padding: 0 10px;
  width: 200px;
  height: 36px;
  border: 0;
  box-sizing: border-box;
}

/* スピンボタン（上下ボタン）を非表示 */
input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
/* 無入力時の 年/月/日 を / / にする */
input[type=date]::-webkit-datetime-edit-year-field:not([aria-valuenow]),
input[type=date]::-webkit-datetime-edit-month-field:not([aria-valuenow]),
input[type=date]::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
  color: transparent;
}
/* /の色を変える */
input[type=date]::-webkit-datetime-edit-text {
  color: #666;
}
/* clearボタンの非表示 */
input[type=date]::-webkit-clear-button {
  -webkit-appearance: none;
}
/* カレンダーのインジケータ（▼）を非表示 */
input[type=date]::-webkit-calendar-picker-indicator {
  color: #666;
  position: relative;
}
/* fontAwesomeのカレンダーアイコンをインジケータにする */
input[type=date]::-webkit-calendar-picker-indicator:before {
  color: #f00;
  1font-family: FontAwesome;
  content: "\f073"; /* fa-calendar */
  /*content: "\f133";  fa-calendar-o */
  1position: absolute;
  left: 0px; /* ここら辺はいい感じの塩梅で */
  top: 0px;  /* ここも */
}