@charset "utf-8";

/* ========================================

    ページCSS

======================================== */





/* ========================================

    TOP

======================================== */

	/* frame */
		#index_frame {
			width: 100%;
			overflow: hidden;
		}

	/* main */
		#index_frame .main_area {
			width: 100%;
			overflow: hidden;
			padding: 100px 0;
			background-image: url("https://www.cocobaiya.co.jp/design/img/page/top/main.jpg");
			background-position: center top;
			-moz-background-size: cover;
			background-size: cover;
		}
		#index_frame .main_area h1 {
			display: block;
			width: 80%;
			padding: 30px 0;
			margin: 30px auto;
			text-align: center;
			color: white;
			border: solid 1px white;
		}





/* ========================================

    会社概要

======================================== */

	/* frame */
		#companys-outline_frame {
			width: 100%;
			overflow: hidden;
		}

	/* main */





/* ========================================

    チーム

======================================== */

	/* frame */
		#team_frame {
			width: 100%;
			overflow: hidden;
		}
		#team_frame div.icon_area {
			width: 100%;
			overflow: hidden;
			padding: 10px 0;
		}

	/* main */
		#team_frame h2 {
			font-size: 18px;
			padding-bottom: 5px;
			border-bottom: solid 1px #ccc;
		}
		#team_frame img.pf-sv-icon {
			display: block;
			margin: 0 auto;
		}
		#team_frame iframe.nico {
			display: block;
			margin: 0 auto;
		}
		#team_frame div.icon_area img {
			display: block;
			width: 80%;
			margin: 0 auto;
		}





/* ========================================

    事業内容

======================================== */

	/*frame*/
	div#companys-outline_frame div.card {
		margin: 10px;
		overflow: hidden;
		width: 100%;
	}

	/*contents*/
	div#companys-outline_frame div.card a.card-link {
		border-radius: 3px;
		color: white;
		display: block;
		float: left;
		margin: 5px;
		padding: 10px 15px;
		text-decoration: none;
	}
	div#companys-outline_frame div.card a.default {
		background-color: #00142E;
	}
	div#companys-outline_frame div.card a.official {
		background-color: #70547F;
	}
	div#companys-outline_frame div.card a.rakuten {
		background-color: #bf0000;
	}
	div#companys-outline_frame div.card a.amazon {
		background-color: #FF9900;
	}
	div#companys-outline_frame div.card a.yahoo {
		background-color: #FF0027;
	}