@charset "utf-8";
/* CSS Document */


/* topic path setting:
--------------------------------------------*/

#topic_path {
	padding: 1.3em;
	text-align: left;
	margin-bottom: 20px;
}


/* main visual setting:
--------------------------------------------*/

#main_v section {
	width: 100%;
	background-image: none;
	padding: 4em 0 3em;
}

#main_v section h2 {
	padding: 3em 0 0;
	font-size: 1.5em;
}

#main_v section h2:before {
	width: 50px;
	height: 50px;
	background-size: 35px;
}




/* contents setting:
--------------------------------------------*/

/*---- 2 column setting ----*/


#main {
	float: none;
	width: 100%;
	padding-bottom: 20px;
}

#aside {
	float: none;
	width: 100%;
}

#main img {
	max-width: 100%;
}


/*---- component setting ----*/

#main p,
#main ul,
#main ol,
#main dl,
#main table {margin: 1em;}


/*-- h1 --*/

#main h1 {
	padding: 20px 0;
	font-size: 1.6em;
	line-height: 1.1; /* 折り返し表示の時の行間 */
}

#main h1:after {
	width: 2em;
	height: 2px;
	margin: 15px auto 0;
}


/*-- h2 --*/

#main h2 {
	padding: 15px 5px 15px 40px;
	font-size: 1.4em;
}

#main h2:before {
    content: "";
    display: block;
    position: absolute;
    background: #337de7;
    background: linear-gradient(to right, #337de7, #3baae7);
    width: 1.2em;
    height: 3px;
    top: 1.2em;
	left: 0;
}

/*-- table --*/

#main table th, #main table td {padding: 1em;}

/* category index setting:
--------------------------------------------*/

/*---- category ----*/

/*-- h2 --*/

#index #category {
    padding: 30px 1%;
}

/*-- h2 --*/

#index h1 {
	padding: 20px 0 0;
}

#index #category section a {
	display: table;
	float:none;
	width: 100%;
	margin-bottom: 20px;
}

#index #category section:nth-child(even) a {
	top: 0px;
}

#index #category section:nth-child(odd) a {
    clear: both;
	float: none;
}

#index #category section a:before,
#pic_menu section a:after {
	display: none;
}