/*

Theme Name: assist86701

Theme URI: http://www.prof-fle.com/

Author: assist

Author URI: http://www.prof-fle.com/

Version: 1.6.6

*/



/* reset

-------------------------------------------------- */* {

	padding: 0px;

	margin: 0px;

	font-weight: normal;

	line-height: 1.7;

	letter-spacing: 0.1em;

	font-family: "FuturaPT-Book", YuGothic, 'Yu Gothic', 游ゴシック体, 游ゴシック, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Verdana, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'MS PGothic', Arial, Helvetica, sans-serif;

	box-sizing: border-box;

}

div, img {

	display: block;

	line-height: 1;

}

body {

	-webkit-text-size-adjust:100%;

}



img {

	max-width: 100%;

	height: auto;

	border: none;

	vertical-align: bottom;

	display: block;

}

ul {

	list-style: none;

}

a {

	color: #000;

	text-decoration: none;

}

a:hover {

	color: blue;

}

:hover {

	-moz-transition: 0.4s;

	-webkit-transition: 0.4s;

	transition: 0.4s;

}



html {

	min-height: 100%;

	position: relative;

}



.clearFix:after {

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

	content: ".";

}



/* body

-------------------------------------------------- */

body {

	background: #eee;

	margin: 0 auto;

	word-wrap: break-word;

	-webkit-text-size-adjust: 100%;

}



.allcontainar {

	overflow: hidden;

	width: 100%;

}



.glparea {

	text-align: center;

}



/* header

-------------------------------------------------- */

#headglp {

	margin: 0 auto;

	overflow: hidden;

	max-width: 1094px;

	padding: 0 15px;

}



#headglp .glparea p a {

	display: block;

	font-size: 25px;

	font-weight: bold;

}



#headglp h1 {

	background: #ff5722;

	color: #fff;

	font-size: 14px;

}



.glparea img {

	margin: 0 auto;

	text-align: center;

	width: 250px;

}



.glparea > p {

	background: #fff;

	font-size: 13px;

}

/* nav

-------------------------------------------------- */



.cntWrap-list {

	overflow: hidden;

}





.cntWrapCat ul li {
	margin: 0 2px;
}






/* pathnav

-------------------------------------------------- */

.pathnav {

	color: #444;

	font-size: 13px;

	font-weight: bold;

	text-align: left;

	padding: 0 5px;

	list-style: outside none;

	overflow: hidden;

}



.pathnav li {

	color: #444;

	float: left;

	padding: 0 5px;

}



.pathnav li::after {

	color: #aaa;

	content: "/";

	margin-left: 0.5em;

}



.pathnav li:last-child::after {

	display: none;

}



.pathnav li a {

	color: #444;

}



.pathnav li a:hover {

	color: #f38181;

}





/* content

-------------------------------------------------- */

#mainarea {

	margin: 0 auto 100px;

	display: block;

	overflow: hidden;

	max-width: 1094px;

	padding: 0 15px;

}



h2 {

	font-size: 17px;

	letter-spacing: 5px;

	text-align: center;

}



#mainarea > section {

	margin: 10px 0;

	overflow: hidden;

}



.single-cntWrap {

	background: #fff;

	margin: 10px 0;

}



.single-cntWrap section {

	background: #fff;

	border: 1px solid #ccc;

}



.cntWrapDesc, .single-cntWrap h2 {

	background: #00adb5 none repeat scroll 0 0;

	color: #fff;

	font-size: 18px;

	letter-spacing: 5px;

	text-align: center;

}



.single-cntWrap h3 {

	background: #303841;

	color: #fff;

	font-size: 17px;

}



.single-cntWrap p {

	padding: 5px 10px;

}



.figure img {

	float: right;

	height: 180px;

	margin: 0 0 0 10px;

	width: 250px;

}



.cntWrap {
	background: #fff;
	border: 1px solid #ddd;
	margin-bottom: 10px;
}



.errorpage {

	float: none;

	width: 100%;

}



.cntWrap > p {

	padding: 5px;

	font-size: 15px;

}



.cntWrap a, .single-cntWrap a {

	color: red;

}



.cntWrapTitle {

	background: #00adb5;

	color: #fff;

	font-size: 16px;

	text-align: center;

}



.cntWrapTitle a {

	color: #fff;

	display: block;

	padding: 3px;

}



.b_link {

	margin-bottom: 15px;

}



.none {

	float: none !important;

}


/* aside

-------------------------------------------------- */

.cntWrap-title {

	border-bottom: 5px solid #8ab2ff;

	font-size: 15px;

	letter-spacing: 5px;

	padding: 3px;

	text-align: center;

}



.cntWrap-list li {
	border-bottom: 1px solid #8ab2ff;
	font-size: 14px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}



.cntWrap-list li a {

	display: block;

}


/* footer

-------------------------------------------------- */

#footglp {

	background: #ff5722 none repeat scroll 0 0;

	bottom: 0;

	color: #fff;

	position: absolute;

	text-align: center;

	width: 100%;

}
#mainarea .section{
	overflow: hidden;
}

/* media */

@media screen and (min-width:480px){

	.cntWrapCat ul li {
		float: left;
		width: calc(33% - 4px);
	}

	.cntWrapCat ul li:nth-child(3n) {
		width: calc(34% - 4px);
	}

	.cntWrap-list li {
		float: left;
		width: calc(50% - 5px);
		margin-right: 5px;
	}

	.aside .cntWrap-list li:nth-child(even) {
		margin-right: 0px;
		margin-left: 5px;
	}

}

@media screen and (min-width:992px){

	.cntWrap {
		float: left;
		width: calc(50% - 5px);
		margin-right: 5px;
	}

	.section .cntWrap:nth-child(2n+1) {
		margin-right: 0px;
		margin-left: 5px;
	}

	.cntWrap p {
		height: 418px;
	}

}

@media screen and (max-width: 1000px){

	.cntWrap {
		float: none;
		width: 100%;
	}

}

@media screen and (max-width: 991px){

	.nav section {
		float: none;
		width: 100%;
	}

	.nav section p {
		text-align: center;
	}

}

@media screen and (max-width: 767px){

	body {
		width: 100%;
	}

	#footglp {
		width: 100%;
	}

	#headglp {

		width: 100%;

	}

	.glparea img {
		width: 40%;
	}

	.figure img {
		width: 40%;
		height: auto;
	}

	.cntWrapTitle, .text, #headglp h1 {
		margin: 0;
	}

	#footglp p {
		font-size: 14px;
	}

}


@media screen and (max-width:479px){

	body {
		width: 100%;
	}

	#headglp {
		width: 100%;
	}

	#headglp h1 {
		font-size: 13px;
	}

	.glparea img {
		width: 60%;
	}

	.headInfo {
		font-size: 13px;
	}

	.cntWrapCat ul li {
		width: calc(100% - 4px);
		padding: 3px 0;
	}

	.figure img {
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 5px;
	}

	.cntWrapTitle, .text, #headglp h1 {
		margin: 0;
	}

	.cntWrapDesc, .single-cntWrap h2 {
		font-size: 17px;
	}

	.nav section p {
		text-align: left;
	}

	.cntWrap-list li {
		float: none;
		width: 100%;
	}

	#footglp {
		width: 100%;
	}

}