@charset "utf-8";
/* このスタイルシートについて

Componentレイヤーは多くのプロジェクトで横断的に再利用できるような小さな単位のモジュールが該当します。
OOCSSの構造の機能を担い、固有のサイズや装飾的なスタイルを極力含まないようにします。

.c-grid {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 0;
  list-style-type: none;
}

.c-grid__item {
  display: inline-block;
  width: 100%;
  font-size: medium;
  font-size: 1rem;
  vertical-align: top;
}


/* フォント
--------------------*/

.c-font-go {
	font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
}
.c-font-ma {
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
.c-font-mi {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}


/* 地図
--------------------*/
.c-map_box {
    margin-bottom: 20px;
    height: 300px;
}
.c-map_canvas {
    margin-left: 10%;
    margin-right: 10%;
    max-width: 800px;
    height: 300px;
}
.c-access .adress {
    margin-bottom: 20px;
}


/* 吹き出し枠　
---------------------------------*/

.c-balloon-left {
    background: #fff;
    dispay: inline-block;
    position: relative;
    border: 1px solid #02c001;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-left: 10px;
}
.c-balloon-left:before {
    content: "";
    display: inline-block;
    border: 10px solid transparent;
    border-right-color: #02c001;
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -9px;
}
.c-balloon-left:after {
    content: "";
    display: inline-block;
    border: 9px solid transparent;
    border-right-color: #fff;
    position: absolute;
    left: -18px;
    top: 50%;
    margin-top: -8px;
}


/* 背景が丸
---------------------------------*/

.c-circle {
  color: #fff;
  background-color:#808080;
  padding: 0;
  margin: 0;
  width: 36px;         
  height: 36px;
  line-height: 36px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
}

.c-circle035_gray {
  color: #fff;
  background-color:#808080;
  padding: 0;
  margin: 0;
  width: 35px;         
  height: 35px;
  line-height: 35px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
}

.c-circle035_orange {
  color: #fff;
  background-color:#FA9800;
  padding: 0;
  margin: 0;
  width: 35px;         
  height: 35px;
  line-height: 35px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
}

/* 下が三角
---------------------------------*/
.c-sankaku_bottom{
width: 0;
height: 0;
border-style: solid;
border-width: 30px 60px 0 60px;
border-color: #646464 transparent transparent transparent;

}

/* 下が矢印（線バージョン）
---------------------------------*/
.c-sankaku_line_bottom{
  width: 50px;
  height: 50px;
  border-top: 2px solid #666;
  border-right: 2px solid #666;
  transform: rotate(135deg);
}