@charset "UTF-8";
#message .txt01 {
	font-size: clamp(24px, 2.8vw, 30px);
	text-align: center;
	font-family: "Yu Mincho Medium", "YuMincho Medium", serif;
	margin-bottom:20px;
	line-height: 1.6
}
#message .txt02 {
	font-size:87.50%;
	text-align:center;
	margin-bottom:35px;	
}
#message .txt02 span{
	font-size:143.75%;
	font-weight:bold;
}
#message .profBox01 {
	font-size: 14px;
	background-color: #f5f5f5;
	padding: 20px;
	line-height:1.6;
	margin-bottom: 30px;
}
#message .profBox01 span {
	font-weight:bold;
}
#message .profBox01 table td{
	padding: 5px;
}

@media all and (max-width:480px){
#message .txt01 {
	font-size: 175.00%;
	text-align: center;
	font-family: "Yu Mincho Medium", "YuMincho Medium", serif;
	margin-bottom:20px;
}

}
/* プルダウン表示
-----------------------------------*/

section#topics {
	margin-bottom:0;
	overflow:hidden;
}
section#topics .titleBox {
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #BB262C;
	margin-bottom: 8px;
}
section#topics .titleBox p {
	font-family: "Hiragino Maru Gothic W6 JIS2004", "貂ｸ繧ｴ繧ｷ繝�け", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W6", "Hiragino Kaku Gothic ProN", "繝｡繧､繝ｪ繧ｪ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color:#BB262C;
}

section#topics a.more {
	font-size:13px;
	display:block;
	width:120px;
	height:20px;
	line-height:20px;
	text-align:center;
	background-color:#b49b46;
	float:right;
	margin-top:8px;
	color:#FFF;
	border:1px solid #b49b46;
	border-radius:5px;
	-webkit-border-radius:5px;  
	-moz-border-radius:5px;
	-webkit-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}
section#topics a.more:hover{
	background-color:#FFF;
	color:#b49b46;
}

section#topics ul li {
	overflow:hidden;
	padding:10px 0 10px;
	border-bottom:dashed 1px #808080;
}

section#topics ul li .imgL {
	float:left;
	width:140px;
}
section#topics ul li .imgL img {
	width:100%;
}
section#topics ul li .txtR {
	width : calc(100% - 155px) ;
	float:right;
}
section#topics ul li time {
	font-size:13px;
}

@media print, screen and (max-width:440px){
section#topics ul li {
	overflow:hidden;
	padding:20px 0 20px;
	border-bottom:dashed 1px #808080;
}

section#topics ul li .imgL {
	float:none;
	width:90%;
	margin:0 auto 5px;
}
section#topics ul li .txtR {
	width : 90% ;
	float:none;
	margin:auto;
}
}

section.second > div ul li{
	color: #B3145A;
	list-style-position: inside;
	text-indent: -20px;
	padding-left: 20px;
	margin-bottom:10px;
}
.text_wrapper{
  position: relative;
  margin-bottom: 45px;
  background-image: url('../img/message/message_bg.svg');
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top,center;
}
.text_wrapper p{
	margin-bottom: 26px;
}
.text{
  height: 280px;
  overflow: hidden;
}
.show_more,.show_more2{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 0;
  padding-top: 60px;
  text-align: center;
  line-height: 30px;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  cursor: pointer;
  transition: bottom 0.2s;
}
.active{
  background: none;
  bottom: 0px;
}
.message_img{
	max-width: 360px;
	margin: 0 auto 20px;
	padding: 0;
}
.ib{
	display: inline-block;
}