@charset "utf-8";
/* CSS Document */

/* 共通 */
dl {
	margin: 6px 2px 5px 10px;
	padding: 0 5px;
}

dl:last-child {
	margin-bottom: 20px;
}

	dt.date {
		margin: 5px 0 0 0;
		color: #a48b77;
	}
	
	dt.title {
		margin: 0;
		color: #7f4f21;
	}
	
	dd {
		margin: 5px 0 12px;
	}

.index_area .pdf_area {
	margin-top: 10px;
}

	.index_area .pdf_area img,
	.index_area .pdf_area p {
		float: right;
	}
	
	.index_area .pdf_area img {
		width: 32px;
	}
	
	.index_area .pdf_area p {
		margin: 9px 0 0 10px;
	}

.detail_text_area {
	width: 600px;
	float: left;
	margin: 14px 0 0 10px;
}

	.detail_text_area p.date {
		color: #a48b77;
	}

	.detail_text_area p.title {
		font-size: 20px;
		font-weight: bold;
		color: #7f4f21;
		line-height: 23px;
		margin-top: 5px;
	}

	.detail_text_area p.text {
		font-size: 13px;
		line-height: 20px;
		margin-top: 10px;
	}

	.detail_text_area p.text a {
		word-wrap: break-word;
	}

	.detail_text_area .pdf_area {
		margin-top: 30px;
	}
	
		.detail_text_area .pdf_area img,
		.detail_text_area .pdf_area p {
			float: left;
		}
		
		.detail_text_area .pdf_area img {
			width: 32px;
		}
		
		.detail_text_area .pdf_area p {
			margin: 9px 0 0 10px;
		}
		
		.detail_text_area .pdf_area p {
			width: 558px;
			font-size: 14px;
		}

.detail_img_area {
	width: 170px;
	float: right;
	margin: 28px 0 0 54px;
}

	.detail_img_area img.img2,
	.detail_img_area img.img3 {
		margin-top: 20px;
	}

.h3_subtitle {
	font-size: 15px;
	font-weight: normal;
}

.h3_subtitle a {
	color: #ffffff;
}

/* categoryのみ */
img#cate_img {
	width: 129px;
	margin-top: 16px;
	float: left;
}

p#message,p#message2 {
	width: calc(100% - 129px - 20px);
	margin: 16px 0 0 20px;
	/*float: left;*/
	font-size: 13px;
}


/* infomation, kyougikaiのみ */
p.text1 {
	margin-top: 36px;
}

.contents_box{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}

.contents_box .message_box{
  width:80%;
}

/*.message_box h3{
	margin-bottom:0;
}*/

.message_box p{
	width:100% !important;
	margin-top:0 !important;
	box-sizing: border-box;
    margin: 0 !important;
}

/*readmore*/
#btn{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

#btn span{
  /* ボタンにカーソルを当てると、カーソルがポインターに変わる */
  cursor: pointer;
}

/* ボタンにカーソルを当てたとき、ボタンを半透明にする */
#btn span:hover {
 opacity: 0.7;
}

#btn span{
	display:inline-block;
	margin-right:10px;
	font-size:0.8rem;
	background-color:#F54258;
	color:#fff;
	font-weight:normal;
	padding:5px 20px;
}

/* クリックで表示させるテキストを隠す */
.hidden {
  display: none;
}

#message{
	transition: bottom 0.2s;
}

/*readmore end*/
.message_box ul{
	list-style:none;
	margin:10px 0;
	margin-left:1em;
	padding:0;
}

.message_box ul li{
	line-height:2;
}

.message_box p .link{
	display:inline-block;
	margin:10px 0;
	color:#04889E;
}

.message_box p .link a{
	
	color:#04889E;
}

.border{
	border:none;
}

.border::after {
    content: "";
    display: block;
    height: 5px;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgb(0, 137, 193)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgb(0, 137, 193)), color-stop(.75, rgb(0, 137, 193)), color-stop(.75, transparent), to(transparent));
    -webkit-background-size: 5px 5px;
    width: 100%;
    margin: 30px 0 20px 0;
    filter: alpha(opacity = 50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}



.show_more{
	display:none;
}


/* スマホ用 */
@media screen and (max-width: 1108px) {
	
	
	img#cate_img {
		margin-right: 14px;
		margin-bottom: 14px;
	}
	
	
	dl {
		margin-left: 0;
		margin-right: 0;
		width: 90%;
    	margin: auto;
	}
	
	dl a.mb_only{
	display:block;
    text-decoration: none;
    width: 75%;
    text-align: center;
    border: 1px solid #727171;
    border-radius: 30px;
    padding: 4% 5%;
    box-sizing: border-box;
    margin: 15px auto;
	}
	
	/*続きを見る*/
	.sp_wrapper{
		position: relative;
		padding-bottom: 50px;
		margin-bottom:40px;
		width: 90%;
		margin:auto;
	}
	
		p#message{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		float: none;
		font-size: inherit;
		height:50vh;
		overflow:hidden;
	}
	
	.show_more{
		display:block;
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 50px;
		padding-top: 60px;
		text-align: center;
		line-height: 30px;
		background: linear-gradient(
			180deg,
			rgb(255, 255, 255, 0) 0%,
			rgb(255, 255, 255, 1) 70%
		);
		cursor: pointer;
		transition: bottom 0.2s;
	}

	.arrow2{
		width: 40px;
		height: 40px;
		border: 1px solid;
		border-color: #565656 #565656 transparent transparent;
		transform: rotate(135deg);
		margin:0 auto;
	}

	.active {
		padding-bottom: 0;
	}
	/*↑続きを見る*/
	
	.tit{
		position:relative;
		width:100%;
		height:150px;
		display:flex;
		align-items:center;
		justify-content: flex-end;
    flex-flow: row-reverse;
    padding: 0 5%;
    box-sizing: border-box;
	}
	
	.tit h2{
		/*position:absolute;
		right:5%;*/
		display:inline-block;
		padding:0;
		margin:0;
	}
	
	/*.tit img{
		position:absolute;
		left:5%;
	}*/

	.sub_page_wrap > h3{
		font-size:1rem;
		padding:10px;
		margin-bottom:10px;
		margin-top: 40px;
	}

/*詳細ページ*/
.detail_text_area{
    width: 90%;
    margin: 20px auto;
	float:none;
}

.detail_text_area .pdf_area p {
    width: 100%;
    font-size: 0.85rem;
}

.sub_page_wrap h2 {
    margin-top: 0;
    font-size: 1.2rem;
}

.detail_text_area p.title{
	font-size:1rem;
}

.contents_box .message_box {
    width: 100%;
}

}
@media screen and (max-width: 1108px) {
#btn{
		display:block;
		text-align:center;
		padding:10px;
}

#btn span{
	display:block;
	width:100%;
	padding:10px 0;
	margin:10px auto 0;
	box-sizing:border-box;
}
}