/*=================================
画像リンク枠。
===============
====================================================*/
/*-------------------------
専用枠。
------------------------------*/
.image-link-frame{
	margin:35px 0 0;
}
.image-link-frame img{
	margin:0;
	border-radius:0;
}
/*-------------------------
画像リンク箱。
------------------------------*/
.image-link-box{
	max-width:100%;
	/*height:420px;*/
	padding-bottom:27px;
	margin-top:40px;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:7px;
	box-shadow:0 0 12px 1px rgba(0, 0, 0, 0.07);
	word-break:break-all;
	position:relative;
	/*cursor:pointer;*/
}
.image-link-box:first-child{
	margin-top:45px;
}


/*-------------------------
リンクを枠全体に広げる。
------------------------------*/
.image-link-box a{
	color:#2a4239;
	/*display:block;*/
	width:100%;
	height:100%;
	text-decoration:none;
}
.image-link-box-thumbnail-and-title:hover .image-link-box-title{
	/*color:#0D72AE;*/
	color:#1f66ff;
	text-decoration:underline;
}
/*-------------------------
ボックス内のサムネイル調整。
------------------------------*/
.image-link-box-thumbnail{
	overflow:hidden;
	border-radius:7px 7px 0 0;
}
/*-------------------------
サムネイル画像の設定。
------------------------------*/
.image-link-box-thumbnail img{
	width:100%;
	height:auto;
	user-select:none;
	/*background-image:url();*/
	/*background-size:cover;*/
}
.image-link-box-thumbnail img{
	transition:0.10s;
}
/*-------------------------
ボックスにカーソルを合わせた時の画像変形スタイル指定。
------------------------------*/
.image-link-box:hover .image-link-box-thumbnail img,.image-box-text-link:hover .image-link-box-thumbnail img{
	transform: scale(1.03, 1.03);
	/*transform: scale(1.05, 1.05) rotate(-0.6deg);*/
}
/*-------------------------
リンクサイト題名。
------------------------------*/
.image-link-box-title{
	color:#2a4239;
	font-size:17px;
	line-height:1.7;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:0.2px;
	padding:27px 15px 24px 15px;
}
/*.image-link-box-title a{
	display:block;
}*/
/*.image-link-box-title a:hover{
	color:#0D72AE;
	color:#1f66ff;
	text-decoration:underline;
}*/
/*-------------------------
リンクサイト解説。
------------------------------*/
.image-link-box-description{
	padding:0 15px 33px 15px;
	font-size:13px;
}
.image-link-box-description p{
	font-size:13px;
}
.image-link-box-description p:last-child{
	margin-bottom:0;
}
.image-link-box-description a{
	color:#1f66ff;
}
.image-link-box-description a:hover{
	text-decoration:underline;
	color:#1f66ff;
}

/*=================================
大型ボタンの解説枠。
===============
====================================================*/
.image-link-box-button-destination{
	color:#2a4239;
	text-align:center;
	line-height:1.4;
	margin-top:14px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:10px;
	width:90%;
	font-size:11px;
	letter-spacing:0.6px;
}
.image-link-box-button-destination:last-child{
	margin-bottom:0px;
}







/*=================================
画像リンク枠内にテキストリンク一覧。
===============
====================================================*/
/*-------------------------
テキストリンク箱。
------------------------------*/
.image-box-text-link{
	max-width:100%;
	padding-bottom:12px;
	margin-top:40px;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:7px;
	box-shadow:0 0 12px 1px rgba(0, 0, 0, 0.1);
	word-break: break-all;
	position:relative;
	cursor:pointer;
}
/*-------------------------
リスト。
------------------------------*/
.image-box-text-link ul{
	margin:8px 27px 0;
}
/*.image-box-text-link ul{
	padding:8px 0 0px;
}*/
.image-box-text-link li{
	list-style:none;
	height:50px;
	line-height:50px;
	border-bottom:1px dashed #aaa;
	padding-left:40px;
	font-size:14px;
	background-image:url(../../images/list2.png);
	background-repeat:no-repeat;
	background-size:14px;
	background-position-y:17px;
	background-position-x:10px;
}
.image-box-text-link li:last-child{
	border-bottom:none;
}
.image-box-text-link li a{
	display:block;
	text-decoration:none;
}
.image-box-text-link li:hover{
	text-decoration:underline;
}