a:hover{
    text-decoration: none!important;
}


/* ボタン  */
.allBtnWrap{
    color: white;
    height: 50px;
    font-size: 25px;
    line-height: 46px;
    background-color: #a48c39;
    margin: 30px auto;
    position: relative;
    width:430px;
    text-align: center;
}
.allBtnWrap a{
text-decoration: none;
}
.allBtnWrap a, .allBtnWrap a:visited{
color: #fff;
}
.iconback.tw{
    width: 50px;
    height: 50px;
    text-align: center;
    color: white;
    position: absolute;
    right: -40px;
    background: #87732d;
}
input[type="submit"].wpcf7-form-control.wpcf7-submit.allbtnWrap{
    color: white;
    height: 50px;
    font-size: 25px;
    line-height: 1;
    background-color: #a48c39;
    margin: 1em;
    position: relative;
    width:430px;
    text-align: center;
}
.allBtnWrap.topBtnActivity{
background-color: #a43957;
}
.allBtnWrap .topBtnIconFacility{
    background-color: #7c2950;
}
.topAccessBtn{
    display: flex;
    width: 84%;
    margin: auto;
}
.accessBtnWidth{
    font-size: 20px;
    width: 300px;
}

@media screen and (max-width: 1230px){
    .topAccessBtn{
        flex-wrap: wrap;
    }
    .allBtnWrap.accessBtnWidth{
        width: 100%;
        margin: 10px auto;
    }
}

@media screen and (max-width: 767px){
    .iconback.tw{
        right: -10px;
    }
    .allBtnWrap.accessBtnWidth{
        font-size: 16px;
        text-align: left;
        padding-left: 20px;
    }
    .singleBtnSp{
        width: 100%;
        font-size: 16px;
        text-align: left;
        padding-left: 20px;
    }

    .accessDoubleBtn{
    display: block;
    width: 100%;
    }

}





/* logoの大きさ指定 */
.logo{
width:200px;
/* padding:0　0　0　200px; */
	margin-right:20px;
}

.navbar-brand {
/*     color: rgba(0,0,0,.9); */
    padding-left: 200px;
}


/* ---------------------------------------------------------------------------- */

/*  カレンダー表示順番入れ替え*/

caption {
    caption-side: top!important;
}
.mc-main caption {
    text-align: center;
}

/* ---------------------------------------------------------------------------- */
/* footer作ろう */
img.footer_img{
	width:290px;
	margin:10px 0;
}


/*トップへ戻るボタン*/
.topBtn {
    position:relative; /*固定*/
/*     bottom:50px; 場所を右下に移動
    right:250px; 場所を右下に移動 */
    display:block; /*aタグをblock要素に変更*/
    background-color:rgba(0,0,0,1); /*以下、デザインはご自由に！！*/
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    font-size:11px;
    width:60px;
    height:60px;
    text-align:center;
    /* line-height:22px; */
    border-radius:30px;
    padding-top:30px;
    box-sizing:border-box;
	display: flex!important;
	flex-direction:row-reverse;
	
  }
/*   .topBtn:before {
    font-family: FontAwesome;
    content: '\f106';
    font-size: 25px;
 
    position:absolute;
    top:3px;
    left:0;
    width:100%;
    text-align:center;
    font-size:50px;
	  display: flex!important;
	  flex-direction:row-reverse;
  } */
  .topBtn:hover {
    opacity:0.7;
  }

footer_button_right{
	flex-direction:row-reverse;
}


footer .copyright {
	color: #acacac;
	font-size: 12px;
	padding:10px 0;
    letter-spacing: 1px;
    text-align:center;
    background-color:black;
}




/* ---------------------------------------- */
/*
.relative1{
    position: relative;;
    width:500px;
height:500px;
background-color:red;}


.relative2{
    position: relative;;
    width:400px;
    height:400px;
    background-color:blue;}


.relative3{
    position: relative;;
    width:300px;
    height:300px;
    background-color:green;}

.absolute{
position:absolute;
bottom:30px;
background-color: pink;
}

.parent{
    display:block;
    text-align:center;
}


.child{
    display:inline-block;
}

*/

/*  問い合わせフォーム 真ん中に持って期待*/
div.form-group.row{
	justify-content: center;
	
	
}


/* googlemap　直書き　横幅いっぱい　レスポンシブ */
.google-maps {
position: relative;
padding-bottom: 30%;
/* 	// これが縦横比 */
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
/*  googlemap上の不要な情報削除*/
div.place-card {
	display:none!important;}


/*ボタンデザイン  */
.square_btn {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #00bcd4;
    transition: .4s;
  }

.square_btn:hover {
    background: #1ec7bb;
}

/* navbar */
/* @media (min-width: 992px) */
.navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox!important;
    display: flex;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    /* align-items: end; */
    /* justify-content: end; */
    flex-direction: row-reverse;
}
/*  top戻るボタン*/
.d-flex_footer_botton{
    display: -ms-flexbox!important;
    display: flex!important;
    flex-direction: row-reverse;
}


/*  施設紹介ページ*/
.card-padding-bottom{padding-bottom:30px;}
.card-body-text {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.5rem 0px!important;
	margin-bottom:10px;
}
.card-title-left {text-align: start;}
a.white-botton:visited{
	color:#fff!important;
}
.background-white
{
	background-color:#fff;
	padding:40px;
}
.sec1{
	display:flex;
/* 	width:90%; */
/* 	height:1000px; */
	margin:0 auto;
	
}
#frame{
	width:70%;
	margin:0 auto;

}

body{
/*  overflow:hidden; */
}

.card-relative{
	position:relative;
}
.card-absolute{position:absolute;
top:0;
left:0;
color:white;
}


/*  エイサーとは*/
/*ボックス全体*/
.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 400px;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #ffba47;
    font-weight: bold;
    background: #fff2cc;
    cursor :pointer;
    transition: all 0.5s;
}

/*アイコンを表示*/
.accbox label:before {
    content: '\f054';
    font-family: 'FontAwesome';
    padding-right: 8px;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#ffe9a9;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #fff5eb;
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '\f078';
}


/*----------------------------------------------------------------------------------------------------*/

/*ボタンにアイコン乗せて色切り替える*/



.font-image{
    position:absolute;
   right:0px;
    background-color:green;
    /* padding:3px; */
}

.flat_ss { 
    color: white;
    display: inline-block;
    height: 50px;
    font-size: 25px;
    line-height: 46px;
    vertical-align: middle;
/*     background:	#B8860B; */
	background-color:#a48c39;
    text-decoration: none;
    margin: 1em;
    position: relative;
}

.flat_ss .iconback{
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    color:white;
    position: absolute;
    right: -40px;
}
.flat_ss .iconback .fa{
    font-size: 25px;
    line-height: 50px;
}
.flat_ss .iconback .fa{
	transition: .3s;
}

.flat_ss .btnttl{
    display: inline-block;
    width: 230px;
    text-align: center;
    vertical-align:middle;
}
/*トップページのボタン*/
.flat_ss .btnttl_top{
    display: inline-block;
    width: 350px;
    text-align: center;
    vertical-align:middle;
}
.flat_ss .tw {background:#87732d}
.flat_ss_top {background:pink}
/*.flat_ss .fb {background:#3b75d4}
.flat_ss .fdly {background:#7ece46}
.flat_ss .pkt {background:#fd7171}
.flat_ss:hover .iconback .fa{
    -webkit-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    transform: rotateX(360deg);
}*/
/* ボタンhoverしても変化しない。*/
a.flat_ss:visited{
color:white!important;}

a.error_flat_ss:hover{
color:white!important;
text-decoration: none;}

a.error_flat_ss:visited{
color:white!important;
text-decoration: none;}

/*----------------------------------------------------------------------------------------------------*/

/*アクセスの　情報欄　中央寄せ*/

.access_central
{
	margin:0 auto!important;
}


/*トップページのエイサーとは幅指定 細かく指定したら効く*/
 div#width_eisa.card-body{
width:60%!important;
}


/*トップページのエイサー背景画像----------------------------------------------------------------------------------------------------*/
/* Container holding the image and the text */
/* .container {
  position: relative;
  text-align: center;
  color: white;
		width:100%;
	background-size: cover;
} */

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	width:100%;
}

/*背景画像横いっぱいテスト*/
.container_img {
	height:800px;
  position: relative;
background-image:url("https://eisa-museum.jp/wp-content/uploads/2019/02/eisa_top.jpg");
 color: white;
		width:100%;
	background-size: cover;
}

/*  ここからテストVSCODEないで試していたものCSS*/

/* logoの大きさ指定 */
.logo{
    width:200px;
    /* padding:0　0　0　200px; */
        margin-right:20px;
    }
    
    .navbar-brand {
    /*     color: rgba(0,0,0,.9); */
        padding-left: 200px;
    }
    
    
    /* ---------------------------------------------------------------------------- */
    
    
    
    /* ---------------------------------------------------------------------------- */
    /* footer作ろう */
    .flex_footer{
        display:flex;
        justify-content: center;
     
    }
    
    .footer_logo{
    justify-content: center;
    width:15%;
    height:15%;
    margin:10px 20px;
    }
    
    /*  footer-logo 真ん中に寄せ*/
    .justify-content-around {
        -ms-flex-pack: distribute!important;
        justify-content: center!important;
    }
    
    
    
    
    
    /*トップへ戻るボタン*/
    .topBtn {
        position:relative; /*固定*/
    /*     bottom:50px; 場所を右下に移動
        right:250px; 場所を右下に移動 */
        display:block; /*aタグをblock要素に変更*/
        background-color:rgba(0,0,0,1); /*以下、デザインはご自由に！！*/
        color:#fff;
        text-decoration:none;
        font-weight:bold;
        font-size:40px;
        width:60px;
        height:60px;
        text-align:center;
        /* line-height:22px; */
        border-radius:30px;
        padding-top:10px;
        box-sizing:border-box;
        display: flex!important;
        flex-direction:row-reverse;
        
      }
      a:visited.topBtn {
        color: #fff;
      }
    
      .topBtn:hover {
        opacity:0.7;
      }
    
    footer_button_right{
        flex-direction:row-reverse;
    }
    
    
    footer .copyright {
        color: #acacac;
        font-size: 12px;
        padding:10px 0;
        letter-spacing: 1px;
        text-align:center;
        background-color:black;
        margin-bottom: 0;
    }
    
    
    
    
    /* ---------------------------------------- */
    
    
    /*  問い合わせフォーム 真ん中に持って期待*/
    div.form-group.row{
        justify-content: center;
        
        
    }
    
    
    /* googlemap　直書き　横幅いっぱい　レスポンシブ */
    .google-maps {
    position: relative;
    padding-bottom: 20%;
    /* 	// これが縦横比 */
    height: 0;
    overflow: hidden;
    }
    .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 80% !important;
    }
    /*  googlemap上の不要な情報削除*/
    div.gm-style .place-card-large {
        display:none!important;}
      .gm-style .place-card-medium {
    display: none;
}
    
    /*ボタンデザイン  */
    .square_btn {
        position: relative;
        display: inline-block;
        font-weight: bold;
        padding: 0.25em 0.5em;
        text-decoration: none;
        color: #FFF;
        background: #00bcd4;
        transition: .4s;
      }
    
    .square_btn:hover {
        background: #1ec7bb;
    }
    
    /* navbar */
    /* @media (min-width: 992px) */
    .navbar-expand-lg .navbar-collapse {
/*         display: -ms-flexbox; */
        display: flex;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        /* align-items: end; */
        /* justify-content: end; */
        flex-direction: row-reverse;
    }
    /*  top戻るボタン*/
    .d-flex_footer_botton{
        display: -ms-flexbox!important;
        display: flex!important;
        flex-direction: row-reverse;
    }
    
    
    /*  施設紹介ページ*/
    .sec1{
        display:flex;
    /* 	width:90%; */
    /* 	height:1000px; */
        margin:0 auto;
        
    }
    #frame{
        width:70%;
        margin:0 auto;
    
    }
    

    .card-relative{
        position:relative;
    }
    .card-absolute{position:absolute;
    top:0;
    left:0;
    color:white;    
		background-color: #233952;
    width: 80px;
    text-align: center;
    }
.fit_with_bkimg{
	top:-40px;
	left:-40px;
}
/*  丸数字デザイン */
 .maru_half {
     border-radius: 50%;
/*     font-size: 15px; */
    font-weight:bold;
    padding:2px 8px;
}
 .maru_half_78 {
     border-radius: 50%;
/*     font-size: 15px; */
    font-weight:bold;
    padding:2px 4px;
}
 .shikaku_half {
/*      font-size: 15px; */
    font-weight:bold;
    padding:4px 10px;
}
.brown_button {
      color: #fff;
      border: 1px solid #a48c39;
      background-color:#a48c39;
}    
 /*  ここまで施設紹介ページ*/



    /*  エイサーとは*/
    /*ボックス全体*/
    .accbox {
        margin: 2em 0;
        padding: 0;
        max-width: 400px;/*最大幅*/
    }
    
    /*ラベル*/
    .accbox label {
        display: block;
        margin: 1.5px 0;
        padding : 13px 12px;
        color: #ffba47;
        font-weight: bold;
        background: #fff2cc;
        cursor :pointer;
        transition: all 0.5s;
    }
    
    /*アイコンを表示*/
    .accbox label:before {
        content: '\f054';
        font-family: 'FontAwesome';
        padding-right: 8px;
    }
    
    /*ラベルホバー時*/
    .accbox label:hover {
        background :#ffe9a9;
    }
    
    /*チェックは隠す*/
    .accbox input {
        display: none;
    }
    
    /*中身を非表示にしておく*/
    .accbox .accshow {
        height: 0;
        padding: 0;
        overflow: hidden;
        opacity: 0;
        transition: 0.8s;
    }
    
    /*クリックで中身表示*/
    .cssacc:checked + label + .accshow {
        height: auto;
        padding: 5px;
        background: #fff5eb;
        opacity: 1;
    }
    
    .accbox .accshow p {
        margin: 15px 10px}
    
    /*アイコンを入れ替える*/
    .cssacc:checked + label:before {
        content: '\f078';
    }
    
    
    /*----------------------------------------------------------------------------------------------------*/
    
    /*ボタンにアイコン乗せて色切り替える*/
    

    
    .flat_ss .iconback{
        display: inline-block;
        width: 50px;
        height: 50px;
        text-align: center;
        color:white;
    }
    .flat_ss .iconback .fa{
        font-size: 25px;
        line-height: 50px;
        transition: .3s;
    }
 
    
    .flat_ss .btnttl{
        display: inline-block;
        width: 330px;
        text-align: center;
        vertical-align:middle;
    }
    /*トップページのボタン*/
    .flat_ss .btnttl_top{
        display: inline-block;
        width: 350px;
        text-align: center;
        vertical-align:middle;
    }
/*     .flat_ss_top {background:pink} */
  
    /*----------------------------------------------------------------------------------------------------*/
    
    /*アクセスの　情報欄　中央寄せ*/
    
    .access_central
    {margin:0 auto!important;}
    
    
    /*トップページのエイサーとは幅指定 細かく指定したら効く*/
     div#width_eisa.card-body{
    width:60%!important;
    }
    
    
    /*トップページのエイサー背景画像----------------------------------------------------------------------------------------------------*/
    /* Container holding the image and the text */
    .container {
      position: relative;
      text-align: center;
      /* color: white; */
            width:100%;
        background-size: cover;
    }
    
   


/* 各ページのトップ 定型文 */
    /* 背景画像*/
/* 施設紹介の背景トップ画像 */
.container_top_img_for_about{ background-image:url("https://eisa-museum.jp/wp-content/uploads/2019/02/top_about.png");
    width:100%;
    height:250px;
    display:flex;
    align-items: center;
    background-size:cover;
    background-repeat: no-repeat;    
    background-position: center center;
    }
/*  エイサーとはの背景トップ画像*/
.container_top_img_for_eisa{ background-image:url("https://eisa-museum.jp/wp-content/uploads/2019/02/top_eisa.png");
    width:100%;
    height:250px;
    display:flex;
    align-items: center;
    background-size:cover;
    background-repeat: no-repeat;    
    background-position: center center;
    }
/*  お知らせの背景トップ画像*/
.container_top_img_for_news{ background-image:url("https://eisa-museum.jp/wp-content/uploads/2019/02/top_news.png");
    width:100%;
    height:250px;
    display:flex;
    align-items: center;
    background-size:cover;
    background-repeat: no-repeat;    
    background-position: center center;
    }
/*  アクセスの背景トップ画像*/
.container_top_img_for_access{ background-image:url("https://eisa-museum.jp/wp-content/uploads/2019/02/top_access.png");
    width:100%;
    height:250px;
    display:flex;
    align-items: center;
    background-size:cover;
    background-repeat: no-repeat;    
    background-position: center center;
    }
/*  お問い合わせの背景トップ画像*/
.container_top_img_for_contact{ background-image:url("https://eisa-museum.jp/wp-content/uploads/2019/02/top_contact.png");
    width:100%;
    height:250px;
    display:flex;
    align-items: center;
    background-size:cover;
    background-repeat: no-repeat;    
    background-position: center center;
    }

.container_top_img {
    background-image:url("https://eisa-museum.jp/wp-content/uploads/2019/02/top_about.png");
    width:100%;
    height:250px;
    display:flex;
    align-items: center;
    background-size:cover;
    background-repeat: no-repeat;    
    background-position: center center;
    
/*    
    position: relative;
    text-align: center;
    color: white; */
    /* 赤い彗星余白調整PCとSPでサイズ調整してもいいかも */
    /* margin-bottom: 60px; */
  }

  /* 背景画像の真ん中に文字持ってきたい */
  .centered_top_img {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    color:white;
    margin:0 auto;
    letter-spacing: 0.2em;
    /* vertical-align:  middle;     */
    /* 中央寄せ */
  }
/* 赤い彗星ライン 真下につけたい */
  .border_img{
      margin-bottom:80px;
    /* position: absolute;
    bottom: -20%;
    left: 0%; */
    
  }
  /* 各ページのトップ 定型文ここまで */


/* アクセスページのボタン ３つ */
  .flat_ss .btnttl_access_buttom{
    display: inline-block;
    padding: 0 20px;
/* 	  横幅揃えたい　けどスタイル崩れる、、 */
	  width:350px;
    text-align: center;
    vertical-align:middle;
}
/* アクセスページのボタン ３つ真ん中に */
.center_items{
    margin-top:50px;
    /* margin:0 auto; */
    text-align: center;
    /* font-size:24px; */
}
/*  ボタンデザイン 　アイコン色、大きさ指定*/
.fa-plus:before, .fa-minus:before {
    /* background-color: brown; */
    padding: 12px;
    /* content: "\f067"; */
}

/* アクセス料金表 */
/* <!-- 料金表ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー --> */
.pricetable {
    /* font-size:28px; */
    width:60%;
	margin: 50px auto;
	padding: 0em;
	border-spacing: 1px 0;
	border-radius: 6px;
    /* background: #e8effc; */
    border-top: 2px solid  #a48c39;
    border-bottom: 2px solid  #a48c39;

}
.pricetable td {
	height: 50px;
	padding: 0 20px;
	text-align: left;
	margin:5px 0;
	border-bottom: 1px solid #cdcdcd;
}
/*main tableブロック*/
.pricetable tbody td {
	text-align: left;
}
/* --リスト名ブロック */
.pricetable tbody td:first-child {
	
	text-align: left;
    white-space: nowrap;
    border-bottom: 1px solid #a48c39;
}
/* .cp_pricetable2 tbody td:first-child::before {
	font-family: 'FontAwesome';
	content: ' \f0da';
} */
/* --2,3列目 */
.pricetable td:nth-child(2),
.pricetable td:nth-child(3) {
	border-bottom: 1px solid  #a48c39;
	/* background: pink; */
}

/* アクセス料金表 ここまで */


/* お車でお越しの場合ーーーーーーーーーーーーーーーーーーーーーー */

  /* アクセス画像大きく表示 */
  .img_width{
    width:75%;
}

.border_img_yellow{
    /* position: absolute; */
    /* bottom: -20%; */
    /* left: 0%; */
    
  }
  .container_top_img2 {
    /* width:100%; */
    /* position: relative!important; */
    /* background-size:cover; */
   
    /* text-align: center; */
    
    /* 赤い彗星余白調整PCとSPでサイズ調整してもいいかも */
    /* margin-bottom: 60px; */
  }
  .access_bk_img2 {
      background-image:url("../img/access_bk_img.jpg");
padding: 0 0 100px 0;
    text-align: center;

  }

  .access_margin{padding:80px 0;
	   text-align: center;
	  color:black;
   }

  .all_width{
   width:50%;
  }

  .p-3{
/*       width:800px; */
      margin:0 auto;

  }



  /* お問い合わせページーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.tell_icon{padding: 0px 10px 20px 0px;}
a.tell_number{color:#000000!important;
font-weight:600;}
a.tell_number:hover{color:#708090!important;}
  /* 団体のお客様について テキスト */
  .text_width{
width:95%;
margin:0 auto;
background-color:white;
padding:10px 0;
  }


  .flat_ss_1 .btnttl_access_buttom{
    display: inline-block;
    width: 250px;
    text-align: center;
    vertical-align:middle;
}
.flat_ss_1 { 
    color: white;
    display: inline-block;
    height: 50px;
    font-size: 17px;
    line-height: 50px;
    vertical-align: middle;
    background:	darkblue;
    text-decoration: none;
    margin: 1em;
}

.flat_ss_1 .iconback{
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    color:white;
}
.flat_ss_1 .iconback .fa{
    font-size: 25px;
    line-height: 50px;
    transition: .3s;
}


/* .text_card{
    display: inline-block;
    width: 250px;
    text-align: center;
    vertical-align: middle;
   
} */

/*第二弾 card作り */
.blue{
    /* height:200px; */
    /* text-align: center; */
    /* width:80%; */
    background-color:darkblue;
    color:white;
    padding:10px;
    font-size:17px;
}
/* .blue_parent{
    display: flex;
    align-items: center;
    width:250px!important;
} */
/* .card-deck .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 0px;
    margin-bottom: 0;
    margin-left: 0px;
    /* margin:0 20px; */
/* }  */
/* 
.blue_parent {
    display: flex;
    align-items: center;
} */

/* カードの境界線 なくす デザイン編集 */
.card {
    /* position: relative; */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid white;
    border-radius: .25rem;
    /* width:200px; */
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.25rem;
}

/*  カードのうえのボタンデザインをそのままに*/
.card-body-button-design {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0;
}

/* エイサーとは------------------------ */

.mini_heading_orange{
    background-color: #f48123;
    color:white;
    /* height:20px; */
    width:100px;
    padding: 5px 0;
}
.mini_heading_red{
    background-color:#ee3123;
    color:white;
    /* height:20px; */
    width:100px;
    padding: 5px 0;

}



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

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

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

.margin_top{
    margin-top:60px;



}

/*  施設紹介のメインの背景画像*/
#frame {
	background-color:#fff;
/*     background-image:url("https://eisa-museum.jp/wp-content/uploads/2019/02/eisa_back_img_main_03-e1550054442828.jpg"); */
    width:100%;
/*     height:250px; */
   padding-bottom:100px;
    
    background-repeat: no-repeat;    
    background-position: center center;
    background-size: cover;
    }

.text-align{
	text-align:center;
}
.wrap_background{
	width:100%;
	  background-image:url("https://eisa-museum.jp/wp-content/uploads/2019/02/eisa_back_img_main_03-e1550054442828.jpg");
	padding-bottom:100px;
}





/* ここから エイサーとは　アコーディオン機能　*/


.top-topic , .top-faq{
  height:200px;
  margin-top: 180px;
}
.top-topic{
  background: #0991c9;
}
.top-faq{
  background: #09c9b0;
}
.top-box-wrap{
  position: relative;
  background: #fff;
  width: 420px;
  height: 410px;
  margin-top: -90px;
  padding:10px 0 10px 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.26);
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
@media screen and (max-width:900px) and (min-width:768px){
  .top-box-wrap{
    width: 46vw;
  }
}
.top-box-wrap.top-box-wrap-topic{
    margin-left: auto;
}
.top-box-wrap.top-box-wrap-faq{
  margin-right: auto;
}
.top-box-wrap p{
  margin: 10px 10px 15px 10px;
  font-size: 14px;
}
.top-box-wrap span{
  color: #34495e;
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.top-box-wrap span.top-question{
  color: #09c9b0;
  display: inline;
  margin-right: 10px;
}
.top-box-wrap .top-box-headline{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  margin-left: 2.7%;
  padding: 10px;
  font-size: 18px;
}
.top-box-headline-topic{
  border-bottom: #0991c9 solid 4px;
}
.top-box-headline-faq{
  border-bottom: #09c9b0 solid 4px;
}

 #QaA-accordion i {
      padding: 5px;
    }
    #QaA-accordion .panel-title {
      font-size: 14px;
    }
    #QaA-accordion .Question, .Answer {
      font-size: 12px;
    }
    #QaA-accordion .panel-body span {
      font-size: 14px;
    }

/* Q&A accordion------- */

#QaA-accordion {
  text-align: left;
}

#QaA-accordion .panel {
  border-style: none;
  border-radius: 0px;
}
#QaA-accordion span.plus{
  background: #fff;
  padding:1px 4px;
  margin-right: 15px;
}
#QaA-accordion svg {
  color: #B5BBB5;
  margin-right:auto;
}

#QaA-accordion .panel-heading {
  background-color: #1B92C7;
  border-radius: 0px;
  padding: 0px;
}

#QaA-accordion .panel-title {
  color: #ffffff;
  font-size: 18px;
}

#QaA-accordion .panel-title a {
  text-decoration: none;
  display: block;
  padding: 15px;
}

#QaA-accordion .Question {
  font-weight: bold;
  margin-bottom: 10px;
}
#QaA-accordion .qa{
  background-color: #fff;
  margin-bottom: 20px;
  padding: 20px;
  letter-spacing: 0.05em;
}
#QaA-accordion .Question,#QaA-accordion .Answer {
  background-color: #ffffff;
  display: flex;
}
#QaA-accordion .Question span,#QaA-accordion .Answer span{
  font-weight: bold;
  margin-right: 8px;
  font-size: 18px;
}

#QaA-accordion .panel-body {
  background-color: #f4f4f4;
}

#QaA-accordion .Question span {
  color: blue;
}

#QaA-accordion .Answer span {
  color: #e50012;
}


/* ここまで エイサーとは　アコーディオン機能　*/

/* ここから カレンダー　*/
.day-heading {
	background-color:#1da1f2!important;
	color:#fff;
}
.weekend-heading{
	background-color:#1da1f2!important;
	color:#fff;
}
.mc-main .my-calendar-nav ul {
	background-color: #1da1f2!important;}

.future-day {
    background-color: #fff!important;}
.past-day {
    background-color: #fff!important;}



.my-calendar-month{
	    color: #fff;
		background-color: #1da1f2!important;
}

.mc-main .my-calendar-nav ul {
    height:0px!important ;
    margin: 0;
    padding: 0;
}
.mc-main caption.my-calendar-month {
    margin: 2px 0;
    font-weight: 700;
    padding: 0px;
}
/* .mc-main .weekend {
    background: #fff!important;
    color: #000;} */
/* ここまで カレンダー　*/


/*  404errorページ　画像上にボタンのせ*/
.relative{position:relative!important;}
.absolute{position:absolute!important;}

.width_100{
    width:100%;
}
   /* 背景画像*/
.error_top_img {
    background-image:url("https://eisa-museum.jp/wp-content/uploads/2019/02/eisa_back_img_main_03-e1550054442828.jpg");
    width:100%;
    height:732px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size:cover;
    background-repeat: no-repeat;    
    background-position: center center;
    /* flex-wrap: wrap; */
  }
  .errorCenter{
      display: flex;
    flex-direction: column;
    margin: 0 30px;
  }


  /* 背景画像の真ん中に文字持ってきたい */
/*   .centered_top_img {
    color:white;
    margin:0 auto;
  } */
.error_centered_top_img{
	 color:white;
	padding: 0 30px;
	 margin:30px auto;
/* margin-bottom: -333px; */
}


.error_flat_ss { 
    color: white;
    display: inline-block;
    height: 50px;
    font-size: 25px;
    line-height: 50px;
    vertical-align: middle;
    background:	#B8860B;
    text-decoration: none;
}

/*  ここまで404errorページ　*/


/* 見出しのボーダー　 */
.border-bottom{
	border-bottom:3px solid #a48c39 ;
}
/* 見出しのしたの　縦線 バーダー */
/* <div class="heading_center">
<h2 class="border-bottom">アクセス</h2>
</div> */
.heading_center{
text-align:center;
padding:70px 0;
}


/*ここまで 見出しのしたの　縦線  */


/* ここから 問い合わせフォーム*/
/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media (max-width: 575.98px){
	input.wpcf7-form-control {
/*     width: 230px!important; */
}
	textarea.wpcf7-form-control {
/*     width: 230px!important; */
}
	.flat_ss .btnttl_access_buttom {
    vertical-align: top;
/* 	width: 170px; */
}
.p-3-sm {
/* 	width: 300px!important; */
    margin: 0 auto;
}
	
a.nav-link-contact-sm {
    border-top: 2px solid #a48c39;
    background-color: #a48c39!important;
    padding: 12px 14px!important;
    color: #fff!important;
}	
	
.inquiry td {
	text-align: left;
	}
	
.margin-contact {
    margin-left: 14px!important;
}
	a.nav-link-contact-tablet {
    border-top: 2px solid #a48c39;
    background-color: #a48c39!important;
    padding: 11px 109px!important;
    color: #fff!important;
}
	.flat_ss .btnttl_access_buttom {
    width: 160px!important;
    vertical-align: top;
}
}


@media(max-width:768px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
/*  color:#444; */
 padding: 10px 0px 10px 0px;
 width:20%;
/*  background:#f7f7f7; */
/*  border:solid 1px #d7d7d7; */
}
/*通常欄*/
.inquiry td{
 font-size:13px;
text-align:center;
	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
/*  border:solid 1px #d7d7d7;	 */
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:15px;
 width:350px;
 background:#ffaa56;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 margin:25px auto 0;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#ffaa56;
 border:2px solid #ffaa56;
}



ul.nav-tabs-contact {
     margin: 0; 
}
.nav-link-contact a.show {
    color: #a48c39!important;
/* 	padding:5px; */
}
a.nav-link-contact .active{
	color: #a48c39!important;
	padding:5px;
}
a.nav-link-contact {
	border-top: 2px solid #a48c39;
	 background-color: #a48c39!important;
	padding:12px 127px;
	color:#fff!important;
}

.nav-tabs-contact .nav-item-contact.show .nav-link-contact, .nav-tabs-contact .nav-link-contact.active {
    background-color: #fff!important;
  	 color: #a48c39!important;
	border: 3px solid #a48c39;
	border-bottom: 2px solid white!important;
/*     padding-bottom: 2px; */
}
table.inquiry.contactform-border {
    width: 90%;
    margin: 40px auto;
}
/* .wpcf7-form-control{
	border:0px ;
} */
form.wpcf7-form{
     border: 3px solid #a48c39;
     margin-top: 8px;
	background-color: #fff;
}

.margin-contact{
	margin-left:62px;
}
input.wpcf7-form-control{width:500px;}
textarea.wpcf7-form-control{width:500px;}

.tab-contet-bk-color{
	background-color:#fff;
}
/*  ここまで問い合わせフォーム*/


/*  カードの境界線消したい*/
.card{border:0px!important;}
 
.font-color-red{
	color:red!important;
}





@media screen and (max-width:992px) and (min-width:768px){
    .flat_ss{
        font-size: 20px;
    }
    .flat_ss .btnttl_access_buttom{
        width: 280px;
    }
	
	.margin-contact{
	margin-left:160px;
}
	
	
}




@media screen and (max-width:767px){
    .flat_ss{
        font-size: 15px;
    }
    .flat_ss .btnttl_access_buttom{
        width: 220px;
        vertical-align: top;
    }
    .accessBtnSp{
        text-align: center;
    }
    .pricetable{
        width: 90%;
    }
    .pricetable tr{
        border-bottom: 1px solid  #a48c39;
    }
    .pricetable th{
        font-size: 14px;
        width: 23%;
    }
    .container_top_img_sp{
        height: 130px;
    }
    .centered_top_img{
        font-size: 25px;
    }
	.pricetable td {
    
    font-size: 11px;
    }
    .error_flat_ss { 
    font-size: 15px;
}
}
	
@media screen and (max-width:320px){

	.centered_top_img {
    font-size: 24px;
    }
	
	.border_img {
    margin-bottom: 20px;
    }
	
	.headingUnderLine span {
    font-size: 22px;
    }
	

}
/* ブログ記事の画像サイズ調整	 */
.size-post-thumbnail{
    width: 300px;
    height: 200px;

}
/* ブログの表示を変更 */
.singleEntryContentWrap > .singleEntryContent > img{
        width:100%;
        padding-bottom:10px;
        
        }
#main > article > .singleEntryContentWrap > .singleEntryContent{
        width:70%;
        margin: 0 auto;
        line-height: 2;
     }



@media screen and (max-width:992px) and (min-width:768px){
  .size-post-thumbnail{width: 300px;
    height: 120px;}
	
	
}