@charset "utf-8";
/*++++++++++++++++++++++++++++++
+++++++++++++++
++++++

==トップページのスタイル設定ファイル==

+++++++
+++++++++++++++
++++++++++++++++++++++++++++++*/




/* =============================================================================
   汎用スタイル
   ========================================================================== */


#content section {}


@media only screen and (max-width: 1099px) {
}
@media only screen and (max-width: 959px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 479px) {
}


#mainContent h1 {
	font-size:1.5em;
	margin:0;
	padding:1.4% 2%;
	background:#3a5bc6;
	color:#FFF;}
#mainContent .inner {
	background:#eceff8;
	padding:2% 2%;}
#mainContent .inner section {}



/* =============================================================================
   レイアウトスタイル
   ========================================================================== */


/* #mainImage */
#mainImage {
	margin-bottom:3%;}
#mainImage .sp-button {
	border:2px solid #B1B1B1;}
#mainImage .sp-selected-button {
	background-color:#B1B1B1;}





#mainContent section {
	border:1px solid #e7e7e7;
	border-top:4px solid #10b3cb;
	background:#FFF;
	padding:19px;
	margin-bottom:3%;}
#mainContent section:last-child {}

#mainContent section figure {
	float:left;
	width:240px;
	padding-bottom:20px;
	margin-right:25px;}
#mainContent section figure img {
	height:auto;
	margin-bottom:15px;}
#mainContent section figure ul {
	padding:0;
	margin:0;
	list-style:none;}
#mainContent section figure ul li {
	font-size:80%;
	float:left;
	margin-right:10px;}
#mainContent section figure ul li:before {
	font-family: FontAwesome;
	font-size:140%;
	margin-right:3px;}
#mainContent section figure ul li.facebook:before {
	color:#4c6498;
	content: "\f082";}
#mainContent section figure ul li.twitter:before {
	color:#27b0e5;
	content: "\f174";}
#mainContent section figure ul li.googleplus:before {
	color:#dd4b30;
	content: "\f0d4";}
#mainContent section figure ul li.pocket:before {
	color:#ef3e56;
	content: "\f265";}
#mainContent section figure ul li.hatena:before {
	line-height:1;
	color:#008fde;
	content: "B!";
	font-family:Verdana;
	font-weight:bold;}

#mainContent section .text {
	padding-bottom:20px;
	overflow:hidden;}
#mainContent section .text h3 {
	margin-top:0;}
#mainContent section .text h3 a {}
#mainContent section .text nav {
	float:right;}
#mainContent section .text nav a {
	background:#3a5bc6;
	color:#FFF;
	font-size:1.2em;
	font-weight:bold;
	display:block;
	padding:10px 20px;}
#mainContent section .text nav a:before {
	font-family: FontAwesome;
	font-weight:normal;
	content: "\f0a9";
	margin-right:10px;}

#mainContent section .info {
	clear:both;
	background:#f9f9f9;
	border:1px solid #e7e7e7;
	padding:13px;}
#mainContent section .info ul {
	padding:0;
	margin:0;
	list-style:none;}
#mainContent section .info ul li {
	font-size:80%;
	float:left;
	margin-right:15px;}
#mainContent section .info ul li:before {
	font-family: FontAwesome;
	margin-right:5px;}
#mainContent section .info ul li.date:before {
	content: "\f133";}
#mainContent section .info ul li.cate:before {
	content: "\f02c";}
#mainContent section .info ul li.tag:before {
	content: "\f115";}


@media only screen and (max-width: 767px) {
	#mainContent section figure {
		width:35%;}
}
@media only screen and (max-width: 479px) {
	#mainContent section figure {
		width:auto;
		margin-right:0;
		float:none;
		text-align:center;}
	#mainContent section figure img.noPic {
		display:none;}
}