@charset "UTF-8";

/* --------------------------------
 * base
 * -------------------------------- */
* {
  box-sizing: border-box;
}

body,
a,
.table {
  color: #666;
}

h1{font-size: 32px;}
/* --------------------------------
h2{
   font-size:28;px;
}
 * -------------------------------- */
h2{
   font-size:30px;
	font-weight: bold;
}
/* --------------------------------
h3{
   font-size:24;px;
	font-weight: bold;
}
 * -------------------------------- */
h3{
   font-size:21px;
	font-weight: bold;
}
h4{
   font-size::19px;
	font-weight: bold;
}
h5{
   font-size::18px;
}
h6 {
  letter-spacing: 0.3rem;
}

.text-blue {
  color: #6b90db !important;
}

.bg-blue,
.thead-blue,
.badge-primary {
  background-color: #6b90db !important;
}

.bg-lightblue {
  background-color: #ecf7fb !important;
}

.bg-pink {
  background-color: #DB8F81 !important;
}

.border-blue {
  border-color: #B2C2E1 !important;
}

.border-top {
  border-width: 2px !important;
}

p {
  line-height: 1.8rem;
}
img{
	width:100%;
	max-width:100%;
	height:auto;
}

/* --------------------------------------------------
    ファーストビュー
-------------------------------------------------- */
/* --------------------------------
.header {
  height: 56vh;
}
-------------------------------------------------- */
.header {
  height: 52vh;
}

.header .jumbotron {
  background-image: url("../img/top/dummy01.jpg")	;
  background-size: cover;
  background-position: center top;
  position: relative;
  height: auto;
  min-height:360px;
  margin-bottom: 0;
}
/* --------------------------------------------------
   スライダー swiper
-------------------------------------------------- */
.slidebg{
  width:100%;
  background:#000;
}
.swiper {
  /*スライダーの幅と高さを調整*/
  width: min(100%, 1200px);
  max-height: 628px;
}

.swiper-slide {
  /*スライド要素の幅と高さを調整*/
  width: 100%;
  height: auto;
}
/* nav
-------------------------------------------------- */
nav.fixed {
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
	
}

/*    キービジュアル
-------------------------------------------------- */
/*下層ページ*/
.under-layer .jumbotron {
  background-image: url("../img/main-img.jpg");
  background-size: cover;
  background-position: center top;
  margin-bottom: 0;
}

/* --------------------------------------------------
    メイン
-------------------------------------------------- */

/*    トップページ
-------------------------------------------------- */
.tokucho h3 span {
  font-family: 'Libre Caslon Text', serif;
  margin-right: 1rem;
  border-bottom: 5px solid #B2C2E1;
}

/*    院内紹介
-------------------------------------------------- */
figcaption {
  padding-left: 1rem;
  border-left: 3px solid #6b90db;
}

/* --------------------------------------------------
    サンプルページ
-------------------------------------------------- */

/*   チャート
-------------------------------------------------- */
.flow > li .flow-icon {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  line-height: 50px;
  width: 50px;
  color: #fff;
  background-color: #6b90db;
  margin: 0 auto 20px;
  display: block;
  text-align: center;
  position: relative;
  letter-spacing: 2px;
}

.flow > li .flow-icon::before {
  content: "";
  border: solid transparent;
  border-width: 8px;
  border-top-color: #6b90db;
  position: absolute;
  top: calc(100% - .2rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* --------------------------------------------------
    お問い合せページ
-------------------------------------------------- */
/*WEBでのご予約・お問合せ*/



/*---------------------------------------------------
   地図
---------------------------------------------------*/
.map-wrapper {
  max-width: 640px; /* 最大幅 */
  min-width: 280px; /* 最小幅 */
  margin: 20px 0;
  padding: 4px;
}
.googlemap {
  position: relative;
  padding-bottom: 56.25%; /* 縦横比を 16:9 */
  height: 0;
  overflow: hidden;
}
.googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*---------------------------------------------------
   画像
---------------------------------------------------*/
.les-title{
	max-width:162px;
	height:auto;
}
/*---------------------------------------------------
   表示順入れ替え
---------------------------------------------------*/
@media (max-width: 767px) {
.item2 {
  order: 1;
}
.item1 {
  order: 2;
}
}
@media (min-width: 768px) {
.item2 {
  order: 2;
}
.item1 {
  order: 1;
}
}

/*---------------------------------------------------
/*    FAQ
-------------------------------------------------- */
#sec6 .circle-q, #sec6 .circle-a {
	width: 30px;
	height: 30px;
	font-size: 1.6	rem;
	border-radius: 50%;
	text-align: center;
}
#sec6 .circle-q {
	background: #ed6d35;
	color: #ffffff;
	padding-top: 1.1px;
}
#sec6 .circle-a {
	background: #3491ed;
	color: #ffffff;
	border: 1.5px solid #3491ed;
}
.schedule-img {
    width: 25%;
}


/*    FAQ
-------------------------------------------------- */
#sec6 .circle-q, #sec6 .circle-a {
	width: 30px;
	height: 30px;
	font-size: 1.6	rem;
	border-radius: 50%;
	text-align: center;
}
#sec6 .circle-q {
	background: #ed6d35;
	color: #ffffff;
	padding-top: 1.1px;
}
#sec6 .circle-a {
	background: #3491ed;
	color: #ffffff;
	border: 1.5px solid #3491ed;
}
.schedule-img {
    width: 25%;
}


/*指導者と体制*/
@media (max-width: 767px) {
dl.staff {
	width:100%;
	line-height : 1.6;
}

dl.staff dt {
	width : 6em;
}

dl.staff dd {
	margin-left : 0;
	margin-top : 0;
	padding-bottom:1em;
}
ul.coach {
	width:100%;
}
ul.coach li {
	width:11em;
	float:left;
	margin-bottom:3px;
}
}
@media (min-width: 768px) {
dl.staff {
	width:640px;
	line-height : 1.6;
}

dl.staff dt {
	width : 6em;
}

dl.staff dd {
	margin-left : 6em;
	margin-top : -1.6em;
	padding-bottom:1em;
}
ul.coach {
	width:33em;
}
ul.coach li {
	width:11em;
	float:left;
	margin-bottom:3px;
}
}
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/*合気道横浜の紹介 幅調整*/
.aisatsu-w{
	max-width:53em;
}

/*稽古方針*/
dl.rules {
	line-height : 1.6;
	margin-bottom:1em;
}

dl.rules dt {
	width : 3em;
}

dl.rules dd {
	margin-left : 3em;
	margin-top : -1.6em;
}
.les-hl{
	font-size:1.125em;
	font-weight:bold;
	margin-bottom:1em;
}


/*---------------------------------------------------
/*    画像
-------------------------------------------------- */
@media screen and (max-width: 767px) {
.imgbox{
	width:100%;
	max-width:1000px;
	display:flex;
	flex-direction: column;
	justify-content: center;
}
}
@media screen and (min-width: 768px) {
.imgbox{
	width:100%;
	max-width:1000px;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
}
}

@media screen and (max-width: 767px) {
.w50{
width:100%;
}
.w46{
width:100%;
}
.w30{
width:100%;
}
.w66{
width:100%;
}
.w48{
width:100%;
	}
.w100{
width:100%;
}
}

@media screen and (min-width: 768px) {
.w50{
		width:50%;
		max-width:700px;
}
.w46{
width:46%;
max-width:660px;
}
.w30{
width:30%;
max-width:420px;
}
.w66{
width:66%;
max-width:950px;
}
.w48{
		width:48%;
		max-width:680px;
	}
.w65{
		width:65%;
}
.w75{
		width:75%;
}
.w85{
		width:85%;
}
.w100{
		width:100%;
}
}

/*---------------------------------------------------
/*体験記部分
-------------------------------------------------- */
.exp-cont-hd {
	width:640px;
	margin:20px auto 2em;
	padding:0;
}
.exp-cont-txt {
	width:640px;
	margin:0 auto;
	text-align:left;
}
.exp-cont-txt p {
	font-size:1em;
	line-height:1.5;
	color:#333333;
	margin:0 0 1.5em 0;
}
.exp-hl {
	font-size:1em;
	font-weight:bold;
	margin:1.5em 0 0.5em 0;
}
.exp-ttl-epsode {
	margin:0 0 0.5em 0;
}


/*見出しここから*/
.hl{
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	width:100%;
	height:32px;
	border-bottom:1px #999999 solid;
	font-size:1.125em;
	padding:5px 0 5px 0.75em;
	background:url("https://aikido-yokohama.sakura.ne.jp/images/common/ptr.png") left center no-repeat;
	color:#000;
	margin-bottom:5px;
}
.hl-sub{
	width:100%;
	font-size:0.875em;
	color:#999;
	padding:5px 0 10px 0;
	margin-bottom:5px;
}

/*関係先*/
.relation-box{
	 width:100%;
	 margin:1em auto;
}
ul.rel-list{
	width:100％;
	max-width:780px;
list-style-type:none;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
ul.rel-list li{
	width:100%;
	margin-bottom:1em;
}
}
@media screen and (min-width: 768px) {
ul.rel-list li{
	width:50%;
	max-width:320px;
	margin-bottom:1em;
}
}
.rel-name{
	font-size:1em;
	line-height:1.5;
	color:#333;
}
.rel-cap{
	font-size:0.875em;
	line-height:1.5;
	color:#999;
}
/*---------------------------------------------------
/*フッターメニュー部分
-------------------------------------------------- */

@media screen and (max-width: 799px) {
ul.navbar-nav{
	display:flex;
	flex-wrap: wrap;
	width:20em;
	margin-right:auto;
	margin-left:auto;
}
li.nav-item{
	width:10em;
text-align:center;
}
}
@media screen and (min-width: 800px) {
ul.navbar-nav{
	display:flex;
}
}

.topic{
	background-color: #b0e0e6;     /* 背景色指定 */
    border-radius: 20px;  
}

.card-img-box img{
	border-radius:6%;
}
@media (min-width: 768px) {
.card-img-box img{
	border-radius:12%;
}
}

/* Googleカレンダーのレスポンシブ対応 */
.googleCalendar {
  margin: 20px 0;
    text-align: center;
}

.googleCalendar iframe {
    width:100%;
    max-width: 800px;
    height: 400px;
}


/* パソコン・タブレット用（768px以上） */
@media (min-width: 768px) {
    .googleCalendar iframe {
        height: 450px;
    }
}