/* ------------------- PDF???????????????????????L???????? ----------------------- */
/*

body{
	background-color: #ffffff !important;
	font-size: 90% !important;
	line-height: 140% !important;
	letter-spacing: 0px !important;
}


.inner{
	margin-top: 18px !important;
	margin-bottom: 20px !important;
}

a:link{
	color: #333 !important;
	text-decoration: none !important;
}
.contents-module div a:link{
	color: #093 ! important;
	text-decoration: none !important;
}

/*.issue-num{
	font-size: 10pt !important;
}

.image{
	margin: 0px auto 40px auto !important;
	padding: 9px 0px 0px 0px !important;
}

.image-title{
	letter-spacing: 2px !important;
}

.image-right{
	padding-top:30px !important;
}

.news{
	margin: 20px 0px 10px 0px !important;
	padding: 5px 0px 4px 10px !important;
}

.contents-module div{
	margin: 5px 0px 10px 0px !important;
	padding: 5px 0px 4px 10px !important;
}

.contents-module div a:link{
	color: #093 ! important;
	text-decoration: none !important;
}

.contents-module ul li{
	margin-bottom: 10px !important;
	background-position: 0% 6px !important;
}

.issue-num{
	font-size: 10pt!important;
	line-height: 100%  !important;
}
.contents-inner .contents-module .mg_b {
	margin-bottom:10px !important;
}


*/
:root {
  --kon: #0070ba;
  --orange: #fbb962;
  --deep_o: #fe9017;
}
/* ------------------- style.css ----------------------- */
body{
	color: #333333;
	font-size: 90%;
	line-height: 140%;
	text-align: center;
	letter-spacing: 1px;
	background-color: #ffffe6;
	margin: 0px auto 0px auto;
	font-family:"Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "Hiragino Kaku Gothic Pro W3", "MS PGothic", sans-serif;
}

a:link{ color: #0066ff; text-decoration: underline; }
a:visited{ color: #a533a5; text-decoration: underline; }
a:active{ color: #0066ff; text-decoration: underline; }
a:hover{ color: #ff4400; text-decoration: underline; }

img{
	border: 0px;
}

table{
	border-style: none;
	border-collapse: collapse;
}

th, td{
	font-size: 90%;
	line-height: 140%;
	letter-spacing: 1px;
}

.clear-box{
	clear: both;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}



/* ------------------- rayout ----------------------- */
.container{
	width: 660px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
}



/* ------------------- header ----------------------- */
.header{
	width: 630px;
	background-image:url("img/header.jpg");
	background-repeat: no-repeat;
	background-position: 0% 0%;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	color: #fff;
	font-size: 9pt;
	letter-spacing: 0px;
	text-align: left;
}

.print-btn{
	display: flex;
  flex-wrap: nowrap;
  justify-content: right;
  align-items: center;
  gap: 24px;
  padding: 10px 7px;
  height: 20px;
}

.print-btn a{
  margin-top: 5px;
  font-size: 13px;
  border-radius: 5px;
  width: 130px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  line-height: 1em;
  padding:8px  10px 8px 16px;
  font-weight: 600;
  position: relative;
}
.print-btn a::before{
  content: "";
  position: absolute;
  top: 49%;/* 縦軸をセンタリングする */
  left: 13px;
  transform: translateY(-50%);/* 縦軸をセンタリングする */
  border: 5px solid transparent;
}

/*電子版*/
a.print {
  color: var(--kon);
  background: #fff;
}
a.print::before {
  border-left: 8px solid var(--kon);
}

/*冊子版*/
a.book{
  color:#fff;
  background: var(--kon);
}
a.book::before {
  border-left: 8px solid #fff;
}



.issue-num{
	font-weight: bold;
	padding: 74px 1px 4px 453px;
}



/* ------------------- inner ----------------------- */
.inner{
	width: 610px;
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
/*
a:link{
	color: #333 !important;
	text-decoration: none !important;
}*/

/* ------------------- image ----------------------- */
.image{
	width: 610px;
	background-image:url("img/image-bg.jpg");
	background-repeat: no-repeat;
	background-position: 0% 0%;
	margin: 0px auto 0px auto;
	padding: 9px 0px 0px 0px;
}

.image-left{
	width: 310px;
	float: left;
	text-align: center;
}

.image-left img{
	margin: 10px 0px 20px;
}

.image-right{
	width: 295px;
	float: left;
	text-align: left;
	padding-top: 90px;
	padding-left:5px;
}
/*
.image-title{
	color: #fff;
	width: 275px;
	font-size: 11pt;
	text-align: left;
	font-weight: bold;
	line-height: 180%;
	letter-spacing: 1px;
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 0px 7px;
	background-image:url("img/image-title.gif");
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

.image-right{
	width: 295px;
	float: left;
	text-align: left;
	padding-top: 40px;
	padding-left:5px;
}
*/
.image-title{
	color: #fff;
	width: 270px;
	font-size: 11pt;
	text-align: left;
	font-weight: bold;
	line-height: 180%;
	letter-spacing: 1px;
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 0px 7px;
	/*
  background-image:url("img/image-title.gif");
	background-repeat: no-repeat;
	background-position: 0% 0%;
  */
  border-radius: 5px;
  background: #FF9012;
  background: linear-gradient(180deg, rgba(255, 144, 18, 1) 0%,rgba(254, 169, 76, 1) 100%)
}


.image-detail{
	width: 280px;
	margin: 5px 0px 0px 0px;
	padding: 2px 0px 5px 0px;
	background-color: #fff;
}

.image-detail p{
	font-size: 85%;
	margin: 5px 5px 0px 5px;
}



.kakko::before,
.kakko::after {
	display: block;
	position: absolute;
	bottom: 20%;
	box-sizing: border-box;
	line-height: 0;
	font-size:2rem;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',
	'メイリオ', 'Meiryo',
	'游ゴシック', 'Yu Gothic',
	'ＭＳ Ｐゴシック', 'MS PGothic',
	sans-serif;
	color: #ffffff; /* 括弧の色 */
  font-weight: 100;
}
.kakko::before {
	content: '('; /* 開き括弧の種類*/
	left: 5px;
  transform: scale(0.8, 1);
}
.kakko::after {
	content: ')'; /* 閉じ括弧の種類*/
	right: 50px;
  transform: scale(0.8, 1);
}

/* ------------------- contents ----------------------- */
.contents{
	clear: both;
	width: 100%;
	text-align: center;
	background-image:url("img/contents-bg.jpg");
	background-repeat: no-repeat;
	background-position: 0% 0%;
	margin: 5px auto 0px auto;
	padding: 43px 0px 0px 0px;
}

.contents-inner{
	width: 550px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

.central{
	float: left;
	width: 10px;
}

.contents-module{
	float: left;
	width: 270px;
	text-align: left;
}


.news, .contents-module div{
	width: 100%;
	color: #0071BD;
	text-align: left;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
	padding: 5px 0px 4px 8px;
	background-image:url("img/caption-s.gif");
	background-repeat: no-repeat;
	background-position: 0% 0%;
}


.news{
	clear: both;
	background-image:url("img/caption-l.gif") ! important;
}

.contents-module div a{
	width: 100%;
	color: #0071BD !important;
}

.contents-module div a:link{
	color: #0071BD !important;
	text-decoration: none !important;
}

.contents-module div a:link{ color: #093; text-decoration: underline; }
.contents-module div a:visited{ color: #093; text-decoration: underline; }
.contents-module div a:active{ color: #093; text-decoration: underline; }
.contents-module div a:hover{ color: #093; text-decoration: none; }

.contents-module ul{
	list-style-type: none;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
}
.contents-module ul li{
	width: 257px;
	font-size: 85%;
	list-style-type: none;
	background-image:url("img/mark.gif");
	background-repeat: no-repeat;
	background-position: 0% 6px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 3px 0px;
}


/* ------------------- footer ----------------------- */
.footer{
	clear: both;
	margin: 0px auto 0px auto;
	padding: 5px 0px 5px 0px;
}