html,body{
	margin:10px;
}
.container{
	margin-top:10px;
}


/* タイトル */
.row.title.wide{
	display:block;
}
.row.title.narrow{
	display:none;
}
@media (max-width:991px){ 
	.row.title.wide{
		display:none;
	}
	.row.title.narrow{
		display:block;
	}
}
.row.title div{
	padding:0 5px 0 5px;
}



/* 見出し */
.midashi div{
	padding:10px 0 10px 5px;
}
h5{
	border-left:8px solid #FF9933;
	margin-top:30px;
	padding:15px 0 15px 15px;
}

/* ボタン */

.btnarea div{
	text-align:center;
	padding:5px;
}

.btnarea div a{
	width:100%;
}

.pg div{
	padding:5px;
}

p.zoombtn{
	line-height:120%;
	font-size:90%;
	margin-top:5px;
}
.btnarea div p.capt{
	line-height:120%;
	font-size:90%;
	margin:-5px 0 5px 0;
}

/* ポスター */
.row.posters div{
	padding:5px;
}


/*
i.fas {
-webkit-font-smoothing:antialiased;
-webkit-text-stroke-color:#fff;
-webkit-text-stroke-width:1px
}
*/

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>thead>tr>th {
	border-style: none;
}
.row.posters table td{
	padding:5px;
	line-height:100%;
}
.row.posters table tr.top td{
	vertical-align:top;
}
.row.posters table th{
	padding:0 20px 0 20px;
	vertical-align:middle;
}


/* 吹き出し */
.balloon{
  position: relative;
  display: inline-block;
  margin: 0 0 0 5px;
  padding: 17px 10px 17px 10px;
	border-radius:10px;
  min-width: 200px;
  max-width: 100%;
  font-size: 14px;
}
.balloon.odd{
  background:#E2D1BF!important;
	color:#000000!important;
}
.balloon.even{
  background:#C6D9BF;
	color:#000000;
}
.balloon:before{
  content: "";
  position: absolute;
  top: 100%;
  border: 15px solid transparent;
}
.balloon.odd:before{
  border-top: 15px solid #E2D1BF;
  left: 20%;
}
.balloon.even:before{
  border-top: 15px solid #C6D9BF;
  left: 80%;
}
.balloon p{
	margin:0;
}

/* フォーム */
.hatsugen div{
	padding:5px;
}
.hatsugen div a{
	width:100%;
}

/* バナー */
.banner{
	text-align:center;
}
.banner div{
	padding-bottom:1em;
}

/* ボタン無効化 */
a.btn-disabled{
	pointer-events:none;
	opacity:0.3;
}