@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap");
body {
  max-width: 540px;
  margin: 0 auto;
  /*font-family: "BIZ UDPGothic", sans-serif;*/
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
  /*line-height: 1.7;*/
  line-height: 1.6;
  font-size: 1.1em;
}

a:link,
a:visited,
a:hover,
a:active {
  /*color: rgb(200, 200, 200);*/
  color: rgb(51, 51, 51);
  text-decoration: none;
}

article {
  border-top: 8px solid rgb(240, 241, 245);
}
figure {
  	margin: 0 auto;
	display: block;
	text-align: center
}
figure img {
	width: 100%;
	height: auto;
}

header {
  background-color: rgb(240, 241, 245);
  padding: 8px 8px 0 8px; 
/*
  background-color: #ec8616;
  padding-top: 10px;
  padding-bottom: 0px;
*/
}
header .haishin {
  padding: 0.5em;
/*  background-color: rgb(200, 200, 200);*/
  background-color: #ec8616;

/*  width: 24em; */
  margin: 0 auto;
  text-align: center;
  border-radius: 10px;
  color: #fff;
  font-size: 0.9em;
}

footer .tl_footer {
  border-top: 8px solid rgb(240, 241, 245);
  padding: 0.5em 1.0em;
  font-size: 0.9em;
  margin-bottom: 10px;
}

footer .tl_footer a{
  color: blue;
}
footer .tl_footer p{
  font-size: 0.9em;
  padding: 0;
  margin: 0 0 10px 0;
}
footer .tl_footer .center{
   text-align: center;
}

.articles article {
  margin-bottom: 1em;
}
.articles figure {
  margin: auto;
  /*height: 100vw;*/
  /*max-height: 540px;*/
}
.articles img {
  width: 100%;
/* 
  height: auto;
   -o-object-fit: cover;
     object-fit: cover;
*/
}
.articles .text-area {
/*  width: 90%;*/
  width: 94%;
  margin: 0 auto 1.5em;
}
.articles h2 {
/*  width: 90%;*/
  width: 92%;
  margin: 0 auto;
  margin-top: 1em;
  text-align: justify;
  font-weight: 700;
/*  line-height: 1.4;*/
  line-height: 1.3;
  font-size: 1.2em;
  color: rgb(51, 51, 51)
}
.articles h3 {
  font-size: 1em;
  font-weight: 700;
}
.articles p {
  margin-bottom: 2em;
  text-align: justify;
}
.articles .button {
  text-align: center;
  font-size: 0.9em;
  color: rgb(200, 200, 200);
}

.ads article {
	border: none;
	background: #f9f9f9;
/*	padding: 25px 30px; */
	padding: 25px 20px; 
	margin-bottom: 1em;
	position: relative;
	width: 100%;
	float: left;
	box-sizing: border-box;
}
.ads.ads-bnonly figure {
  max-width: 100%;
  margin: 0 auto;
  line-height: 1;
}
.ads figure img {
  width: 100%;
}

.ads .pr {
	font-size: 12px;
/*	float: right; */
    position: absolute;
    right: 25px;
    top: 8px;
}
.ads .thumbnail {
/*	width: 185px;*/
/*	width: 170px;*/
    width: 45%;
	float: left;
/*	margin: 0 20px 20px 0;*/
	margin: 0 10px 10px 0;
}
.ad-topheadline {
	font-size: 1.1em;
	color: #333;
	font-weight: bold;
}
.ad-mainheadline {
	font-size: 1.3em;
	font-weight: bold;
	color: #000;
	line-height: 1.4;
}
.ad-wakititle {
	font-size: 14px;
	color: #333;
}
.ad-detail {
/*	padding: 1em 0 0;*/
	padding: 0.5em 0 0;
	font-size: 1em;
}
.ad-detail-link a { 
   color: #00f;
}

.ad-detail-link {
  color: #00f;
}

/*===============================
続きを読む
================================*/
.readmore {
  position: relative;
  margin: 1em auto 0;
}

.readmore label {
  position: absolute;
  display: inline;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  color: blue;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
}

.readmore label::before {
  content: "…続きを読む";
}

.readmore input[type=checkbox]:checked ~ label::before {
  content: "";
}

.readmore input[type=checkbox] {
  display: none;
}

.readmore-content {
  position: relative;
  height: 6.4em;
  overflow: hidden;
/*  margin-block-start: 1em; */
  margin-block-start: 0.8em; 
/*  font-size: 18px; */
  font-size: 17.6px;
  color: rgb(51, 51, 51)
}

.readmore input[type=checkbox]:checked ~ .readmore-content {
  height: auto;
}

.articles figure {
width: 90%;
}
.articles img {
max-height: 300px;
object-fit: contain;
}




/* タイトル用CSS */
span.subHeadline { display: block; font-size: 18px;/*16px;*/ font-weight: bold; margin-bottom: 5px; }
span.mainHeadline.subHeadline { display: block; font-size: 18px;/*16px;*/ font-weight: bold; margin-bottom: 5px; padding: 0; }
span.outline { display: block; font-size: 18px;/*16px;*/ font-weight: bold; margin: 5px 0px; }
span.mainHeadline.outline { display: block; font-size: 18px;/*16px;*/ font-weight: bold; margin: 5px 0px; padding: 0; }