/* Y'S GEAR | Y'S GEAR CLUB WEB : layout.css */


/*======================================================================*
 *  [ interview ] 
 *======================================================================*/

#article .interview section {
	border: 5px solid #ececec;
	margin: 15px 0 0 0;
	padding: 20px 20px 0 20px; }
#article .interview header {
	border-bottom: 1px solid #ececec;
	margin: 0 0 20px 0; }
#article .interview header figure {
	float: left;
	margin: 0 0 20px 0;
	width: 120px; }
#article .interview header h4 { margin-left: 140px; }
#article .interview header p {
	font-size: 86%;
	margin: 0 0 20px 140px;
	line-height: 140%; }
#article .interview ul { margin: 0 0 25px 0; }
#article .interview li {
	line-height: 140%;
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0 0 0 1em;
	text-indent: -1em; }


/*======================================================================*
 *  [ accessories ] 
 *======================================================================*/

#article .accessories {
	background: #003a95;
	background: linear-gradient(45deg,  transparent 0%,transparent 3%,#003a95 3%,#003a95 97%,transparent 97%,transparent 100%);
	color: #ffffff;
	padding: 25px 25px 1px 25px; }
#article .accessories h3 { text-align: center; }
#article .accessories p { margin-bottom: 0; }
#article .accessories .kome, 
#article .accessories figcaption { color: #ffffff; }
#article .accessories figcaption {
	text-align: center;
	text-indent: 0;
	padding: 0; }


/*======================================================================*
 *  [ Media Queries 568 ] 
 *======================================================================*/

@media screen and (max-width: 568px) {
}


/*======================================================================*
 *  [ Media Queries 480 ] 
 *======================================================================*/

@media screen and (max-width: 480px) {
#article .interview header figure {
	float: none;
	text-align: center;
	width: auto; }
#article .interview header h4, 
#article .interview header p {
	margin-left: 0; }
}


/*======================================================================*
 *  [ Media Queries 320 ] 
 *======================================================================*/

@media screen and (max-width: 320px) {
}