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


#article img {
	vertical-align: middle;
}
#article section section {
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	clear: both;
	margin: 0;
	padding: 25px 20px 0 20px; }
#article section section + section { border-top: none; }

#article span.kome {
	display: inline-block;
	margin: 0; }


/*======================================================================*
 *  [ canDo / conference ] 
 *======================================================================*/

#article .canDo figure, 
#article .conference figure {
	box-sizing: border-box;
	float: left;
	padding: 0 20px 0 0;
	width: 51.18%; }

#article .canDo h4, 
#article .conference h4, 
#article .canDo p, 
#article .conference p {
	border: none;
	box-sizing: border-box;
	float: right;
	width: 48.82%; }


/*======================================================================*
 *  [ canDo ] 
 *======================================================================*/

#article .canDo > .section {
	margin: 0 0 20px 0;
	text-align: center; }
#article .canDo > .section + .section img {
	margin: 0 0 10px 0;
	vertical-align: baseline; }

#article .canDo h4 { padding: 1em 0 0 83px; }
#article .canDo h4 img {
	float: left;
	margin: -1em 0 0 -83px; }

#article .canDo > .kome { margin: 20px 0 0 0; }
#article .canDo > .kome li { list-style-type: none; }


/*======================================================================*
 *  [ telephone ] 
 *======================================================================*/

#article .telephone h3 + div {
	box-sizing: border-box;
	display: block;
	float: left;
	padding: 0 20px 0 0;
	width: 48.32%; }

#article .telephone > ol {
	float: right;
	width: 51.68%; }
#article .telephone > ol li {
	font-size: 108%;
	font-weight: bold;
	list-style-type: none;
	margin: 0 0 15px 20px;
	text-indent: -20px; }
#article .telephone > ol li img { margin: 0 4px 0 0; }
#article .telephone > ol li span {
	font-size: 80%;
	font-weight: normal; }

#article .telephone h4 { margin-left: -20px; }

#article .telephone p, 
#article .telephone section ol, 
#article .telephone dl { margin: 0 0 25px 0; }

#article .telephone section li {
	line-height: 200%;
	list-style-type: none;
	padding: 0 0 0 2.5em;
	text-indent: -2.5em; }

#article .telephone figcaption {
	color: #000000;
	font-size: 100%;
	padding: 0;
	text-indent: 0; }
#article .telephone figcaption img { display: inline; }

#article .telephone dl { line-height: 200%; }
#article .telephone dt {
	font-size: 108%;
	font-weight: bold; }
#article .telephone dd + dt { margin: 25px 0 0 0; }


/*======================================================================*
 *  [ conference ] 
 *======================================================================*/

#article .conference h4 { padding: 1em 0 0 0; }

#article .conference p img {
	float: right;
	margin: 0 0 0 5px; }


/*======================================================================*
 *  [ Media Queries 716 ] 
 *======================================================================*/

@media screen and (max-width: 716px) {
#article section h4 br { display: none; }
}


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

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

#article .telephone h3 + div, 
#article .telephone > ol {
	float: none;
	width: auto; }
#article .telephone h3 + div {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center; }
}


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

@media screen and (max-width: 320px) {
#article section section { padding: 25px 0 0 0; }

#article .telephone h4 { margin-left: 0; }
}