@charset "utf-8";
.hidden{
  display:none
}
.clearfix:after, .clearfix:before{
  content:"";
  display:block;
  clear:both
}
.clearfix{
  display:block
}
.txtC{
  text-align:center
}
ul.listMark{
  list-style:disc;
  margin-left:20px
}
/*------------------------------------------------------------------------ main */
.hottopics{
  position:relative
}
.hottopics::after{
  content:"";
  display:table;
  clear:both
}
.hottopics *{
  box-sizing:border-box
}
/*------------------------------------------------------------------------ header */
.snsBox{
  position:absolute;
  top:0;
  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
}
/*------------------------------ */
.htBG{
  background:url("../img/bg.png") no-repeat;
  background-size:100% auto
}
.hottopics header{
  margin-top:5px
}
.hottopics header h1{
  height:auto;
  margin:0 auto;
  text-align:center
}
.ttlCaption{
  margin:0 10px
}
.ttlCaption p{
  font-weight:bold;
  margin-bottom:1em
}
/*------------------------------------------------------------------------ htLink */
.htLink{
  position:relative;
  background-image:url('../img/border-arrow-l.png'), url('../img/border-arrow-r.png'), url('../img/border-arrow-r.png'), url('../img/border-arrow-l.png');
  background-repeat:no-repeat, no-repeat;
  background-position:left top, right top, right bottom, left bottom;
  padding:20px 38px 40px
}
.htLink::before,.htLink::after{
  content:"";
  position:absolute;
  left:0;right:0;
  border:1px solid rgba(189,147,86,1)
}
.htLink::before{
  top:19px;
}
.htLink::after{
  bottom:19px;
}
.htLinkTtl{
  font-weight:bold;
  text-align:center;
  padding:1em 0
}
.htLinkTtl:after, .htLinkTtl:before{
  content:" - "
}
.htLinkBox{
  margin-bottom:.5em
}
.htLinkBox p a{
  display:block;
  padding:4px 1em;
  color:#FFF;
  text-align:center;
  border-radius:15px
}
.htA1 p a{background-color:#937831}
.htA2 p a{background-color:#406b4b}
.htA3 p a{background-color:#7977b3}
.htA4 p a{background-color:#0f6f9f}
.htA5 p a{background-color:#E46551}
.htA6 p a{background-color:#a8597e}
.htEtc p a{background-color:#db8241}
.htLinkBox ul{
  margin:5px 0 0 24px
}
.htLinkBox ul li{
  margin-bottom:.2em;
  padding-left:1em
}
.htLinkBox ul li:before{
  content:"-";
  display:inline-block;
  width:1em;
  margin-left:-1em;
  text-align:center
}
.hottopics .note{
  font-size:85%
}
/*------------------------------------------------------------------------ htBox */
h2.htAreaTtl{
  padding:2px 0;
  margin:24px 0;
  font-family:'Noto Serif JP', serif;
  color:#FFF;
  font-size:160%;
  font-weight:normal;
  text-align:center;
}
h2.htAreaTtl span{
  display:block;
  padding:.5em 1em;
  background:url('../img/border-top.png') repeat-x top left, url('../img/border-bottom.png')repeat-x bottom left
}
#a1 h2.htAreaTtl{background-color:#937831}
#a2 h2.htAreaTtl{background-color:#406b4b}
#a3 h2.htAreaTtl{background-color:#7977b3}
#a4 h2.htAreaTtl{background-color:#0f6f9f}
#a5 h2.htAreaTtl{background-color:#E46551}
#a6 h2.htAreaTtl{background-color:#a8597e}
#a7 h2.htAreaTtl{background-color:#6b5f40}
/*------------------------------ */
.htBox{
  background-image:url('../img/corner_t_l.png'), url('../img/corner_t_r.png'), url('../img/corner_b_r.png'), url('../img/corner_b_l.png');
  background-repeat:no-repeat, no-repeat, no-repeat, no-repeat;
  background-position:left 10px top 10px, right 10px top 10px, right 10px bottom 10px, left 10px bottom 10px;
  background-size:60px 60px;
  margin-bottom:24px
}
.htImg{
  text-align:center
}
.htTxt h3{
  margin-bottom:10px;
  font-size:160%;
  font-family:'Noto Serif JP', serif;
  font-weight:500
}
#a1 .htTxt h3 a{color:#937831}
#a2 .htTxt h3 a{color:#406b4b}
#a3 .htTxt h3 a{color:#7977b3}
#a4 .htTxt h3 a{color:#0f6f9f}
#a5 .htTxt h3 a{color:#E46551}
#a6 .htTxt h3 a{color:#a8597e}
#a7 .htTxt h3 a{color:#6b5f40}
.htTxt table th{
  padding:5px 10px;
  border-bottom:1px solid #FFF;
  white-space:nowrap;
  color:#FFF;
  font-weight:normal
}
#a1 .htTxt table th{background:#937831}
#a2 .htTxt table th{background:#406b4b}
#a3 .htTxt table th{background:#7977b3}
#a4 .htTxt table th{background:#0f6f9f}
#a5 .htTxt table th{background:#E46551}
#a6 .htTxt table th{background:#a8597e}
#a7 .htTxt table th{background:#6b5f40}
.htTxt table td{padding:5px 10px}
#a1 .htTxt table td{border-bottom:1px dotted #937831}
#a2 .htTxt table td{border-bottom:1px dotted #406b4b}
#a3 .htTxt table td{border-bottom:1px dotted #7977b3}
#a4 .htTxt table td{border-bottom:1px dotted #0f6f9f}
#a5 .htTxt table td{border-bottom:1px dotted #E46551}
#a6 .htTxt table td{border-bottom:1px dotted #a8597e}
#a7 .htTxt table td{border-bottom:1px dotted #6b5f40}
.htBox2{padding:16px}
#a1 .htBox2{background:rgba(147,120, 49,.2)}
#a2 .htBox2{background:rgba( 64,107, 75,.2)}
#a3 .htBox2{background:rgba(121,119,179,.2)}
#a4 .htBox2{background:rgba( 15,111,159,.15)}
#a5 .htBox2{background:rgba(228,101, 81,.2)}
#a6 .htBox2{background:rgba(168, 89,126,.2)}
#a7 .htBox2{background:rgba(107, 95, 64,.2)}
.htBox2 h4{
  margin:10px 0 6px;
  padding:6px 0 5px 40px;
  background:url("../img/icon.png") no-repeat left top;
  font-family:'Noto Serif JP', serif;
  font-size:130%
}
.htBox2 figure{
  margin:0 0 16px
}
.htBox2 figcaption table{
  width:100%;
  margin-top:5px;
  border-top:1px dotted #666
}
.htBox2 figcaption table th{
  border-bottom:1px dotted #666;
  padding:2px 10px 2px 0;
  white-space:nowrap;
  vertical-align:top
}
.htBox2 figcaption table td{
  border-bottom:1px dotted #666;
  padding:2px 0
}
.htBox2 figcaption ul{
  list-style:disc;
  margin-left:1.5em
}
a.htBtn{
  display:inline-block;
  padding:.2em 1em .1em;
  border-radius:8px;
  text-align:center;
  color:#FFF;
  text-decoration:none;
  transition:all .1s
}
a.htBtn:hover{
  transform:translateY(3px)
}
.htBtnLast{
  text-align:center
}
.htBtnLast a.htBtn{
  min-width:280px;
  padding:.4em 1em .3em;
  font-size:120%;
  margin-top:0px;
  line-height:1.3
}
.htBtnLast a.htBtn:hover{
  margin-top:3px
}
#a1 a.htBtn{background:#937831;border-bottom:4px solid #7a622d}
#a2 a.htBtn{background:#406b4b;border-bottom:4px solid #3a5e41}
#a3 a.htBtn{background:#7977b3;border-bottom:4px solid #69699e}
#a4 a.htBtn{background:#0F6F9C;border-bottom:4px solid #0D6182}
#a5 a.htBtn{background:#E26551;border-bottom:4px solid #C9584C}
#a6 a.htBtn{background:#a8597e;border-bottom:4px solid #874765}
#a1 a.htBtn:hover{border-bottom:1px solid #7a622d}
#a2 a.htBtn:hover{border-bottom:1px solid #3a5e41}
#a3 a.htBtn:hover{border-bottom:1px solid #69699e}
#a4 a.htBtn:hover{border-bottom:1px solid #0D6182}
#a5 a.htBtn:hover{border-bottom:1px solid #C9584C}
#a6 a.htBtn:hover{border-bottom:1px solid #874765}
.alc{margin:auto}
a.htBtn2{
  display:inline-block;
  padding:.2em 1.5em;
  border-radius:8px;
  background:#cc9933;
  border-bottom:2px solid #c08727;
  text-align:center;
  color:#FFF;
  text-decoration:none
}
.etchtBtn{
  margin-top:24px
}
.etchtBtn a{
  display:block;
  padding:1px 15px;
  color:#333 !important;
  text-decoration:none !important;
  border:1px solid #949494;
  text-align:center
}
.etchtBtn a:hover{
  background:#EEE
}
/*------------------------------------------------------------------------*/
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
}