/*===============================================
|                  H tag style                   |
================================================*/
h2.pagettl { border-top: 6px solid #7fb4eb; }
h2.ttl { color: #7fb4eb; }
h3 { background: #0099CC; color: #fff; }
h4 { color: #7fb4eb; }
h5 { background-color: #7fb4eb; }
/* -----------------------------------------------
 TABLE , LIST
-------------------------------------------------- */
table tr td.deco { background: #AACEF4; }
/* -----------------------------------------------
 pagenavi
-------------------------------------------------- */
.pagenavi ul { background: #D3E4F6; }
.actives { font-weight: bold; border-bottom: 2px solid #7fb4eb; }
/* -----------------------------------------------
 header Navigation
-------------------------------------------------- */
nav li a:hover { color: #fff; background-color: #7fb4eb; }
/* -----------------------------------------------
 Other
-------------------------------------------------- */
h1.topdenkititle {
	background: #0099CC;
	color: #FFFF33;
	padding: 20px;
	text-align: center;
	font-size: 2em;
}

.righttxt strong {
color:#CC0000;
font-size: 1.2em;
}
.righttxt h4 {
	color: #000;
	border-bottom: 3px solid #000;
	margin-bottom: 5px;
	margin-top: 0;
}
.leftimg {
	width: 100px;
	margin: 0px 20px 0px 0px;
}
.flexbox li {
	padding: 10px;
	position: relative;
	border-radius: 10px;
	border: 2px solid #E2BC3F;
	margin-bottom: 10px;
}
.flexbox li h4 {
	background: #E2BC3F;
	color: #fff;
	text-align: center;
	margin-top: 0;
}
table th {
	font-size: 14px;
}
table td {
	font-size: 13px;
}

.righttxt {
	flex:1;
}
.righttxt p{
	margin: 5px 0px;
	font-size: 15px;
}

.righttxt a.btn {
	background: #666;
	color: #fff;
	padding: 5px 20px;
	text-decoration: none;
	display: block;
}
.righttxt a.btn:after {
	content:'〉';
	right:10px;
	position: absolute;
}

.flex-item:last-child {
	background: #0099CC;
	color: #fff;
}
.flex-item:last-child span {
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
}
.flex-item:last-child strong {
	color: #FFFF33;
	font-size: 1.5em;
}
.flex-item:last-child {
	display: block;
}
.bottomline {
	border-bottom: 2px solid #0099CC !important;
}


.fleximg img {
	max-width: 100%;
	height: auto;
}

@media screen and (min-width: 768px){
	ul.flexbox {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
  flex-flow: row wrap;
	  justify-content: space-around;
}
.fleximg {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
justify-content: space-around;
}
.fleximg div {
	margin: 1px;
}
.fleximg {
	background: #f0f0f0;
}
.flexbox li {
	width: 30%;
}
.righttxt {
	position: relative;
	padding-bottom: 50px;
}
a.btn {
	position: absolute;
	bottom:0px;
	right:0px;
	width: 100%;
}
}


.flex-container {
  display: flex;
  flex-flow: row wrap;
}
.flex-item {
  margin: 0px;
  padding: 10px;
   width: 50%;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    border: 3px solid #0099CC;
    border-bottom: none;
}
.flex-item:nth-child(odd){
	border-right:none;
}


@media screen and (max-width: 767px){
	.flex-item {
		width: 100%;
		border: 3px solid #0099CC !important;
		margin-bottom: -3px;
	}
.righttxt a.btn {
	position: relative;
}
.fleximg div {
	margin: 10px auto;
	text-align: center;
	width: 100%;
}
.fleximg div img {
	border: 1px solid #f0f0f0;
}
}



.bdbox01 h5{ margin: 10px auto; font-size: 1em; font-weight: bold; }
.col-6 ul, .col-4 ul { padding: 10px 0px; }
.col-6 ul li, .col-4 ul li{ background: url(../../images/mini_ar.png) no-repeat left 10px; padding-left: 10px; line-height: 1.8em; padding-bottom: 6px; border-bottom: 1px dotted #666; }
.linkbtn a { background-color: #7fb4eb; }

.hikari-info { position: relative; margin: 2em 0; padding: 25px 10px 7px; border: solid 2px #FFC107; }
.hikari-info .hikari-info-title { position: absolute; display: inline-block; top: -2px; left: -2px; padding: 0 9px; height: 25px; line-height: 25px; vertical-align: middle; font-size: 17px; background: #FFC107; color: #ffffff; font-weight: bold; }
.hikari-info p { margin: 0; padding: 0; }