@charset "UTF-8";


.bg-warning{background:#FB8C00 !important;}

.table-spot th{text-align:center;background:#FAFAFA;}
.post h2{color:#FFF;font-size:1.5rem;margin-bottom: 2rem;background:#3399CC;padding:0.5rem 1rem;}
.post p{padding:0 1rem;}
.post h3{color:#006598;font-weight: bold;font-size:1.5rem;margin-bottom:2rem;}
.post h3:before{content:"-";margin-right:0.5rem;}
.post h3:after{content:"-";margin-left:0.5rem;}
.post .box01{padding:2rem;border:1px solid #DDD;background:#FAFAFA;margin-top:2rem; margin-bottom:2rem;}

.post_thumb01{width:100%;height:150px;background-size:cover;background-position: center;}
.post_thumb02{width:100%;height:300px;background-size:cover;background-position: center;}





@media (min-width: 1201px) {
.card-columns {column-count: 5;}
}



@media (max-width: 1200px) {
.card-columns {column-count: 4;}
}



@media (max-width: 992px) {
.card-columns {column-count: 3;}
}



@media (max-width: 768px) {
.card-columns {column-count: 2;}
}



@media (max-width: 576px) {
.card-columns {column-count: 1;}
body,html{font-size:16px;}
.showcase{min-height:350px;}
.showcase img{max-height:340px;}
.post_thumb01{height:80px;}
.post_thumb02{height:200px;}
.head-logo{width: 170px;}
}



/* 以下、円武館用追加 */

/* 全体の背景色 */
body {
  background-color: #FAFAFA;
}

/* 背景色 */
.bg-enbu{background-color: #20135A;}
.bg-gold{background-color: #C9B24F;}

/* 文字色 */
.text-enbu{color:#20135A !important;}
.text-gold{color:#C9B24F;}
.text-link{color:#fff;}
.text-link:hover{color:#000;}

/* ボーダー */
.border-gold{border-bottom:solid 2px #C9B24F;}
.border-gold01{border-bottom:solid 1px #C9B24F;}

/* トップページの画像 */
.img-top {
  height:190px;
  background-size: cover;
  background-position: center;
}

/* ボーダーを消す */
.noborder {
  border: 0px none !important;}

/*吹き出し*/
.balloon{
  position: relative;
  width: 175px;
  height: 100px;
  background: #C9B24F;
  padding: 2em;
  line-height: 60px;
  text-align:center;
  border-radius: 50%;
}
.balloon:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 6px;
  bottom: 7px;
  border-style: solid;
  border-color: transparent transparent transparent #C9B24F;
  border-width: 8px 0 12px 25px;
  transform: rotate(20deg);
}

/* 三角形 */
.snkk{
  width: 0;
  height: 0;
  top: 40%;
  right: -20px;
  border-style: solid;
  border-color: transparent transparent transparent #20135A;
  border-width: 20px 0 20px 25px;
  transform: rotate(0deg);
}

.snkk-sp{
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #20135A transparent transparent transparent;
  border-width: 21px 21px 0 21px;
}

/* 余白対策 */
#wrap {
  overflow: hidden;
}

/* ボタン色設定 */
.btn-enbu{
  background-color: #20135A;
}
.btn-enbu:hover{
  background-color: #4E418B;
}

.btn-gold{
  background-color: #C9B24F !important;
}
.btn-gold:hover{
  background-color: #EDD77A !important;
}


/* google地図設定 */
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* navber設定 */
.navbar-light .navbar-toggler {
    border-color: rgba(0,0,0,0);
}

.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* ロゴのサイズ */
.head-logo{
  width: 250px;
}