@charset "utf-8";

/***********************************************************
////////////////////////////////////////////////////////////

@ LARGE VIEWING SIZE

////////////////////////////////////////////////////////////
***********************************************************/


/****************************
  pagetitle
****************************/
#pagetitle {

}

/* sns */
#pagetitle .sns {
	position: absolute;
	right: 0;
	bottom: -0.2em;
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}
#pagetitle .sns ul {

}
#pagetitle .sns ul li {
	display: inline-block;
	margin-left: 0.5em;
}

#pagetitle .img {
	margin: 0 0 1.0em;
}
#pagetitle .txt {

}



/****************************
  contents
****************************/
#contents {

}

#contents .box {
	padding: 1.0em 1.5em 0;
	background: #f6f6f6;
}
#contents .box .box_head {
	margin: 0 0 1.0em;
}
#contents .box .box_head .label {
	border-bottom: 1px dotted #000000;
}
#contents .box .box_body {

}
#contents .box .box_body .top {

}
#contents .box .box_body .top ul {
	padding: 0 0 1.0em;
}
#contents .box .box_body .top ul li {
	padding: 0 0 1.0em;
}
#contents .box .box_body .top ul li .label {
	/*margin: 0 0 0.5em;*/
}
#contents .box .box_body .top ul li .label a {
	position: relative;
	display: inline-block;
	color: #000;
	font-size: 100%;
	line-height: 1.2;
	text-decoration: none;
	padding: 0 0 0 1.4em;
}
#contents .box .box_body .top ul li .label a:hover {
	text-decoration: underline;
}
#contents .box .box_body .top ul li .label a:before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0.1em;
	width: 1.0em;
	height: 1.0em;
	line-height: 1.0;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../../../../common/img/icon_a02rw_r.png);
	background-size: contain;
}

/** low **/
#contents .box .box_body .top ul li .low {

}
.desktop #contents .box .box_body .top ul li .low {
	display: block!important;
}
#contents .box .box_body .top ul li .low ul {
	padding: 0 0 0;
}
#contents .box .box_body .top ul li .low ul li {
	padding: 0 0 0;
}
#contents .box .box_body .top ul li .low ul li a {
	position: relative;
	display: inline-block;
	color: #000;
	font-size: 86%;
	line-height: 1.2;
	text-decoration: none;
	padding: 0 0 0 1.4em;
}
#contents .box .box_body .top ul li .low ul li a:hover {
	text-decoration: underline;
}
#contents .box .box_body .top ul li .low ul li a:before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0.1em;
	width: 1.0em;
	height: 1.0em;
	line-height: 1.0;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../../../../common/img/icon_a01r_r.png);
	background-size: contain;
}


/****************************
  articles
****************************/
#articles {

}

#articles > section {
	margin: 0 0 6.0em;
}

#articles .list {
	list-style: none;
	margin: 0 0 1.0em;
}

#articles .txt {
	margin: 0 0 1.0em;
}

#articles .img {
	margin-bottom: 1em;
}
#articles .img > img {
	width: auto;
}



/****************************
  relations
****************************/
#relations {

}

#relations .box {
	border: 1px solid #dddddd;
	border-radius: 0.2em;
}
#relations .box .img,
#relations .box .txt {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
#relations .box .img {
	width: 30%;
	max-width: 140px;
}
#relations .box .img .thumb {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}
#relations .box .txt {
	padding: 1.0em;
}
#relations .box .txt .ttl {
	color: #000;
	line-height: 1.2;
}
#relations .box a {
	display: table;
	width: 100%;
	text-decoration: none;
}




/***********************************************************
////////////////////////////////////////////////////////////

@ LARGER MOBILE DEVICES

////////////////////////////////////////////////////////////
***********************************************************/
@media only screen and (max-width: 768px) {

	#articles .img > img {
		width: 100%;
	}

}