@charset "utf-8";

/* CSS Document */

#contents a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.col-box img {
	height: auto;
}
.cts-body .col-box {
	padding: 6.6% 9.784% 11.05%;
	margin-bottom: 7.6%;
}
.col-box h3 {
	color: #c7000b;
	font-size: 1.625em;
}
.col-box .dw_cts2 + h3 {
	margin-top: 14.6%;
	margin-bottom: 1.3em;
}
.col-box h4 {
	margin: 6.3% 0 3%;
	color: #c7000b;
	font-size: 1.25em;
}
.col-box .dw_cts1 + h4 {
	margin-top: 7.7%;
}
.col-box a.wallpaper_settig {
	font-size: 0.9em;
	color: #c7000b;
}
.col-box a.wallpaper_settig:after {
	content: "\21d2";
	font-family: icon;
	position: relative;
	right: 0;
	bottom: 0;
	font-size: 1.2em;
	font-weight: bold;
	display: inline-block;
	vertical-align: bottom;
	margin: 0 0 -0.1em 0.2em;
}
.col-box a.wallpaper_settig:hover {
	opacity: 0.7;
}
.col-box p.wallpaper_caption {
	font-size: 0.9em;
	margin: 1.8% 0;
}
.dw_cts {
	display: inline-block;
	vertical-align: top;
}
.dw_cts1 + .dw_cts1 {
	margin-left: 3.8%;
	margin-right: -5px;
}
.dw_cts1 img,
.dw_cts3 img {
	border: #e3e3e3 1px solid;
	margin-bottom: 2%;
	width: 100%;
	box-sizing: border-box;
}
.dw_cts1 {
	width: 48.11%;
}
.dw_cts ul {
	background: #c7000b;
	color: #fff;
}
.dw_cts li {
	width: 33.33%;
	display: inline-block;
	text-align: center;
	font-size: 0.8125em;
	letter-spacing: 0.05em;
	border-left: #fff 1px solid;
	margin-right: -1px;
}
.dw_cts1 li:first-child {
	border: none;
}
.dw_cts a {
	color: #fff;
	padding: 19.5% 0;
	display: block;
}
.dw_cts a:hover {
	background: #d74c54
}
.dw_cts1 a {} .dw_cts2 {
	width: 29.866%;
}
.dw_cts2 img {
	width: 100%;
	margin-bottom: 4.7%;
}
.dw_cts2 + .dw_cts2 {
	margin-left: 5.4%;
}
.dw_cts2 + .dw_cts2 + .dw_cts2 {
	margin-left: 5%;
	margin-right: -5px;
}
.dw_cts2 + .dw_cts2 + .dw_cts2 li {
	width: 50%
}
.dw_cts2 + .dw_cts2 + .dw_cts2 li a {
	padding: 26.2% 0;
}
.dw_cts2 a span {
	display: block;
	padding: 0.15em 0;
}
.dw_cts3 {
	width: 29.866%;
	margin-right: 5.3%;
}
.dw_cts3 h4 {
	font-size: 1.15em;
	margin: 4.6% 0 4.4%;
}
.dw_cts3 p {
	font-size: 0.92em;
	line-height: 1.5;
	margin-bottom: 0.7em;
}
.dw_cts3 a {
	background: #c7000b;
	padding: 6.5% 0;
	text-align: center;
}
/* 2. ポップアップ
--------------------------------------------------------------------*/

#wallpaper h1 {
	font-weight: 400;
	color: #6F7166;
}
#wallpaper p {
	margin: 0;
}
table .text1 {
	font-family: 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 11px;
	line-height: 130%;
	color: #6F7166;
}
table .text2 {
	font-family: 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 130%;
	color: #6F7166;
}
#header-pop {
	position: relative;
	width: 500px;
	text-align: left;
}
#header-pop p.logo {
	padding: 5px 0 0 15px;
}
#header-pop h1 {
	position: absolute;
	top: 36px;
	right: 24px;
}
table .text2 a:link,
table .text2 a:active,
table .text2 a:visited {
	color: #0068b7;
	text-decoration: none;
}
#present #br_header .left {
	margin-left: 28px;
}