/*	IMPORT RESET	*/
@import url("reset.css");
/*	IMPORT BASIC	*/
@import url("basic.css");
/*	<header>ｿｰｽのｲﾝﾎﾟｰﾄ	*/
@import url("nav.css");
/*	固定ﾌﾚｯｸｽﾎﾞｯｸｽのｲﾝﾎﾟｰﾄ	*/
@import url("co-flexbox.css");

body {
	position: relative;
}
/*--------------------------------------------------------
	ｺﾝﾃﾝﾂ部分の設定
----------------------------------------------------------*/
ul.info {
	width: 90%;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	margin-bottom: 3px;
	background: rgba(255,255,255,0.90);	/*	白色(透過)	*/
}
ul.info li:nth-of-type(1) {
}
ul.info li:nth-of-type(2) {
	margin: 3px;
}
ul.info li img {
	width: 100%;
}

@media screen and (min-width: 768px) {
ul.info {
	flex-direction: row;	/* 横 */
	-webkit-flex-direction: row;
}
ul.info li:nth-of-type(1) {
	-webkit-flex-basis: 400px;
	 flex-basis: 400px;
}
ul.info li:nth-of-type(2) {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	width: 0;
}}
@media screen and (min-width: 1024px) {
ul.info {
	flex-direction: row;
	-webkit-flex-direction: row;
}
ul.info li:nth-of-type(1) {
	-webkit-flex-basis: 600px;
	 flex-basis: 600px;
}
ul.info li:nth-of-type(2) {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	width: 0;
}}