/*メインページモバイルCSS*/

body {
  background-image:url(h-01.png); 　
  background-repeat:no-repeat;                 
  background-attachment:fixed;                 
  background-size:100%;     
}

.banner{
	display:flex;
	flex-wrap:wrap;
}
.banner li {
	width: calc(20%/3);
	padding:10px;/
	box-sizing:border-box;
}
.banner li img {
	max-width:100%;
	height: auto;
	border:solid 10px #128 128 128;/
}

body{
font-family:"游明朝",selif,"Arial";
}

.normal{
line-height:normal;
}
p.small{
line-height:90%;
}
p.big{
line-height:150%;
}

h1 {
  text-align:center;
  line-height:20px;
}

h2 {
  text-align:center;
  line-height:100px;

}

h3 {
  text-align:center;
  line-height:10px;

}

h4 {
  text-align: center;
  line-height:10px;

}

h5 {
  text-align: center;
  line-height:10px;

}

h6 {
  text-align: center;
  line-height:10px;
  background-color: rgba(128,128,0,0.5);
}

p {
  line-height:20px;
  padding-left: 10px
}

.box {
  margin:auto;         /*枠の中央*/
  width: 700px;                /* 横幅指定 */
  height: 150px;               /* 高さ指定 */
  border: 2px solid#000;      /* 枠太さとバーの色 */
  overflow-y: scroll;          /* 縦方向にスクロール可能にする */
}

.tablearea td:hover {
  background    : #ffa07a;           /* 背景色    */
  color: ;           /* 文字色    */
}

.tooltip{                          /* 吹き出し本体 */
    position: relative;
    cursor: pointer;
}
.tooltip p{
    margin:0;
    padding:0;
}
.fukidashi {                     
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 14px;
    line-height:1.6em;
    color: #fff;
    border-radius: 5px;
    background: #000;
    width: auto;
}
.fukidashi:before {           /* beforeで三角を表現 */
    content: "";
    position: absolute;
    top: 100%;
    left: calc(50% - 10px);
    border: 10px solid transparent;
    border-top: 15px solid #000;
}
.tooltip:hover .fukidashi{
    display:inline-block;
    top: -60px;
    left:10px;
}