@charset "utf-8";

/* common
-------------------------------------------------------------------------------*/

body {
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}

div#header h1 {
	width: 33.5em;
	margin-top: 3.6em;
}
div#header h1:after {
	content: "" !important;
}

div#header h1 + ul li + li {
    margin-left: 2em;
}

div#header ul + ul + ul {
	font-family:"Times New Roman",Georgia,serif;
}

div#header + img {
    margin: .9em 0 4.2em;
    border-radius: .4em;
}

div#footer {
	padding-top: 8em;
}

div#quaternary {
	margin-top: -2.1em;
}

div#quaternary ul[role="local"] > li > a span {
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight: normal!important;
    font-size: 16px;
    padding: 0 0 .25em .38em;
}

div#quaternary ul[role="local"] > li > a[href*="lineup"] span:after {
    background: none repeat scroll 0 0 #bc1d0e;
    border-radius: 50%;
    content: "\f07a";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 13px;
    height: 2em;
    line-height: 2;
    text-align: center;
    width: 2em;
    color: #fff;
    margin-left: 1em;
}

.section .btn1 {
	width: 15.8em;
	height: 2.8em;
	margin-top: 2.8em;;
	text-align: center;
	float: right;
}

.section .btn1 span {
	font-size: 14px;
	line-height: 1.8;
}

.section .btn1 span:before {
	content: "\e607";
	font-family: techoicons;
	font-size: 14px;
	line-height: 1;
	margin-right: .64em;
	position: relative;
	vertical-align: middle;
}

.section a .btn1 {
	width: 13em;
	height: 2.2em;
	float: none;
	display: block;
	margin: 2.5em auto 0;
}

.section a .btn1 span {
	font-size: 12px;
	line-height: 1.73;
}

.section a .btn1 span:before {
	font-size: 12px;
	margin-right: .25em;
}

/* primary
-------------------------------------------------------------------------------*/

#primary {
	width: 70.8em;
	float: left;
}

#primary > p:first-child {
    font-size: 21px;
}

#primary > h2 {
	font-size: 60px;
    line-height: 1;
    margin: .13em 0 .4em;
    letter-spacing: .1em;
}

/* section
-------------------------------------------------------------------------------*/

.section + .section {
    margin-top: 5.3em;
}

.section h3 {
    font-size: 25px;
    margin-bottom: 1.2em;
    padding-bottom: .76em;
    border-bottom: 3px solid;
}

.section h3 span {
    font-size: 15px;
    display: inline-block;
    position: relative;
    top: -.3em;
}

.section h4 {
	border-bottom: #000 1px dotted;
	margin: 0 0 1.89em;
	padding: 1.72em 0 .56em;
	font-size: 18px;
}

.section h4:before {
	content: none;
}

.section p {
	font-size: 14px;
    line-height: 1.93;
    letter-spacing: 0;
}

.section p em {
	font-size: 12px;
    line-height: 2;
    color: #bc1d0e;
}

/* primary
-------------------------------------------------------------------------------*/

#s01 p {
	position: relative;
}

#s01 h3 {
	margin-bottom: .88em;
}

#s01 h3 + p img {
	display: block;
	width: 34.7em;
	font-size: 10px;
	margin-top: 1.3em;
}

#s01 h3 + p img + img {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 33.5em;
	margin-top: 0;
}

#s01 p + p {
	padding-left: 26.64em;
	margin-top: 2.36em;
}

#s01 p + p img {
	font-size: 10px;
	margin-top: .7em;
}

#s01 p + p img + img {
	width: 34.7em;
	position: absolute;
	left: 0;
	bottom: 0;
	margin-top: 0;
}

#s02 p {
	width: 23.94em;
	clear: right;
	float: right;
}

#s02 img {
	width: 34.7em;
	margin-top: .6em;
}

#s02 img + p {
	padding-top: 1.79em;
}

#s02 img + p + img {
	margin-top: 3em;
}

#s03 dl + dl {
	margin-top: 3em;
}

#s03 dd:first-child {
	float: left;
	width: 34.7em;
	margin-right: 2.6em;
}

#s03 dd:first-child ~ * {
	padding-left: 37.3em;
}

#s03 dt {
	margin: -.7em 0 2em;
}

#s03 dt span {
	font-size: 20px;
	line-height: 1.6;
}

#s03 dt + dd p {
	margin-right: -1.5em;
}

#s04 p {
	width: 23.94em;
	float: right;
	margin-top: -.36em;
}

#s04 img {
	width: 34.7em;
}

#s04 img + img {
	margin-top: 1em;
	float: left;
}

#s04 a {
	clear: both;
}

#s05 h3 + p {
	margin-right: -1em;
}

#s05 h3 + p img {
	float: left;
	width: 34.7em;
	font-size: 10px;
	margin-right: 2.3em;
}

#s05 h3 + p + p {
	width: 25.79em;
	margin: 3.39em -1em 0 0;
	float: left;
}

#s05 h3 + p + p img {
	font-size: 10px;
	width: 34.7em;
	margin-top: 4.9em;
}

#s05 h3 + p + p + p {
	width: 23.93em;
	float: right;
	margin-top: 1em;
}

#s05 h3 + p + p + p span {
	display: block;
	margin-right: -1.5em;
}

#s05 h3 + p + p + p img {
	font-size: 10px;
	width: 33.9em;
	margin: 0 0 2.7em -.3em;
}

#s05 p + p + p + p {
	clear: both;
	font-size: 12px;
	line-height: 2;
	color: #bc1d0e;
}

#s06 h3 + p {
	margin: 0 -1.5em 1.21em 0;
}

#s06 ul > li {
	width: 17.7em;
	float: left;
	margin-bottom: 5em;
}

#s06 h4 + div ul > li {
	margin-left: 4.4em;
}

#s06 dd + dd {
	display: block;
}

#s06 dl img {
	height: 21.8em;
}

#s06 dl img[src*="c_hpr_m"] {
	height: 17.9em;
}

#s06 ol li:before {
	content: "カバー: "
}

#s06 ol li + li:before {
	content: "セット: "
}

.ie #s06 a:hover dd + dd li {
	color: #de8e87;
}

.ie #s06 a:hover ol.price li:before {
	color: #d2d2d2;
}

#s06 > a {
	font-size: 14px;
	display: block;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
	text-align: center;
	line-height: 4.29;
	color: #000;
}

#s06 > a:before {
	content: "\e609";
	font-family: techoicons;
	font-size: 28px;
	line-height: 1;
	position: relative;
	top: .14em;
	left: -.14em;
}

#s07 p {
	margin-top: -.5em;
}

#s07 p strong {
	display: block;
	font-size: 18px;
	margin: 1.78em 0 .33em
}

#s07 a {
	color: #000;
}

.ie #s06 > a:hover,
.ie #s07 a:hover {
	color: #7f7f7f;
}