@charset "utf-8";

/* -----↓初期化----- */
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
address,
code,
em,
strong,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
form,
fieldset,
legend,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td{
	margin:0;
	padding:0;
	font-weight:inherit;
	font-size:inherit;
}
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	word-break:break-all;
	line-height:1.4;
	color:#333;
	font-weight:normal;
	position:relative;
}
table{
	border-collapse:collapse;
}
th,
td{
	border-spacing:0;
}
ul,
ol,
li{
	list-style-type:none;
}
a{
	color:#333;
	text-decoration:none;
}
a:hover{
/*
	text-decoration:underline;
*/
}
img{
	max-width:100%;
	height:auto;
	vertical-align:top;
	border:none;
}
input{
	vertical-align:middle;
}
input,
textarea{
	font-size:inherit;
}
/* -----↑初期化----- */


/* -----↓共通化----- */
/*clearfix*/
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.contentsLink{
    font-size:11px;
}
.contentsLink a{
    color:#999;
}
/*pager*/
.pager{
	text-align:center;
	margin:10px 0;
}
.pager a{
	color:#0185ff;
}
/*mkThumb*/
.mkThumb{
	position:relative;
	display:block;
	overflow:hidden;
}
.mkThumb:after{
	content:"";
	display:block;
	padding-top:100%;
}
.mkThumb img{
	position:absolute;
	left:0;
	top:0;
}
.moreLink{
	text-align:right;
}
/* -----↑共通化----- */

/*iframe
----------*/
.diamond_header {
	margin-bottom: 30px;
}
.diamond_header img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    border: none;
}
.diamond_t{
	padding-bottom:10px;
}
.diamond_t p.titleImage{
	border-bottom:3px double #aaa;
	font-weight:bold;
	font-size:16px;
	line-height:30px;
	margin-bottom:10px;
}
.diamond_t p.titleImage span{
	color:#fff;
	padding-left:10px;
}
.diamond_t ul.diamondBox{
	background-color:#fff;
	margin-left:-6px;
	display: flex;
	flex-wrap: wrap;
}
.diamond_t ul.diamondBox li{
	width:148px;
	margin-left:6px;
	margin-bottom: 10px;
	box-sizing:border-box;
	background-color:#fff;
}
.diamond_t ul.diamondBox li:hover{
	background-color:#ddd;
	transition:all 0.1s ease-in-out 0s;
}
.diamond_t ul.diamondBox li a{
	display:block;
}
.diamond_t ul.diamondBox li p.imageBox{
	width:140px;
	height:140px;
	overflow:hidden;
	margin:10px auto 0;
}
.diamond_t ul.diamondBox li p.imageBox img{
	width:100%;
}
.diamond_t ul.diamondBox li p.titleText{
	color:#9f8800;
	font-weight:bold;
	font-size:14px;
	line-height:20px;
	padding-left:10px;
	padding-top:5px;
}
.diamond_t ul.diamondBox li:hover p.titleText{
	color:#000;
}
.diamond_t ul.diamondBox li p.area{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding-bottom:10px;
	font-size:11px;
	padding-left:5px;
	line-height:11px;
}
.diamond_t ul.diamondBox li:hover p.area{
	color:#666;
}