@charset "utf-8";
/*------------------------------------------------------------------------ BaseLayout */
.hottopics *{box-sizing:border-box;}
.hottopics{
	line-height:1.8;
}
.hottopics a{
	text-decoration: underline;
} 
.hottopics p{
	margin:0 0 1em 0;
}
.hottopics ul{
list-style: disc;
margin:0 10px 1em;
padding-left:15px;
}
.textC{text-align:center;}
.kome li{
	text-indent: -1em;
	margin-left: 1em;
	font-size:78.57%;
}

.hottopics th{
	white-space:nowrap;
	text-align:center;
}
.hottopics td{
  word-break:break-all;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
/*------------------------------------------------------------------------ header */
.hottopics header {
width:100%;
position: relative;
background:url(../img/bg_ttl.jpg) no-repeat;
background-size:cover;
}
.snsBox {
position:absolute;
top:-36px;right:0;
}
.twitter {
	display:inline-block;
}
.twitter iframe {
	vertical-align: bottom;
}
.fb-share-button {
	margin-left: 10px;
	display:inline-block !important;
	vertical-align: top !important;
}
.fb-share-button span {
	vertical-align: top !important;
}
.fb-share-button iframe {
	max-width: none !important;
}
/*.txtPub {color:#FFF;position:absolute;top:5px;left:5px;text-shadow: 1px 1px 1px #333;}*/

/*------------------------------------------------------------------------  */
.anchorBox{
margin-bottom: 20px;
}
.anchorBox .btnAnchor{
display:block;
width:100%;
margin-bottom:1em;
background:url(../img/bg_YEL.jpg) #fff345;
border-radius:2em;
position: relative;
box-shadow: 0 4px #d1c739;
color:#0053ce;
font-weight:bold;
text-decoration:none;
line-height:1.5;
}

.anchorBox .btnAnchor:hover{
box-shadow: 0 0 #d1c739;
top: 6px;
}
.anchorBox .btnAnchor img{
position:absolute;
}
.anchorBox .btnAnchor:after{
display:block;
position:absolute;
content: "";
background:url(../img/arrow_down.png) no-repeat;
background-size:contain;
}
.anchorBox .btnAnchor.arrowR:after{
background:url(../img/arrow_right.png) no-repeat;
background-size:contain;
}
.anchorBox ol{
display:-webkit-box;display:-ms-flexbox;display: -webkit-flex;display:flex;
-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;
}

/*------------------------------------------------------------------------ htBox */
.htGroup{
background: url(../img/bg_content.jpg);
margin:0 15px 40px;
padding-bottom:1px;
}
#ht2.htGroup{
padding-bottom:20px;
}
.htGroup h2{
color:#FFF;
}
.htBox{
margin:10px;
padding: 20px;
background:#FFF;
box-shadow: 0 1px 5px rgba(0,0,0,.15);
}
.htBox h3{
margin-bottom:1em;
line-height:1.5;
color:#0d6ecd;
}

a.btnDetails{
max-width:350px;
display:-webkit-box;display:-ms-flexbox;display: -webkit-flex;display:flex;
-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;
-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;
padding:.3em .5em;
margin:1em auto;
border-radius:100px;
position:relative;
box-shadow: 0 3px #d1c739;
background:url(../img/bg_YEL.jpg) #fff345;
text-align:center;
color:#0053ce;
text-decoration:none;
font-weight:bold;
}
a.btnDetails:after {
display:inline-block;
content:"＞";
margin-left:.5em;
font-size:90%;
}
a.btnDetails:hover{
top:3px;
box-shadow: 0 0 #d1c739;
color:#222;
}

/*------------------------------------------------------------------------ htBox */
.spotHead{
margin:10px 15px;
}
.ttl{
margin-bottom:5px !important;
color:#0d6ecd;
font-size:20px;
font-weight:bold;
}
.spotWrap{
display:-webkit-box;display:-ms-flexbox;display: -webkit-flex;display:flex;
-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
margin:5px;
}
.spotBox{
background:#FFF;
box-shadow: 0 1px 5px rgba(0,0,0,.15);
}
#ht2-5 .spotBox{
padding-bottom:0;
}
.spotBox a{
text-decoration:none;
}
.spotBox a:hover img{
opacity:.8;
}
.spotBox a h3{
padding:.5em;
background:url(../img/bg_YEL.jpg) ;
color:#0d6ecd;
text-align:center;
margin-bottom:1em;
}
#ht2-5 .spotBox a h3{
margin-bottom:0;
}
.spotBox a:hover h3{
opacity:.8;
}
.spotBox p{
margin:.3em 10px;
font-weight:bold;
}

.spotBox ul a{
text-decoration:underline;
}

a.btnHP{
width:60%;
margin:1em auto;
display:-webkit-box;display:-ms-flexbox;display: -webkit-flex;display:flex;
-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;
-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;
padding:.3em .5em;
border-radius:4px;
position:relative;
box-shadow: 0 3px #b7b7b7;
background:#dfdfdf;
text-align:center;
font-weight:bold;
}
a.btnHP:hover{
top:3px;
box-shadow: 0 0 #b7b7b7;
color:#222;
}
a.btnHP:after {
display:inline-block;
width:14px;
height:14px;
content:"";
background:url(../img/ico_blank.png) no-repeat;
margin-left:.5em;
}

.spotPickup{
	border:5px solid #FFF;
	padding:1em;
}
.spotPickup .ttl{
text-align:center;
}
/*------------------------------------------------------------------------ ボタン */
a.btnNew{
	display:block;
	width:100%;
	max-width:680px;
	position:relative;
	padding:10px;
	margin:0 auto 1em;
	border-radius:5px;
	background:#FCA026;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	box-shadow:0 6px #D77D04;
}
a.btnNew:hover {
	box-shadow:0 0 #D77D04;
	top:6px;
}