body{
background:#fff;
}
#mainContent .topic_detail .article ,
#mainContent .topic_detail .article * { vertical-align:baseline; position:static;}

#mainContent .topic_detail .article table,
#mainContent .topic_detail .article table * { vertical-align: middle;}

.topic_detail > div.date > p > span{
    font-weight: bold;
    color: #d90024;
    margin: 0 5px 0 0;
}

div.col_2 div.topic_detail div.date {
  margin-top: 15px;
  margin-bottom: 10px;
  letter-spacing: -.4em;
}
div.col_2 div.topic_detail div.date > p,
div.col_2 div.topic_detail div.date > div.color_tags {
  letter-spacing: normal;
  display: inline-block;
}
div.col_2 div.topic_detail div.date > p {
  margin-right: 20px;
/*  padding-top: 4px;*/
  font-size: 1.3rem;
}
div.col_2 div.topic_detail div.article {
  font-size: 1.2em;
  line-height: 1.8;
/*  background: #fff;*/
  word-break: break-all;
}

div.col_2 div.topic_detail div.article *{
	max-width:100% !important;
}

div.topic_detail .topic_title {
    font-size: 2.3em;
    font-weight: bold;
    padding: 0 0 10px 0;
    border-bottom: 1px dashed #ccc;
    margin: 0 0 25px 0;
    line-height: 1.3;
}


div.col_2 div.topic_detail div.article img{
	max-width:100% !important;
	height:auto;
}

#mainContent .topic_detail .article p {
	margin-top: 0.8em;
}

#mainContent .topic_detail .article h4 {
	font-weight: bold;
	border-left: 6px solid #0046a8;
	padding-left: 0.5em;
	margin-top: 0.8em;
	font-size: 15px;
}

#mainContent .topic_detail .article h4::after {
    content: "";
    border-bottom: 1px dotted #0046a8;
    display: block;
}

/**/
#mainContent .topic_detail .article .question {
  display: block;
  margin: 0 auto;
	border-style: solid;
  border-radius: 30px;
  border-width: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}

#mainContent .topic_detail .article .question .ttl {
	font-weight: bold;
  text-align: left;
  font-size: 1.5em;
  margin-top: 0;
}

#mainContent .topic_detail .article .question .cnt {
  font-size: 1.3em;
	margin-top: 0;
  text-align: center;
}

/*ポータル専用*/

#mainContent .topic_detail.portal_topics_detail .article a {
  color: #ff6600;
}


#mainContent .topic_detail.portal_topics_detail .article a.tpBtn{
  display: block;
  margin: 0 auto;
  width: 75%;
  padding: 0.5em 0.5em 0.5em 2.2em;
  border: 1px solid #dadada;
  position: relative;
  border-radius: 4px;
  text-decoration: none;
}
#mainContent .topic_detail.portal_topics_detail .article a.tpBtn:before {
  position: absolute;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-bottom: 3px solid #e42c24;
  border-right: 3px solid #e42c24;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  margin: auto;
  left: 4px;
  top: 0;
  bottom: 0;
}
#mainContent .topic_detail.portal_topics_detail .article a.tpBtn:after {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 80%;
  border-right: 1px solid #dadada;
  margin: auto;
  left: 15px;
  top: 0;
  bottom: 0;
}
#mainContent .topic_detail.portal_topics_detail .article a.tpBtn:hover {
  color: #0098b1;
  border-color: rgba(218, 218, 218, 0.5);
}
#mainContent .topic_detail.portal_topics_detail .article a.tpBtn:hover:before {
  border-color: #0098b1;
}
#mainContent .topic_detail.portal_topics_detail .article a.tpBtn:hover:after {
  border-color: rgba(218, 218, 218, 0.5);
}
#mainContent .topic_detail.portal_topics_detail .article a.tpBtn {
  font-size: 1.6rem;
  font-weight: normal;
}
#mainContent .topic_detail.portal_topics_detail .article a.tpBtn b:hover {
  color: #0098b1;
}

#mainContent .topic_detail.portal_topics_detail .article a.tpBtn.detailBtn {
	padding: 0.5em 1.5em;
	border-radius: 8px;
	background-color: #0046a8;
	font-size: 1.6rem;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border:none;
}
#mainContent .topic_detail.portal_topics_detail .article a.tpBtn.detailBtn:before,
#mainContent .topic_detail.portal_topics_detail .article a.tpBtn.detailBtn:after,
#mainContent .topic_detail.portal_topics_detail .article a.tpBtn.yokaiBtn:before,
#mainContent .topic_detail.portal_topics_detail .article a.tpBtn.yokaiBtn:after{
	content:none;
}
#mainContent .topic_detail.portal_topics_detail .article a.tpBtn.detailBtn:hover{
	opacity:.8;
	position: relative;
}

/* 旧設定 */
#mainContent .topic_detail.portal_topics_detail .article a.btnBlog,
#mainContent .topic_detail.portal_topics_detail .article a.btnBlog2 {
  display: block;
  margin: 0 auto;
  width: 75%;
  padding: 0.5em 0.5em 0.5em 2.2em;
  border: 1px solid #dadada;
  position: relative;
  border-radius: 4px;
  text-decoration: none;
  /*font-size: 0.89em;*/
  box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
}
#mainContent .topic_detail.portal_topics_detail .article a.btnBlog:before,
#mainContent .topic_detail.portal_topics_detail .article a.btnBlog2:before {
  position: absolute;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-bottom: 3px solid #e42c24;
  border-right: 3px solid #e42c24;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  margin: auto;
  left: 4px;
  top: 0;
  bottom: 0;
}
#mainContent .topic_detail.portal_topics_detail .article a.btnBlog:after,
#mainContent .topic_detail.portal_topics_detail .article a.btnBlog2:after {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 80%;
  border-right: 1px solid #dadada;
  margin: auto;
  left: 15px;
  top: 0;
  bottom: 0;
}

#mainContent .topic_detail.portal_topics_detail .article a.yokaiBtn {
  text-align: center;
}
#mainContent .topic_detail.portal_topics_detail .article a.yokaiBtn {
	padding: 0.5em 1.5em;
	border: 1px solid #aaa;
	border-radius: 5px;
	box-shadow: 1px 3px 1px 0px rgba(255, 255, 255, 0.6) inset, -1px -3px 1px 0px rgba(237, 99, 8, 0.4) inset;
	background: url(../images/youkai/btn_bg.png) bottom right no-repeat, linear-gradient(180deg, #fee327 0%, #ff9326 100%);
	text-shadow: 0 -2px 1px #fff, 2px 0 1px #fff, 0 2px 1px #fff, -2px 0 1px #fff;
	font-size: 130%;
	color: #000;
}
#mainContent .topic_detail.portal_topics_detail .article a.yokaiBtn:hover {
  background-color: #7fa2d3;
  position: relative;
}

#mainContent .topic_detail span.itemBlockPB__btnPBCart__ico {
  vertical-align: bottom !important;
}


/*=================================*/
/* css slide 3item */
/*=================================*/
.simpleSlide3Item {
  position: relative !important; }

@-webkit-keyframes fadeimg {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  33.33% {
    opacity: 1; }
  43.33% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes fadeimg {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  33.33% {
    opacity: 1; }
  43.33% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.simpleSlide3Item > *:not(:first-child) {
  position: absolute !important; }

.simpleSlide3Item > * {
  opacity: 0;
  top: 0;
  left: 0px;
  -webkit-animation-name: fadeimg;
  animation-name: fadeimg;
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.simpleSlide3Item > *:nth-child(1) {
  -webkit-animation-delay: -1.5s;
  animation-delay: -1.5s; }

.simpleSlide3Item > *:nth-child(2) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s; }

.simpleSlide3Item > *:nth-child(3) {
  -webkit-animation-delay: 8.5s;
  animation-delay: 8.5s; }


/* ========================= */
/* topics_fastnice */
/* ========================= */
  .topics_fastnice {
    margin: 2.38095em 0 6em; }
  .topics_fastnice .intro_firstTtl {
    margin: 3.57142em 0 0; }
  .topics_fastnice .intro_ttl {
    margin: 5.35714em 0 0; }
  .topics_fastnice .intro_subTtl {
    margin: 4em 0 0; }
  .topics_fastnice .intro_leadtxt {
    margin: 2.08333em 0 0; }
  .topics_fastnice p {
    margin: 1em 0; }
  .topics_fastnice td {
    padding: 1.35em 1.2em;}
  .topics_fastnice .topics_fastnice_item td:first-child {
    width:470px; }
  .topics_fastnice .topics_fastnice_item td:last-child {
    width:520px; }
  .topics_fastnice .topics_fastnice_item td .fastnice_btn {
    background-color: #ffe225;
    background-image: none;
    border: none;
    border-bottom: solid 2px #ffa200;
    border-radius: 10px;
    box-shadow: 0 0 0px 4px #fff5b9;
    color: #0062b2 !important; }
  .topics_fastnice .topics_fastnice_item .tw_link {
    margin-top: 1.66666em; }
  .topics_fastnice .topics_fastnice_item .tw_link td {
    padding: 0;
    width: 330px;
    text-align: center;}
  .topics_fastnice .topics_fastnice_item .tw_link td:first-child {
    text-align: left; }
  .topics_fastnice .topics_fastnice_item .tw_link td:last-child {
    text-align: right; }
  .topics_fastnice .topics_fastnice_item .tw_link td img {
    width: 306px; }
  .topics_fastnice .itemBlockPB__btnSingle {
    width: 100%; }
  .topics_fastnice .sp_only{
    display:none;}

  .topics_fastnice .itemBlockPB .itemBlockPB__btnPBLink {
    text-decoration: none !important;
    box-sizing: border-box;
    text-align: center;
    color: #04a !important;
    display: inline-block;
    padding: 0.4em 1.5em;
    margin: 1em 0 !important;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    border-radius: 6px;
    background-color: #fff;
    background-image: linear-gradient(#fff, #fff);
    border: 1px solid #04a;
    margin: 0.2em 0 !important; }