@charset "UTF-8";

/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/


	
/* index
--------------------- */
#index {
	margin-bottom: 100px;
}
	#index .inner {
		display: -webkit-box; /*Android4.3*/
		display: -moz-box;    /*Firefox21*/
		display: -ms-flexbox; /*IE10*/
		display: -webkit-flex; /*PC-Safari,iOS8.4*/
		display: flex;
		-webkit-justify-content: left;
		
		-webkit-flex-wrap: wrap;          /* Safari etc. */
		-ms-flex-wrap    : wrap;          /* IE10        */
		flex-wrap        : wrap;
	}
		#index .inner a {
			display: block;
			width: 320px;
			margin-right: 40px;
			margin-bottom: 50px;
			text-align: left;
			
			/** 以下中央揃え**/
			display: -webkit-box;
			display: -ms-flexbox;
			-webkit-box-align: top;
			-ms-flex-align: top;
			align-items: top;
			-webkit-box-pack: top;
			-ms-flex-pack: top;
			justify-content: top;
		}





#index .cbox a:nth-child(3n) {
	margin-right: 0px;
}
#index .cbox a img {
	width: 100%;
	height: auto;
}


/* Details
--------------------- */
#Details {
}
	#Details .intro {
		padding-top: 50px;
		margin-bottom: 50px;
	}
	#Details .intro:first-child {
		padding-top: 0px;
	}
		#Details .intro p {
			width: 460px;
			float: left;
		}
		#Details .intro p img {
			width: 100%;
			height: auto;
		}
		#Details .intro dl {
			width: 540px;
			float: right;
			margin-bottom: 20px;
		}
			#Details .intro dl dt {
				font-size: 1.6rem;
				color: #b7009f;
				font-weight: normal;
			}
			#Details .intro dl dd {
				font-size: 1.4rem;
			}





	#Details .de {
		background: #fbf2fa;
		padding: 80px 0;
	}
	#Details .de .inner {
		margin-bottom: 60px;
	}

		#Details .de #mainRead {
			font-size: 1.8rem;
			font-weight: normal;
		}
		#Details .de .read {
			font-size: 2.2rem;
			color: #b7009f;
			font-weight: normal;
			margin-bottom: 30px;
		}


		#Details .de dl {
			margin-bottom: 40px;
		}
			#Details .de dl dt {
				font-size: 1.8rem;
				color: #b7009f;
				font-weight: normal;
				margin-bottom: 20px;
			}
			#Details .de dl dd {
			}
			#Details .de dl dd img {
				float: right;
				width: 500px;
				margin: 0 0 30px 30px;
			}


		#Details .de .alignnone {
			display: block !important;
			width: 100% !important;
			background: #FFF;
			text-align: center;
			margin-top: 20px;
			padding: 50px;
		}
		#Details .de img {
			float: none !important;
			margin: 0 !important;
			padding: 0 !important;
			max-width: 800px;
		}

		#Details .de img.alignnone {
			display: block !important;
			width: 800px !important;
			margin: 0 auto !important;
			margin-top: 20px !important;
		}

	#Details .de #end {
		border: solid 3px #FFF;
		padding: 50px;
	}
	#Details .de #end p {
		margin-bottom: 20px;
	}



/* 1024px */
@media screen and (max-width: 1024px) {
	
	
}





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

	
/* index
--------------------- */
#index {
	margin-bottom: 10%;
}
	#index .inner {
		display: -webkit-box; /*Android4.3*/
		display: -moz-box;    /*Firefox21*/
		display: -ms-flexbox; /*IE10*/
		display: -webkit-flex; /*PC-Safari,iOS8.4*/
		display: flex;
		-webkit-justify-content: left;
		
		-webkit-flex-wrap: wrap;          /* Safari etc. */
		-ms-flex-wrap    : wrap;          /* IE10        */
		flex-wrap        : wrap;
	}
		#index .inner a {
			display: block;
			width: 49%;
			margin-right: 2%;
			margin-bottom: 8%;
			text-align: left;
			font-size: 1.2rem;
			
			/** 以下中央揃え**/
			display: -webkit-box;
			display: -ms-flexbox;
			-webkit-box-align: top;
			-ms-flex-align: top;
			align-items: top;
			-webkit-box-pack: top;
			-ms-flex-pack: top;
			justify-content: top;
		}
	
	
#index .cbox a:nth-child(2n) {
	margin-right: 0px !important;
}
#index .cbox a:nth-child(3n) {
	margin-right: 2%;
}
	
	
#index .cbox a img {
	width: 100%;
	height: auto;
}
#index .cbox a dd {
	margin-top: 10px;
}


/* Details
--------------------- */
#Details {
}
	#Details .intro {
		padding-top: 50px;
		margin-bottom: 50px;
	}
	#Details .intro:first-child {
		padding-top: 0px;
	}
		#Details .intro p {
			width: 100%;
			float: none;
		}
		#Details .intro p img {
			width: 100%;
			height: auto;
		}
		#Details .intro dl {
			width: 100%;
			float: none;
			margin-top: 20px;
			margin-bottom: 0px;
		}
			#Details .intro dl dt {
				font-size: 1.6rem;
				color: #b7009f;
				font-weight: normal;
			}
			#Details .intro dl dd {
				font-size: 1.4rem;
			}





	#Details .de {
		background: #fbf2fa;
		padding: 80px 0;
	}
	#Details .de .inner {
		margin-bottom: 10%;
	}

		#Details .de #mainRead {
			font-size: 1.8rem;
			font-weight: normal;
		}
		#Details .de .read {
			font-size: 2.2rem;
			color: #b7009f;
			font-weight: normal;
			margin-bottom: 30px;
		}


		#Details .de dl {
			margin-bottom: 40px;
		}
			#Details .de dl dt {
				font-size: 1.8rem;
				color: #b7009f;
				font-weight: normal;
				margin-bottom: 20px;
			}
			#Details .de dl dd {
			}
			#Details .de dl dd img {
				float: right;
				width: 500px;
				margin: 0 0 30px 30px;
			}


		#Details .de .alignnone {
			display: block !important;
			width: 100% !important;
			background: #FFF;
			text-align: center;
			margin-top: 20px;
			padding: 5%;
		}
		#Details .de img {
			float: none !important;
			margin: 0 !important;
			padding: 0 !important;
			width: 100% !important;
			height: auto;
		}

		#Details .de img.alignnone {
			display: block !important;
			width: 100% !important;
			margin: 0 auto !important;
			margin-top: 20px !important;
		}

	#Details .de #end {
		border: solid 3px #FFF;
		padding: 5%;
	}
	#Details .de #end p {
		margin-bottom: 20px;
	}


}