@charset "utf-8";
/* CSS Document */
/****************************************************************************/
/**							TOPページ用CSS									*/
/****************************************************************************/
/* ----------------------------------------------------
		メインスライダー
---------------------------------------------------- */
#main {
	margin-bottom: 40px;
}

#main .bx-wrapper img {
	width: 100%;
}

/* ----------------------------------------------------
		PR
---------------------------------------------------- */
#pr {
	width: 100%;
	display: table;
	border: 1px solid #cecece;
}

#pr h1 {
	display: table-cell;
	background-color: #014099;
	vertical-align: top;
	color: #ffffff;
	font-size: 1.8rem;
	width: 40px;
	text-align: center;
	padding: 10px 0;
}

#pr div {
	display: table-cell;
	vertical-align: top;
	padding: 0 10px 10px;
	font-size: 1.4rem;
	line-height: 1.5;
}

#pr div li {
	border-bottom: 1px solid #cccccc;
	padding: 10px 0;
}

#pr div p {
	text-align: right;
	margin-top: 10px;
}

/* ----------------------------------------------------
		
---------------------------------------------------- */
#top_link {
	margin-top: 25px;
}

#top_link li {
	float: left;
  width: 31.89%; /* 244 / 765 */
}

#top_link li:nth-child(2) {
	margin: 0 2.09%; /* 16 / 765 */
}
#top_link a:hover {
	opacity:1.0;
}

/* ----------------------------------------------------
		NEWS
---------------------------------------------------- */
#news {
	position: relative;
	margin-top: 30px;
	font-size: 1.4rem;
}

#news h1 + p {
	position: absolute;
	top: 0;
	right: 0;
}

#news ul {
	margin: -10px 0 10px;
}


/* ----------------------------------------------------
		旅ネタ・記事ネタ
---------------------------------------------------- */
#story {
	margin-top: 15px;
}

#story .subheading {
	font-size: 1.8rem;
}


/* ----------------------------------------------------
		Pick up
---------------------------------------------------- */
#pickup {
	margin-top: 45px;
}

#pickup .subheading {
	font-size: 1.8rem;
}

#pickup li {
	float: left;
	width: 33.33%; /* 255 / 765 */
	/* height: 150px; */
	background-color: #fff;
	/* border: solid 1px #014099; */
}

#pickup li:nth-child(2n) {
	background-color: #014099;
	color: #ffffff;
}

/*
#pickup li:nth-child(n+4) {
	height: 190px;
}

#pickup li:nth-child(n+7) {
	height: 140px;
}
*/

#pickup li a {
	display: block;
	height: 100%;
	padding: 20px;
}

#pickup li h2 {
	color: #014099;
	line-height: 1.2;
	margin-bottom: 10px;
	padding: 7px 0 0 0;
	background-repeat: no-repeat;
	min-height: 30px;
}

#pickup li:nth-child(2n) h2 {
	color: #88b9ff;
}

#pickup li:nth-child(2n) a {
	color: #fff;
}

#pickup li p {
	line-height: 1.3;
	font-size: 1.4rem;
}

/*#pickup li:nth-child(1) h2 {
	background-image: url(/img/pro/top/pickup_ico01.png);
}

#pickup li:nth-child(2) h2 {
	background-image: url(/img/pro/top/pickup_ico02.png);
}

#pickup li:nth-child(3) h2 {
	background-image: url(/img/pro/top/pickup_ico03.png);
}

#pickup li:nth-child(4) h2 {
	background-image: url(/img/pro/top/pickup_ico04.png);
	padding-top: 0;
}

#pickup li:nth-child(5) h2 {
	background-image: url(/img/pro/top/pickup_ico05.png);
	padding-top: 0;
}

#pickup li:nth-child(6) h2 {
	background-image: url(/img/pro/top/pickup_ico06.png);
}

#pickup li:nth-child(7) h2 {
	background-image: url(/img/pro/top/pickup_ico07.png);
}

#pickup li:nth-child(8) h2 {
	background-image: url(/img/pro/top/pickup_ico08.png);
	padding: 5px 0 0 30px;
}

#pickup li:nth-child(9) h2 {
	padding: 0;
}*/


/* ----------------------------------------------------
		未来クリエイター愛知
---------------------------------------------------- */
#creator {
	margin-top: 15px;
}


/* ----------------------------------------------------
		ピックアップ動画
---------------------------------------------------- */
#movie {
	margin-top: 15px;
}

#movie ul {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}

/*
#movie ul li {
	display: inline-block;
    vertical-align: top;
    width: 23.7%;
    margin: 3.5% 1% 0 0;
}

#movie ul :nth-child(4) {
	margin-right:0;
}
*/

#movie ul li p {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 270 / 480 */
	text-align:center;
	margin-bottom:5px;
}

#movie ul li p iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#movie h2 {
	text-align: center;
    margin-top: 10px;
    line-height: 1.3;
    font-size: 1.4rem;
}

@media screen and (max-width: 640px) {
  #pickup li {
    float: none;
    width: 100%;
  }
}