@charset "utf-8";

@media screen and (max-width: 1715px) {
header {
	width: 100%;
	height: auto;
}
img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　/*IE8のみ適用*/
}
header .image-wrap::before {
  background:
    /* 左 60px → 内側へフェード */
    linear-gradient(to right, #ffffff 0px, transparent 0px),
    /* 右 60px → 内側へフェード */
    linear-gradient(to left, #ffffff 0px, transparent 0px),
    /* 下 40px → 上へフェード */
    linear-gradient(to top, #ffffff 0px, transparent 0px);
}
header .image-wrap::before {
  background:
    /* 左 60px → 内側へフェード */
    linear-gradient(to right, #2e2e2e 0px, transparent 0px),
    /* 右 60px → 内側へフェード */
    linear-gradient(to left, #2e2e2e 0px, transparent 0px),
    /* 下 40px → 上へフェード */
    linear-gradient(to top, #2e2e2e 0px, transparent 0px);
}
}



@media screen and (max-width: 1315px) {
#contents {
	width: 98%;
	padding-left:0px;
	padding-right:0px;
}
#contents .pagetop {
	width: 97%;
}
}

@media screen and (max-width: 720px) {
#contents .jacket {
	float: none;
	width: 98%;
}
#contents .details {
	float: none;
	width: 98%;
	padding-left:0%;
}
#contents .details dd {
	margin-bottom: 5px;
	margin-left:20px;
}


}