@charset "utf-8";
/**
 * detail.css
 */

/* layout
--------------------------------------------------*/
/* contentsMain */
	.columnSectionArea {
		zoom: 1;
	}
	.columnSectionArea:after {
		content: "";
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}
	.detailSection {
		zoom: 1;
		clear: both;
		padding: 56px 0 60px;
		border-top: #fce6d5 solid 1px;
	}
	.detailSection .close {
		display: none;
	}
	.detailSection.last {
		padding-bottom: 0;
	}
	.detailSection:after {
		content: "";
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}
	.detailSection .leftTitle {
		float: left;
		width: 300px;
	}
	.detailSection .leftTitle .caption {
		margin-top: 30px;
	}
	.detailSection .body .leftTitleCaptionSP {
		display: none;
	}
	.detailSection .rightBody {
		float: right;
		width: 630px;
	}
	.detailSection .credit {
		color: #666666;
		font-size: 76.9%;
		line-height: 1.5;
		letter-spacing: 0.05em;
	}
	.detailSection .title,
	.detailSection .body .innerTitle {
		margin-bottom: 56px;
		font-size: 123.1%;
		line-height: 1.69;
		letter-spacing: 0.1em;
	}
	.detailSection .title .en {
		font-weight: 300;
	}
	.detailSection .leftTitle .title {
		margin-bottom: 0;
	}
	.detailSection .title.hideTitle {
		display: none;
	}
	.detailSection .stitle {
		margin-bottom: 5px;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	.detailSection .body {
		zoom: 1;
	}
	.detailSection .body:after {
		content: "";
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}
	.detailSection .body p {
		margin-top: 2.08em;
	}
	.detailSection .body p.first {
		margin-top: 0;
	}
	.detailSection .body p.credit {
		margin-top: 10px;
	}
	/* mainArea */
	#mainArea {
		padding-top: 0;
		border-top: none;
	}
	#mainArea .titleArea .cate {
		margin-bottom: 5px;
		font-size: 92.3%;
		line-height: 2.5;
		letter-spacing: 0.1em;
	}
	#mainArea .titleArea h3 {
		font-size: 153.9%;
		line-height: 1.75;
		letter-spacing: 0.1em;
	}
	#mainArea .titleArea .name {
		margin-top: 16px;
		letter-spacing: 0.1em;
	}
		/* head */
		#mainArea.head {
			zoom: 1;
			position: relative;
			padding-bottom: 0;
		}
		#mainArea.head .titleArea {
			position: absolute;
			top: 0;
			right: 0;
			width: 300px;
		}
		#mainArea.head .credit {
			position: absolute;
			bottom: 0;
			right: 0;
			width: 300px;
		}
		#mainArea.head .imageArea {
			width: 630px;
		}
		#mainArea.head .imageArea .image img {
			width: auto;
			max-width: 100%;
			height: auto;
		}
		/* head02 */
		#mainArea.head02 {
			margin-bottom: -10px;
			padding-bottom: 0;
		}
		body.ie6 .head02 {
			margin-bottom: -10px;
			padding-bottom: 0;
		}
	/* infomationArea */
	#informationArea {
		clear: none;
		float: left;
		width: 300px;
		padding-bottom: 54px;
		border-top: none;
	}
	/* explainArea */
	#explainArea {
		clear: none;
		float: right;
		width: 630px;
		border-top: none;
	}
	/* profileArea */
	#profileArea .profile dt {
		margin-bottom: 5px;
		font-weight: bold;
	}


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

/* contentsMain */
	.columnSectionArea {
		padding-right: 30px;
	}
	.detailSection .leftTitle {
		width: 31.3%;
		margin-right: 30px;
	}
	.detailSection .rightBody {
		overflow: hidden;
		float: none;
		width: auto;
	}
	/* mainArea */
		/* head */
		#mainArea.head {
			margin-right: 30px;
		}
		#mainArea.head .titleArea,
		#mainArea.head .credit {
			width: 32.3%;
			right: -30px;
		}
		#mainArea.head .imageArea {
			width: 67.7%;
		}
	/* infomationArea */
	#informationArea {
		width: 32.3%;
	}
	/* explainArea */
	#explainArea {
		width: 67.7%;
		margin-right: -30px;
	}

}


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

/* contentsMain */
	.columnSectionArea {
		padding-right: 0;
	}
	.columnSectionArea + .detailSection {
		margin-top: 0;
	}
	.detailSection {
		padding: 0;
		border-top: none;
		border-bottom: #fce6d5 solid 1px;
	}
	.detailSection.open .close {
		display: block;
		padding: 22px 9px 30px;
		line-height: 19px;
		text-align: right;
	}
	.detailSection.open .close a {
		display: inline-block;
		padding-right: 30px;
		border-bottom: none;
		background: url(../../img/icon-close02.gif) no-repeat right top;
		font-size: 84.6%;
		letter-spacing: 0.1em;
	}
	html.retina .detailSection.open .close a {
		background-image: url(../../img/retina/icon-close02.gif);
		-webkit-background-size: 19px 19px;
		background-size: 19px 19px;
	}
	.detailSection .leftTitle {
		float: none;
		width: auto;
		margin-right: 0;
	}
	.detailSection .leftTitle .caption {
		display: none;
	}
	.detailSection .body .leftTitleCaptionSP {
		display: block;
		margin-bottom: 2.08em;
	}
	.detailSection .title {
		margin-bottom: 0;
		padding: 16px 0;
		background: url(../../img/arw-accordion.png) no-repeat right center;
		cursor: pointer;
	}
	.detailSection .body .innerTitle {
		margin-bottom: 36px;
	}
	.detailSection .title.hideTitle {
		display: block;
	}
	html.retina .detailSection .title {
		background-image: url(../../img/retina/arw-accordion.png);
		-webkit-background-size: 29px 8px;
		background-size: 29px 8px;
		cursor: pointer;
	}
	.detailSection.open .title {
		background-image: url(../../img/arw-accordion_open.png)
	}
	html.retina .detailSection.open .title {
		background-image: url(../../img/retina/arw-accordion_open.png)
	}
	.detailSection .body {
		display: none;
		margin-top: 20px;
	}
	/* mainArea */
	#mainArea {
		margin-bottom: 0;
	}
	#mainArea .titleArea .date {
		margin-top: 12px;
	}
		/* head */
		#mainArea.head {
			margin-right: 0;
			padding-bottom: 36px;
		}
		#mainArea.head .titleArea {
			position: static;
			width: auto;
		}
		#mainArea.head .imageArea .image {
			text-align: center;
		}
		#mainArea.head .credit {
			position: static;
			width: auto;
			margin-top: 5px;
		}
		#mainArea.head .imageArea {
			width: auto;
			margin-top: 25px;
		}
		/* head02 */
		#mainArea.head02 {
			margin-bottom: 0;
			padding-bottom: 30px;
		}
	/* infomationArea */
	#informationArea {
		float: none;
		width: auto;
		padding-bottom: 0;
	}
	/* explainArea */
	#explainArea {
		float: none;
		width: auto;
		margin-right: 0;
	}

}