/*=====================
 基本カラー設定はここから
=====================*/

/*ベース色カラー（スライダー背景色）*/
@base-bgcolor: #FFF4F6;

/*メイン背景カラー（コンテンツ背景）*/
@main-bgcolor: #fff;

/*サブ背景カラー（右カラム背景）*/
@sub-bgcolor: #fff5bc;

/*メインテキストカラー*/
@main-txtcolor: #333;

/*抜きテキストカラー*/
@light-txtcolor: #fff;

/*サブカラー（タグ・お問い合わせボタン背景色）*/
@sub-color: #379dd8;

@sub-coloron: @sub-color + #111111;

/*サブカラー２（カテゴリ・ナビ背景）*/
@sub2-color: #76ad0c;

/*ダークグレー*/
@darkgray: #333;

/*薄ベージュ*/
@offwhite: #EFFDD0;

@cobalt: #000045;

@matblue: #003758;
@matblue-f: #00588D;

@matgreen: #3F8C70;
@matgreen-f: #24634C;

@yellow: #f9f4d2;

/*=====================
 スタイル設定まとめ
=====================*/

/*メインボーダースタイル*/
.main-border {
	border: 1px #ccc solid;
}

/*ボーダー付背景グラデ*/
.grad-box {
	background-image: -webkit-linear-gradient(#fff 0%, #eee);
	background-image: -o-linear-gradient(#fff 0%, #eee);
	background-image: linear-gradient(#fff 0%, #eee);
}

/*ボーダー付背景グラデon*/
.grad-box-on {
	background-image: -webkit-linear-gradient(#eee 0%, #fff);
	background-image: -o-linear-gradient(#eee 0%, #fff);
	background-image: linear-gradient(#eee 0%, #fff);
}

/*角丸なし*/
.radius0 {
    border-radius: 0;/* CSS3草案 */
    -webkit-border-radius: 0;/* Safari,Google Chrome用 */
    -moz-border-radius: 0;/* Firefox用 */
}

/*角丸5px*/
.radius5   {
    border-radius: 5px;/* CSS3草案 */
    -webkit-border-radius: 5px;/* Safari,Google Chrome用 */
    -moz-border-radius: 5px;/* Firefox用 */
}

/*角丸7px*/
.radius7   {
    border-radius: 7px;/* CSS3草案 */
    -webkit-border-radius: 7px;/* Safari,Google Chrome用 */
    -moz-border-radius: 7px;/* Firefox用 */
}

/*背景透明黒*/
.bg-alpha-bk {
	background-color:rgba(0,0,0,0.65);
}

/*線・パディング込のボックスサイズ*/
.box-border-box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/*flexbox*/
.disp-flex {
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flexbox;
    display: -webkit-box;
    display: flex;
}

/*明朝文字スタイル*/
.font-mincho {
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}

.font-minchow3 {
	font-family: "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	letter-spacing: 1px;
}

/*ゆっくり変わる*/
.transition03 {
-webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
}

/*光彩*/
.shadow {
	-webkit-box-shadow: 0 0 10px 0 #ddd; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 10px 0 #ddd; /* Firefox用 */
	box-shadow: 0 0 10px 0 #ddd; /* CSS3 */
}

/*背景cover*/
.bg-cover {
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}

.pad-lr20 {
	padding: 0 20px;

	@media screen and (max-width: 640px){
		padding: 0;
	}
}

.mgb30 {
	margin-bottom: 30px;
}

.mgb20 {
	margin-bottom: 20px;
}

.fnt_small {
	font-size: 80%;
}

/*=====================
　　記事内スタイル設定
=====================*/

.post_box, .main_content {
	font-size: 13pt;
	//font-weight: bold;

		@media screen and (max-width: 640px){
			font-szie: 14px;
		}

	h1 {
		color: #fff;
		border-bottom: 5px solid @matblue-f;
		//以下固定
		font-size: 40px;
		margin: 30px 0 10px;
		background: @matblue;
		.font-mincho;
		padding: 0 10px;
		.radius5;
		clear: both;

		@media screen and (max-width: 640px){
			font-size: 35px;
		}
	}

	h2 {
		color: #fff;
		border-bottom: 3px dotted @matblue;
		background: @matblue-f;
		//以下固定
		font-size: 30px;
		margin: 30px 0 10px;
		.font-mincho;
		padding: 0 10px;
		.radius5;
		clear: both;

		@media screen and (max-width: 640px){
			font-size: 25px;
		}
	}

	h3 {
		color: #fff;
		background: @matgreen;
		border-bottom: 5px double @matgreen-f;
		//以下固定
		font-size: 30px;
		margin: 30px 0 10px;
		.font-mincho;
		padding: 0 10px;
		.radius5;
		clear: both;

		@media screen and (max-width: 640px){
			font-size: 25px;
		}
	}

	h4 {
		color: @matblue-f;
		border-bottom: 4px solid @matblue-f;
		//以下固定
		font-size: 30px;
		margin: 30px 0 10px;
		.font-mincho;
		.radius5;
		background: #f3f3f3;
		padding: 0 10px;
		clear: both;

		@media screen and (max-width: 640px){
			font-size: 20px;
		}
	}

	h5 {
		color: @matgreen;
		border-bottom: 2px dotted @matgreen;
		//以下固定
		font-size: 28px;
		margin: 30px 0 10px;
		.font-mincho;
		.radius5;
		background: #f3f3f3;
		padding: 0 10px;
		clear: both;

		@media screen and (max-width: 640px){
			font-size: 23px;
		}
	}

	h6 {
		border-bottom: 4px double;
		//以下固定
		font-size: 25px;
		margin: 30px 0 10px;
		.font-mincho;
		.radius5;
		background: #f3f3f3;
		padding: 0 10px;
		clear: both;

		@media screen and (max-width: 640px){
			font-size: 20px;
		}
	}

	blockquote {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		background-color: @sub-bgcolor;
		margin: 20px 20px;
		padding: 3em 1em;
		position: relative;
	}

	blockquote:before {
		content: "“";
		font-size: 600%;
		line-height: 1em;
		font-family: "ＭＳ Ｐゴシック",sans-serif;
		color: #FFF;
		position: absolute;
		left: 0;
		top: 0;
	}

	blockquote:after {
		content: "”";
		font-size: 600%;
		line-height: 0em;
		font-family: "ＭＳ Ｐゴシック",sans-serif;
		color: #FFF;
		position: absolute;
		right: 0;
		bottom: 0;
	}

	a {
		text-decoration: underline;
		color: #0068b1;
		font-size: 110%;
	}

	a:before {
		content: url(../img/link_ico.png);
		padding-right: 5px;
	}

	a:hover {
		color: #0068b1 + #555555;
	}

	img {
		max-width: 100%;
		height: auto;
	}
}

.wp_rp_content {
	h3 {
		color: #000;
	}
}

/*=====================
     各ページヘッダー
=====================*/

#Pageid_top {
	background: #fff;
	padding-top: 134px;

	@media screen and (max-width: 1000px){
		padding-top: 70px;
	}

	@media screen and (max-width: 640px){
		padding-top: 0;
	}
}

#Pageid_inpage {
	background: #fff;
}

/*=====================
        基本css
=====================*/

body {
	color: @main-txtcolor;/*基本のテキストのカラー設定*/
	background-color: #f2f2f2;/*基本背景カラー設定*/
	width: 100%;
	letter-spacing: 1px;
}//body_end

	#Header {
		position: fixed;
		top: 0;
		left:0;
		width: 100%;
		z-index: 999;
		margin: 0;
		background: #fff;
		.shadow;

		@media screen and (max-width: 1000px){
			height: 70px;
			padding: 10px;
			.box-border-box;
		}

		@media screen and (max-width: 640px){
			height: 120px;
			padding: 0;
			position: static;
		}

		h1 {
			padding-top: 10px;
			float: left;

			@media screen and (max-width: 1000px){
				padding-top: 0;
			}

			@media screen and (max-width: 640px){
				max-width: 100%;
				text-align: center;
				float: none;
			}

			img {
				@media screen and (max-width: 640px){
					max-width: 90%;
					max-height: 45px;
					padding: 10px 0 0;
				}
			}
		}

		#Header_pc {
			overflow: hidden;
			z-index: 5;

			@media screen and (max-width: 1000px){
				display: none;
			}

			#Top {
				width: 1000px;
				margin: 0 auto;
				overflow: hidden;
				height: 80px;

				#Contact {
					float: right;
					width: 670px;
					padding-top: 10px;

					ul {
						li {
							width: 100%;
							text-align: right;

							span {
								color: @cobalt;
							}
						}

						.bottom {
							padding-top: 13px;
							// font-size: 160%;

							a {
								margin-left: 20px;
							}
						}
					}
				}
			}

			#Header_nav {
				width: 1000px;
				margin: 0 auto;
				height: auto;
				background: #fff;
				padding: 12px 0;
				position: relative;

				@media screen and (max-width: 1000px){
					display: none;
				}

				.menu-header_nav-container {
					width: 1000px;
					margin: 0 auto;

					ul {
						overflow: hidden;
						margin-left: 3px;

						li {
							float: left;
							width: 165px;
							text-align: center;
							height: 30px;
							border-left: 1px solid #ccc;

							a {
								color: #111111;
								padding-top: 4px;
								display: block;
								.transition03;
								font-size: 135%;
								.font-mincho;
							}

							a:hover {
								opacity: 0.4;
							    filter: alpha(opacity=60);
							}
						}

						li:last-child{
							border-right: 1px solid #ccc;
						}
					}
				}
			}
		}

		#Header_sm {
			float: left;
			height: 49px;
			z-index: 5;

			@media screen and (min-width: 1000px){
				display: none;
			}

			@media screen and (max-width: 640px){
				width: 100%;
				height: auto;
				height: 65px;
			}

			img {
				max-width: 100%;
				height: 50px;
			}
		}

		#Header_ico_tb {
			display: none;

			@media screen and (min-width: 641px) and (max-width:1000px){
				overflow: hidden;
				padding: 5px;
				display: inline;
			}
		}

		#Header_ico_sm {
			overflow: hidden;
			padding: 5px;
			background: #fff;

			@media screen and (min-width: 641px){
				display: none;
			}
		}

		.fixed {
			position: fixed;
			top: 0;
			width: 100%;
			background: #fff;
			z-index: 999;
			.box-border-box;
			.shadow;
		}

		.right-menu {
			float: right;
			z-index: 10;
			padding: 10px;

			@media screen and (min-width: 1000px){
				display: none;
				padding: 5px 10px;
			}

			@media screen and (max-width: 640px){
				padding: 5px;
			}
		}

		.header_ico_tel {
			float: right;
			padding: 10px;
			display: block;

			@media screen and (min-width: 1000px){
				display: none;
				padding: 5px 10px;
			}

			@media screen and (max-width: 640px){
				padding: 5px;
				float: left;
			}
		}

		.header_ico_contact {
			float: right;
			padding: 10px;
			display: block;

			@media screen and (min-width: 1000px){
				display: none;
				padding: 5px 10px;
			}

			@media screen and (max-width: 640px){
				padding: 5px;
				float: left;
			}
		}

	}//Header_end

	#Content {
		min-height: 1000px;
		overflow: hidden;
		padding: 20px 0;
		overflow: hidden;
		.shadow;

		@media screen and (max-width: 640px){
			width: 100%;
		}

		.breadcrumbs {
			text-align: left;
			padding: 0 20px;
			margin: 30px auto 0;
			width: 960px;

			@media screen and (min-width: 641px) and (max-width: 1000px){
				width: 640px;
				padding: 0;
			}

			@media screen and (max-width: 640px){
				width: 100%;
				.box-border-box;
			}
		}
	}//Content_end

		#Main {
			width: 1000px;
			margin: 0 auto;
			overflow: hidden;

			@media screen and (max-width: 640px){
				width: 100%;
				padding: 20px;
				.box-border-box;
			}

			@media screen and (min-width: 641px) and (max-width: 1000px){
				width: 640px;
				marign: 0 auto;
				float: none;
				padding-top: 10px;
			}
		}//Main_end

		#Main_page {
			min-width: 300px;
			padding: 10px 180px 0;
			position: relative;

			@media screen and (max-width: 640px){
				position: static;
			}

			#Center {
				overflow: hidden;
				width: 90%;
				margin: 0 auto;
			}
		}

		#Side {
			float: left;
			padding-top: 20px;
			width: 270px;
			margin-left: 20px;

			@media screen and (max-width: 640px){
				width: 100%;
				margin: 0;
			}

			@media screen and (min-width: 641px) and (max-width: 1000px){
				width: 640px;
				margin: 40px auto 0;
				overflow: hidden;
				float: none;
			}

			#Left {
				width: 100%;

				@media screen and (min-width: 641px) and (max-width: 1000px){
					float: left;
					width: 50%;
					padding-right: 20px;
					.box-border-box;
				}

				>div {
					margin-bottom: 20px;
				}

				.left_banner {

					ul {
						overflow: hidden;

						li {
							@media screen and (max-width: 1000px){
								width: 50%;
								float: left;
								text-align: center;
								.box-border-box;
								padding: 5px;
							}

							img {
								width: 100%;
								height: auto;
							}
						}
					}
				}

				#Category {

					a {
						width: 270px;
						display: block;
						padding: 15px 20px;
						.box-border-box;
						font-size: 15px;
						background-color: #fff;
						margin-bottom: 5px;
						.radius5;
						.main-border;
						color: @sub2-color;
						font-weight: bold;
						.transition03;

						@media screen and (max-width: 1000px){
							width: 100%;
							.box-border-box;
							padding: 15px 10px;
						}
					}

					a:hover {
					    text-decoration: none;
					    background-color: @sub2-color + #bbbbbb;
					    .main-border;
					    color: @sub2-color - #111111;
					}
				}

				#Widget_left {

					>li {
						margin-bottom: 20px;
					}

					.widget_search {

						text-align: center;

						input{
							font-size: 15px;
						}

						#s {
							width: 150px;
						}
					}

					.tagcloud{

						a {
							.main-border;
							.radius5;
							padding: 5px 5px 5px 20px;
							background: url(../img/tag_ico.png) no-repeat 6px 6px;
							margin-bottom: 5px;
							display: inline-block;
							background-color: #fff;
						}

						a:hover {
							text-decoration: none;
							background: @base-bgcolor url(../img/tag_ico.png) no-repeat 6px 6px;
						}
					}
				}
			}

			#Right {
				width: 270px;
				background: #fff;
				padding: 10px;
				float: left;
				.box-border-box;
				.shadow;

				@media screen and (max-width: 640px){
					width: 100%;
					padding: 0;
				}

				@media screen and (min-width: 641px) and (max-width: 1000px){
					float: right;
					width: 50%;
				}

				#Favorite {
					z-index: 1;

					@media screen and (max-width: 640px){
						width: 100%;
						padding: 10px;
						.box-border-box;
					}

					.wpp-list>li {
						list-style: none;

						@media screen and (max-width: 1000px){
							margin-bottom: 10px;
							overflow: hidden;
							min-height: 75px;
							padding: 10px 0;
							border-top: 1px dotted @sub-color;
						}

						.wpp-thumbnail {
							margin-bottom: 5px;
							z-index: 1;

							@media screen and (max-width: 1000px){
								width: 100px;
								height: auto;
								min-height: 75px;
								position: absolute;

							}

						}

					}

					h3 {
						text-align: center;
						font-weight: normal;
						font-size: 19px;
					}

					.mini_subtxt {
						text-align: center;
						font-size: 13px;
						color: #888;
					}

					a {
						overflow: hidden;
						display: block;
						z-index: 1;

						@media screen and (max-width: 1000px){
							float: left;
						}
					}

					.wpp-post-title {
						font-size: 12px;
						line-height: 1.3em;
						margin-bottom: 15px;
						border-bottom: 1px dotted @sub-color;
						padding-bottom: 3px;

						@media screen and (max-width: 1000px){
							border-bottom: none;
							padding: 25px 0 0 110px;
						}
					}

					.wpp-list {
						counter-reset: wpp-ranking;
						z-index: 1;

						li {
							position: relative;
						}
					}

					/*.wpp-list li:before {
						content: counter(wpp-ranking, decimal);
						counter-increment: wpp-ranking;
						text-align: center;
						background: url(../img/clown.png) no-repeat;
						width: 20px;
						height: 20px;
						color: #fff;
						display: block;
						padding-top: 5px;
						position: absolute;
						top: -10px;
						z-index: 2!important;

						@media screen and (max-width: 1000px){
							top: 0;
							left: 110px;
							margin-top: 10px;
						}
					}*/
				}
			}
		}//Side_end

	/*マウスオーバー時の透過設定(数値が低いほど薄い)*/
	.over_alpha {

		a {
			display: block;

			&:hover {
				filter: alpha(opacity=60);
				-moz-opacity:0.60;
				opacity:0.60;
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);  /* For IE 5-7 */
		    	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* For IE 8 */
			}
		}
	}

	/*マウスオーバー時画像拡大*/
	.grow {
	    -webkit-transition:0.5s ease-in-out;
	    -moz-transition:0.5s ease-in-out;
	    -ms-transition:0.5s ease-in-out;
	    -o-transition:0.5s ease-in-out;
	    transition:0.5s ease-in-out;
	}

	.grow:hover {
	    -webkit-transform:scale(1.1,1.1);
	    -moz-transform:scale(1.1,1.1);
	    -ms-transform:scale(1.1,1.1);
	    -o-transform:scale(1.1,1.1);
	    transform:scale(1.1,1.1);
	}

footer {
	clear: both;
	margin: 0;
}//footer_end

#Footer_bg {
	width: 100%;
	background: @matblue;
	overflow: hidden;
}

#Footer_bottom {
	width: 1000px;
	padding: 0;
	margin: 40px auto;
	overflow: hidden;

	@media screen and (min-width: 641px) and (max-width: 1000px){
		width: 640px;
		font-size: 90%;
	}

	@media screen and (max-width: 640px){
		width: 100%;
		padding: 10px;
		.box-border-box;
		margin: 20px 0;
	}

	ul {
		overflow: hidden;

		>li {
			margin-right: 30px;
			overflow: hidden;
			float: left;

			@media screen and (min-width: 641px) and (max-width: 1000px){
				margin-right: 15px;
			}

			ul {

				li {
					float: none;
					margin-bottom: 0;

					a {
						color: #fff;
					}
				}
			}
		}

		.footer_pagelist {
			@media screen and (max-width: 640px){
				display: none;
			}
		}

		#Footer_info {
			color: #fff;
			margin-right: 0;
			float: right;

			@media screen and (max-width: 640px){
				float: none;
			}
		}
	}
}
.sp_banner{
    .pc_sp_banner{
	    position: fixed;
	    top: 150px;
	    right: 0;

	@media screen and (max-width: 640px){
	    display: none;
	    }
	}
    .sm_sp_banner{
        display: none;

        @media screen and (max-width: 640px){
            position: fixed;
            left: 0;
            bottom: 0;
            display: flex;
            justify-content: center;
            width: 100%;
        }
    }
}

#Fb_box {
	width: 320px;
	float: left;

	@media screen and (max-width: 640px){
		width: 100%;
		text-align: center;
		float: none;
	}

	iframe {
		background-color: #fff;
	}
}

#Powered {
	width: 660px;
	float: right;

	@media screen and (min-width: 641px) and (max-width: 1000px){
		width: 320px;
	}

	@media screen and (max-width: 640px){
		width: 100%;
		float: none;
		margin-top: 10px;
		padding: 10px 20px;
		.box-border-box;
	}
}

#Copyright {
	text-align: center;
	clear: both;
	margin-top: 20px;
	background: @darkgray;
	color: #fff;
	.font-minchow3;
	letter-spacing: 2px;
	padding: 3px 0;

	@media screen and (max-width: 640px){
		font-size: 80%;
	}
}

/*=====================
        トップ
=====================*/

h2.title_set {
	overflow: hidden;
	border-bottom: 2px @cobalt solid;
	margin: 20px 0 0;

	img {
		float: left;
		padding-right: 20px;

		@media screen and (max-width: 640px){
			zoom: 0.8;
		}
	}

	p {
		font-weight: normal;
		padding-top: 12px;
		color: @cobalt;

		@media screen and (max-width: 640px){
			padding-top: 5px;
		}
	}
}

.titlemgn0 {
	padding-top: 10px;
	border-bottom: 7px double #00588D;
	.font-mincho;
	font-size: 120%;
	letter-spacing: 1px;
	font-size: 190%;
    padding-bottom: 5px;
    margin-bottom: 20px;

	@media screen and (max-width: 640px){
		margin-right: 0!important;
		margin-left: 0!important;
	}
}

.titlemgn0:before{
	content: "▶";
	color: #00588d;
}

.titlemgn20 {
	margin-right: 20px!important;
	padding-top: 40px;
	margin-left: 20px!important;
	border-bottom: 7px double #00588D;
	.font-mincho;
	font-size: 120%;
	letter-spacing: 1px;
	font-size: 190%;
    padding-bottom: 5px;

	@media screen and (max-width: 640px){
		margin-right: 0!important;
		margin-left: 0!important;
	}
}

.titlemgn20:before{
	content: "▶";
	color: #00588d;
}

.titlemgn20_02 {
	margin-right: 20px!important;
	padding-top: 10px;
	margin-left: 20px!important;
	border-bottom: 7px double #00588D;
	.font-mincho;
	letter-spacing: 3px;
	font-size: 190%;

	@media screen and (max-width: 640px){
		margin-right: 0!important;
		margin-left: 0!important;
	}

	img {
		max-width: 100%;
		height: auto;
	}

	span {
		float: right;

		@media screen and (max-width: 1000px){
	    	display: none;
		}
	}
}

.relation_link{
	margin-bottom: 20px;
}

.smp_slide {

	@media screen and (max-width: 1000px){
    	display: inline;
    	margin-top: 20px;
	}

	@media screen and (min-width: 1001px){
		display: none;
	}
}

.top_mail_bn {
	margin:20px 0;

	img {
		max-width: 100%;
		display: block;
		margin: 0 auto;
	}

	a{
		transition: 0.3s;
		display: block;

		&:hover{
			opacity: 0.8;
		}
	}
}

.top_list_more {
	display: block;
	text-align: right;
	margin-bottom: 60px;
	font-size: 150%;
	color: @matblue-f;
	font-weight: bold;

	&:before {
		content: "▶";
	}
}

.top_news_more {
	display: block;
	text-align: right;
	font-size: 150%;
	color: @matblue-f;
	font-weight: bold;

	&:before {
		content: "▶";
	}
}

/* カルーセルスライダー */

#item {
	position: relative;
}

/* トップイメージ部分 */

#Top_imagebg {
	width: 100%;
	position: relative;

	img {
		max-width: 100%;
		height: auto;
		display: block;
	}

	#Top_imagebox {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 55%;
		padding: 20px;
		.box-border-box;

		@media screen and (max-width: 1000px){
			padding: 10px;
		}

		.topimage_text {
			background: rgba(255,255,255,0.4);
			.radius5;
			padding: 20px;
			text-align: right;
			overflow: hidden;

			@media screen and (max-width: 1000px){
				background: none;
				padding: 0;
			}

			a {
				background: #3F8C70;
				color: #fff;
				font-weight: bold;
				padding: 10px 40px;
				display: inline-block;
				font-size: 150%;
				.font-mincho;
				float: right;

				&:before {
					content: "▶";
					padding-right: 15px;
				}

				&:hover {
					background: #3F8C70 + #111;
				}

				@media screen and (max-width: 1000px){
					width: 100%;
					text-align: center;
					padding: 10px 0;
				}
			}

			p {
				text-align: left;
				font-size: 140%;
				float: left;
				margin-bottom: 10px;
				font-weight: bold;

				@media screen and (max-width: 1200px){
					font-size: 120%;
				}

				@media screen and (max-width: 1000px){
					display: none;
				}
			}
		}
	}
}

//本スライダー
#slider {
	overflow: hidden;
	margin: 0 auto;
	display: block;
	position: relative;

	.slider_cont{
		position: relative;
		overflow: hidden;
		display: block;
		margin: 0 auto;

		li {
			width: 280px;
			padding: 10px;
			display: block;
			height: 500px;
			left: 0;
			margin: 10px 0;
			float: left;

			@media screen and (max-width: 1000px){
				width: 196px;
				height: 400px;
			}

			@media screen and (max-width: 640px){
				width: 100px;
				font-size: 80%;
				height: 290px;
			}

			img {
				max-width: 100%;
			}

			p {
				display: block;
			}
		}
	}

	#prev {
		position: absolute;
		left: 5px;
		top: 200px;
		font-size: 200%;
		background: #000;
		color: #FFF;
		opacity: 0.8;
		-webkit-border-radius: 50%;
		        border-radius: 50%;
		height: 43px;
    	width: 43px;
   		text-align: -webkit-center;
   		cursor: pointer;
   		.transition03;

		@media screen and (max-width: 640px){
			top: 100px;
		}
	}

	#next {
		position: absolute;
		right: 5px;
		top: 200px;
		font-size: 200%;
		background: #000;
		color: #FFF;
		opacity: 0.8;
		-webkit-border-radius: 50%;
		        border-radius: 50%;
		height: 43px;
    	width: 43px;
    	text-align: -webkit-center;
    	cursor: pointer;
    	.transition03;

		@media screen and (max-width: 640px){
			top: 100px;
		}
	}

	.hide {
		color: #000;
		display: none;
	}

}


/* 新スライダー */

#Top_slider_bg {
	width: 100%;
	background: #f9f9f9;

	#Top_slider {
		width: 100%;
		margin: 0 auto;

		@media screen and (max-width: 1000px){
			max-width: 100%;
		}

		.pc {
		}

		.sm {

		}

		img {
			width: 100%;
			max-width: 100%;
			height: auto;
		}
	}
}


/* スライダー */
.wideslider {
	width: 100%;
	height: 380px;
	text-align: left;
	position: relative;
	overflow: hidden;
	background: #fff;

	@media screen and (max-width: 1000px){
		display: none;
	}
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}

.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}

.slider_prev {background: #fff /*url(../images/slider/prev.jpg) no-repeat right center*/;}
.slider_next {background: #fff /*url(../images/slider/next.jpg) no-repeat left center*/;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
	width:1000px;
}
.wideslider img {
	width:1000px;
	height: 380px;
}

/*スライドここまで*/


#Sp_topimage {
	display: none;

	@media screen and (max-width: 640px){
		display: inline;
		width: 100%;
	}

	img {
		@media screen and (max-width: 640px){
			width: 100%;
		}
	}
}

/* ヒトコト */

#Top_hitokoto_news {
	overflow: hidden;
}

#Top_wordofmk {
	width: 40%;
	padding: 20px;
	.box-border-box;
	float: left;

	@media screen and (max-width: 1000px){
		width: 100%;
	}

	#Wordofmk {
		.shadow;
		width: 100%;
		padding: 20px;
		.box-border-box;

		.mk_img {
			width: 100%;
			margin-bottom: 10px;

			img {
				max-width: 100%;
				height: auto;
				border: 2px #ddd solid;
				padding: 10px;
				.box-border-box;
			}
		}

		.mk_text {
			width: 100%;
			.box-border-box;

			h4 {
				.font-mincho;
				font-size: 200%;
				margin-bottom: 0;
				color: @matblue-f;
			}

			.mk_comment {
				font-size: 120%;
			}
		}
	}
}

#Top_picknews {
	float: right;
	width: 60%;
	padding: 20px;
	.box-border-box;

	@media screen and (max-width: 1000px){
		width: 100%;
	}

	dl {
		padding: 20px;
		.shadow;

		dt {
			font-size: 150%;
			font-weight: bold;

			a {
				color: @matblue-f;
			}
		}

		dd {
			font-size: 120%;
			magin-bottom: 1px dotted #444;
			margin-bottom: 10px;
		}
	}
}

#Top_twocolumn_blog {
	overflow: hidden;

	.blog_box {
		width: 50%;
		float: left;

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

		.top_postbox {
			margin: 20px auto;
    		width: 440px;
			.shadow;
			padding: 10px;

			@media screen and (max-width: 1000px){
				width: 92%;
				padding: 0;
				-webkit-box-shadow: none;
				        box-shadow: none;
			}

			li {
				width: 440px;
				min-height: 0;
				margin: 0px;
				padding: 10px 0px;
				-webkit-box-shadow: none;
				        box-shadow: none;
				border-bottom: 1px dotted #444;

				@media screen and (max-width: 1000px){
					width: 100%;
				}

				&:first-child {
					padding-top: 0;
				}

				&:last-child {
					border-bottom: none;
				}

				time {
					display: block;
					margin-bottom: 5px;
				}

				time.left {
					float: left;
					margin-right: 10px;
					margin-bottom: 0;
				}

				.more {
					float: right;
					font-weight: bold;
				}

				.postbox_img{
					width: 440px;
					height: 340px;
				    background-size: cover;

					@media screen and (max-width: 1000px){
						width: 100%;
						height: auto;
					}

					img {
						height: 350px;

						@media screen and (max-width: 1000px){
							width: 100%;
							height: auto;
						}
					}

					h3 {
						width: 440px;

						@media screen and (max-width: 1000px){
							width: 100%;
						}
					}
				}
			}
		}

		.mini_bn{
		    overflow: hidden;
			li{
			    float: left;
			    margin: 0 2px;
			    width: 48%;
			}
			img{
			    width: 100%;
			}
			.mini_bn1{
			    padding-left: 5px;
			    @media screen and (max-width: 1000px){
			        padding-left: 3px;
			    }
			}
		}
		.top_list_more {
		    margin: 0px 20px 60px;

			@media screen and (max-width: 1000px){
		   		margin: 30px 0px;
			}
		}
	}
}

#Top_blog{
	overflow: hidden;

	#Top_big_postlist{
		width: auto;

		img{
			max-width: 100%;
		}

		#Travel_blog{
			//background: url(../img/travel_bg.jpg) repeat;
		}

		.top_postbox{
			width: auto;
			margin-bottom: 10px;

				/*投稿記事ボックス*/
				>li {
					width: 273px;
					min-height: 300px;
					.shadow;
					padding: 10px;
					margin: 20px;
					background: #fff;
					float: left;

					@media screen and (max-width: 640px){
						width: auto;
						.box-border-box;
						margin: 0 0 10px 0;
						margin: 10px;
						min-height: 280px;
					}

					@media screen and (min-width: 641px) and (max-width: 1000px){
						margin: 9px;
					}

					.postbox_img {
						width: 273px;
						height: 210px;
						position: relative;
						overflow: hidden;
						background: url(../img/no_image.jpg) no-repeat top center;

						@media screen and (max-width: 640px){
							width: auto;
							height: 170px;
							margin: 10px;
							overflow: hidden;
							margin: 0;
						}

						a {

							img {
								width: 100%;
								height: 210px;

								@media screen and (max-width: 640px){
									width: 100%;
									height: auto;
								}
							}

							h3 {
								.bg-alpha-bk;
								position: absolute;
								bottom: 0;
								left: 0;
								padding: 3px;
								font-size: 15px;
								font-weight: bold;
								color: #fff;
								width:274px;
								background-color: #555\9;

								@media screen and (max-width: 640px){
									width: 100%;
								}
							}
						}
					}

					>p {
						line-height: 1.5em;
						padding: 8px 0 5px;
					}

					dl {

						overflow: hidden;

						dt {
							width: 100%;
							@media screen and (max-width: 640px){
								width: 100%;
							}

							a {
								background: #39826B;
								color: #fff;
								.radius5;
								float: left;
								padding: 2px 6px;
								margin-right: 5px;
								margin-bottom: 5px;
								font-size: 8px;
								letter-spacing: 1px;
							}

							a:hover {
								background: #999;
								color: #fff;
							}
						}

						dd {
							float: right;
							font-weight: bold;
							color: @sub-color;
							width: 100%;
							padding-top: 5px;

							@media screen and (max-width: 640px){
								width: 100%;
							}
						}
					}
				}

			.postbox_img{
				width: 273px;
			}
		}
	}

	#Top_collum_blog{

		.top_postbox{
			margin-bottom: 20px;
		}

		img{
			max-width: 100%;
		}
	}

}

#Top_schedule {
	padding: 20px;

	@media screen and (max-width: 640px){
		padding: 0;
	}

	table {
		background: #fff;
		border: #fff solid 2px;
		.shadow;
		margin-top: 20px;

		tr,td {
			border: 1px solid #eee;
			text-align: center;
		}

		.row-1 {
			background: url(../img/table_colorbg.jpg);
			color: @cobalt;
		}

		.column-1 {
			width: 20%;
		}

		.column-2,
		.column-3,
		.column-4,
		.column-5,
		.column-6,
		.column-7,
		.column-8 {
			width: 10%;
		}

		span {
			@media screen and (max-width: 640px){
				display: none;
			}
		}
	}

	.kome {
		margin-top: 20px;
		@media screen and (min-width: 641px){
			display: none;
		}
	}
}

#Top_menu {

	ul {
		overflow: hidden;

		li {
			float: left;

			a {
				display: block;
				.shadow;
				border-left: 2px solid @cobalt;
				border-right: 2px solid @cobalt;
				border-bottom: 2px solid @cobalt;

				img {
					display: block;
				}
			}

			p {

				a {
					padding: 10px;
					font-size: 110%;
					background: #fff;

					@media screen and (max-width: 1000px){
						font-size: 10px;
					}

					@media screen and (max-width: 640px){
						padding: 5px;
					}

				}

				a:before {

					@media screen and (min-width: 1001px){
						content: url(../img/q_list.png);
						color: @cobalt;
						padding-right: 5px;
						font-size: 100%;
					}
				}

				a:hover {
					background: #e0f0cd;
				}
			}
		}
	}

	.main {

		@media screen and (max-width: 640px){
			margin-top: 20px;
		}

		li {
			width: 50%;
			padding: 20px;
			.box-border-box;

			@media screen and (max-width: 640px){
				padding: 5px;
				width: 100%;
			}

			img {
				max-width: 100%;
				.transition03;
			}
		}
	}

	.sub {

		li {
			width: 33%;
			padding: 10px;
			.box-border-box;

			@media screen and (max-width: 640px){
				padding: 5px;
				width: 50%;
				font-size: 75%;
			}

			img {
				max-width: 100%;
				.transition03;
			}
		}
	}
}

.top_slide_bn{
	margin: 0 auto;
	margin-top: 20px;

	ul{

		li{
			margin-right: 35px;

			&:hover {
				filter:alpha(opacity=90);
			    -moz-opacity: 0.9;
			    opacity: 0.9;
			}

			p {
				margin-top: 15px;
				font-size: 120%;
				font-weight: bold;

				span {
					display: inline-block;
					background: @matblue;
					color: #fff;
					padding: 1px 5px;
					margin-right: 5px;
					.radius5;
				}
			}
		}

		li:last-child{
			margin-right: 0;
		}
	}

	#prev1{
		position: absolute;
		left: -35px;
		top: 45%;
	}


	#next1{
		position: absolute;
		right: -35px;
		top: 45%;
	}
}

.top_revolution{
	img{
		width: 100%;
		transition: 0.3s;

		&:hover{
			opacity: 0.5;
		}
	}
}

#Top_bn{
	margin-top: 10px;
	margin-bottom: 10px;

	ul{
		overflow: hidden;

		li{
			float: left;
			width: 49%;
			margin-right: 20px;
			margin-bottom: 10px;

			@media screen and (max-width: 1000px){
				margin-right: 12px;
			}

			@media screen and (max-width: 640px){
				width: auto;
				float: none;
				margin-right: 0;
			}

			a{
				.transition03;

				img{
					max-width: 100%;

					@media screen and (max-width: 640px){
						width: 100%;
					}
				}
			}

			a:hover{
				opacity: 0.8;
			}
		}

		li:nth-child(even){
			margin-right: 0;
		}
	}
}

#Top_movie{
	margin-bottom: 20px;

	ul{
		overflow: hidden;

		li{
			float: left;
			width: 49%;
			margin-right: 20px;

			@media screen and (max-width: 1000px){
				margin-right: 12px;
			}

			@media screen and (max-width: 640px){
				margin-right: 0;
				float: none;
				width: auto;
			}

			#Youtube{
			}

			p{
				img{
					max-width: 100%;

					@media screen and (max-width: 640px){
						width: 100%;
					}
				}
			}
			#video{
			    iframe{
			        @media screen and (max-width: 1000px){
			            height: 180px;
			        }
			        @media screen and (max-width: 640px){
			            height: 280px;
			        }
			         @media screen and (max-width: 400px){
			            height: 180px;
			        }
			    }
			}

		}

		#Moji{
		    padding-top: 2px;
		    @media screen and (max-width: 640px){
		        width: 95%;
			    margin: 0 auto;
			}
			img{
				max-width: 100%;
			}
		}

		li:last-child{
			margin-right: 0;
		}
	}

}



#Top_voice {
	dl {
		overflow: hidden;
		.box-border-box;
		padding: 20px;
		margin: 20px;
		.shadow;
		background: #fff;

		@media screen and (max-width: 640px){
			margin: 20px 0;
		}

		dt {
			width: 25%;
			float: left;
			padding-right: 20px;
			.box-border-box;

			@media screen and (max-width: 1000px){
				width: 30%;
				.box-border-box;
			}

			@media screen and (max-width: 640px){
				width: 100%;
				text-align: center;
			}

			img {
				max-width: 100%;
				padding-right: 0;
			}
		}

		dd {
			width: 75%;
			float: left;

			@media screen and (max-width: 1000px){
				width: 70%;
			}

			@media screen and (max-width: 640px){
				width: 100%;
			}

			h3 {
				font-weight: bold;
				font-size: 140%;
				margin-bottom: 10px;
				color: @cobalt;
			}

			ul {
				overflow: hidden;
				margin-bottom: 20px;

				li {
					float: left;
					margin-right: 10px;
					background: @cobalt;
					color: #fff;
					padding: 3px 5px;
				}

				h5 {
					margin-bottom: 20px;
					float: left;
					font-size: 115%;
					margin: 0;
				}
			}

			.patient {
				margin-bottom: 10px;
			}

			.doctor {
				background: @offwhite;
				padding: 10px;
				.radius5;
				overflow: hidden;

				.txt {
					width: 85%;
					float: left;
					padding-right: 20px;
					.box-border-box;

					@media screen and (max-width: 1000px){
						width: 75%;
					}

					h4 {
						font-weight: normal;
						margin-bottom: 10px;
						border-bottom: 1px @darkgray dotted;
					}
				}

				img {
					width: 15%;
					float: left;

					@media screen and (max-width: 1000px){
						width: 25%;
					}
				}
			}
		}
	}
}

#Top_you_news {
	overflow: hidden;

	#Left {
		float: left;
		width: 50%;
		overflow: hidden;

		@media screen and (max-width: 1000px){
			width: 100%;
		}

		#Top_topics_listbox {
			overflow: hidden;
			padding: 20px;

			@media screen and (max-width: 640px){
				padding: 20px 0;
			}

			#ui-tab {
				margin-top: 20px;

				ul {
					li {
						a {
							@media screen and (max-width: 640px){
								padding-right: 3px;
							}

							span {
								@media screen and (max-width: 640px){
									font-size: 85%;
									padding: 10px 5px;
								}
							}
						}
					}
				}

				div {
					height: 300px;
					overflow: auto;

					dd {
						margin-bottom: 10px;
						padding-bottom: 5px;
						border-bottom: dotted 1px #eee;

						span {
							margin-right: 15px;
							margin-bottom: 5px;
							display: inline-block;
						}

						a {
							margin-bottom: 5px;
							color: @cobalt;
							display: inline-block;
						}
					}

					>p {
						text-align: right;

						a {
							color: #fff;
							background: @cobalt;
							display: inline-block;
							padding: 2px 5px;
							.radius5;
						}
					}
				}
			}

		}

		#Youtube_box {
			padding: 20px;
			.box-border-box;

			@media screen and (max-width: 1000px){
				width: 100%;
			}

			@media screen and (max-width: 640px){
				padding: 0;
			}

			h2.title_set {
				margin-top: 0;
			}

			.youtube {
				position: relative;
				width: 100%;
				padding-top: 56.25%;
				.shadow;
				border: 2px solid #fff;
				.box-border-box;
				margin-top: 20px;

				iframe {
					position: absolute;
					top: 0;
					right: 0;
					width: 100% !important;
					height: 100% !important;
				}
			}
		}
	}

	#News_box {
		width: 50%;
		padding: 20px;
		.box-border-box;
		float: right;

		@media screen and (max-width: 1000px){
			width: 100%;
		}

		@media screen and (max-width: 640px){
			padding: 0;
		}

		#News_feed {
			background-color: #fff;
			padding: 15px;
			.shadow;
			border: 2px solid #fff;
			.box-border-box;
			min-height: 260px;
			margin-top: 20px;

			#Last_post {
				margin-bottom: 10px;

				.Top_news_img {
					margin-bottom: 20px;

					a {
						div {
							.bg-cover;
							height: 250px;
							background-image: url(../img/ec_noimage.jpg);
							background-position: top center;
							overflow: hidden;

							@media screen and (max-width: 640px){
								height: 210px;
							}

							img {
								max-width: 100%;
								height: auto;
							}
						}
					}
				}

				.Top_news_txt {
					border-bottom: 1px #ccc dotted;

					.Top_news_info {

						.day {
							margin-right: 15px;
						}

						a {
							color: @cobalt;
						}
					}

					p {
						margin-bottom: 20px;
						text-align: left;
					}

					.top_news_more {
						text-align: right;
					}
				}
			}

			p {
				text-align: right;

				a {
					color: #fff;
					background: @cobalt;
					display: inline-block;
					padding: 2px 5px;
					.radius5;
				}
			}

			dd {
				line-height: 1.8em;
				border-bottom: dotted 1px #ccc;
				padding-bottom: 6px;
				margin-bottom: 6px;

				.day {
					margin-right: 15px;
				}

				a {
					color: @cobalt;
				}
			}
		}
	}
}

#Top_promise {

	ul {
		overflow: hidden;

		li {
			float: left;
			height: auto;
			padding: 20px;
			.box-border-box;
			text-align: center;

			@media screen and (max-width: 1000px){
				padding: 10px;
			}

			@media screen and (max-width: 640px){
				padding: 10px 0;
			}

			img {
				max-width: 100%;
				.shadow;
			}
		}
	}

	.third {
		padding-left: 0.5%;

		h2 {
			width: 100%;

			p {
				width: 100%;
			}
		}

		li {
			width: 33%;

			@media screen and (max-width: 640px){
				border-left: 10px solid @cobalt;
				padding-left: 20px;
				width: 100%;
				margin-bottom: 20px;
			}
		}

		li:first-child {
			@media screen and (max-width: 640px){
				margin-top: 20px;
			}
		}
	}

	.top_works_txt {
		text-align: left;
		border-left: 10px solid @cobalt;
		padding-left: 20px;
		margin-top: 10px;
		overflow: hidden;

		@media screen and (max-width: 640px){
			border: none;
			padding: 0;
		}

		h3 {
			color: @cobalt;
			font-size: 140%;
			margin-bottom: 10px;
		}
	}
}

#Top_gree_bn {
	overflow: hidden;

	#Top_greeing {
		float: left;
		padding: 20px;
		width: 60%;
		.box-border-box;

		@media screen and (max-width: 640px){
			width: 100%;
			padding: 20px 0;
		}

		.txt {
			padding: 20px;
			background: #fff;
			.shadow;
			margin-top: 20px;

			h5 {
				margin-top: 20px;
				text-align: right;
			}
		}
	}

	#Top_bnlist {
		float: right;
		padding: 20px;
		width: 40%;
		.box-border-box;

		@media screen and (max-width: 640px){
			width: 100%;
			padding: 20px 0;
		}

		ul {
			margin-top: 20px;

			li {
				border: 1px solid @darkgray;
				.box-border-box;
				margin-bottom: 10px;

				a {
					border: 5px solid #fff;
					.box-border-box;
					display: block;

					img {
						width: 100%;
						height: auto;
						display: block;
					}
				}
			}
		}
	}
}

#Top_About {
	padding: 20px;
	overflow: hidden;

	@media screen and (max-width: 640px){
		padding: 5px;
	}

	#About {
		margin-top: 20px;

		.shadow;
		background: #fff;
		overflow: hidden;
		width: 100%;

		#Photo {
			float: left;
			width: 30%;
			padding: 20px;
			.box-border-box;

			@media screen and (max-width: 640px){
				width: 100%;
				padding: 10px;
				text-align: center;
			}

			img {
				max-width: 100%;
			}
		}

		#Text {
			float: right;
			width: 70%;
			padding: 20px 20px 20px 10px;
			.box-border-box;

			@media screen and (max-width: 640px){
				width: 100%;
				padding: 10px;
			}

			img {
				margin-bottom: 20px;
				max-width: 100%;
			}
		}
	}
}


#Top_bloglist {
	overflow: hidden;
	float: right;
	width: 100%;

	.top_postbox {
		width: 100%;
		padding-left: 0.5%;

		@media screen and (max-width: 1000px){
			padding: 0;
		}

		@media screen and (max-width: 640px){
			padding: 20px 5px 5px;
			.box-border-box;
		}

		>li {
			margin: 15px;
			min-height: 280px;

			@media screen and (max-width: 1000px){
				width: 162px;
				min-height: 190px;
			}

			@media screen and (max-width: 640px){
				width: 100%;
				min-height: 90px;
				margin: 0 0 20px;
			}

			.postbox_img {

				@media screen and (max-width: 1000px){
					width: 162px;
					height: 120px;
				}

				@media screen and (max-width: 640px){
					float: left;
					width: 100px;
					height: 70px;

				}

				a {
					img {
						@media screen and (max-width: 1000px){
							height: auto;
						}
					}
				}
			}

			p {
				@media screen and (max-width: 640px){
					padding: 0 0 0 110px;
				}
			}
		}
	}
}

#Top_sns{
	margin-bottom: 20px;

	img{
		max-width: 100%;
	}

	p{
		display: block;
		width: 100%;
		margin-bottom: 40px;

		img{
			margin: 0 auto;
			display: block;
		}
	}

	ul{
		overflow: hidden;

		li{
			width: 23%;
			float: left;
			margin-right: 26px;

			@media screen and (max-width: 1000px){
			    width: 25%;
			    margin-right: 0px;
			}

			@media screen and (max-width: 640px){
				width: 50%;
			}
		}

		li:last-child{
			margin-right: 0;
		}
	}
}


#Top_postlist {
	overflow: hidden;
	float: right;
	width: 685px;

	@media screen and (max-width: 1000px){
		width: 100%;
	}

	#Top_postbox {
		overflow: hidden;
		width: 685px;

		@media screen and (max-width: 640px){
			width: 100%;
			overflow: hidden;
		}

		@media screen and (min-width: 641px) and (max-width: 1000px){
			width: 640px;
			margin: 0 auto;
		}

		/*投稿記事ボックス*/
		>li {
			width: 280px;
			min-height: 300px;
			.main-border;
			padding: 10px;
			margin: 20px;
			background: #fff;
			float: left;

			@media screen and (max-width: 640px){
				width: 100%;
				.box-border-box;
				margin: 0 0 10px 0;
				min-height: 280px;
			}

			@media screen and (min-width: 641px) and (max-width: 1000px){
				margin: 9px;
			}

			.postbox_img {
				width: 280px;
				height: 210px;
				position: relative;
				overflow: hidden;
				background: url(../img/potbox_img_bg.jpg) top center;
				.bg-cover;

				@media screen and (max-width: 640px){
					width: 100%;
					height: 170px;
					margin: 10px;
					overflow: hidden;
					margin: 0;
				}

				a {

					img {
						width: 100%;
						height: 210px;

						@media screen and (max-width: 640px){
							width: 100%;
							height: auto;
						}
					}

					h3 {
						.bg-alpha-bk;
						position: absolute;
						bottom: 0;
						left: 0;
						padding: 3px;
						font-size: 15px;
						font-weight: bold;
						color: #fff;
						width:274px;
						background-color: #555\9;

						@media screen and (max-width: 640px){
							width: 100%;
						}
					}
				}
			}

			>p {
				line-height: 1.5em;
				padding: 8px 0 5px;
			}

			dl {
				overflow: hidden;

				dt {
					width: 100%;

					@media screen and (max-width: 640px){
						width: 100%;
					}

					a {
						background: @sub2-color;
						color: #fff;
						.radius5;
						float: left;
						padding: 1px 5px;
						margin-right: 5px;
						margin-bottom: 5px;
					}

					a:hover {
						background: #999;
						color: #fff;
					}
				}

				dd {
					float: right;
					font-weight: bold;
					color: @sub-color;
					width: 100%;
					padding-top: 5px;

					@media screen and (max-width: 640px){
						width: 100%;
					}
				}
			}
		}
	}
}

.top_postbox {
	overflow: hidden;

	@media screen and (max-width: 640px){
		width: 100%;
		overflow: hidden;
	}

	@media screen and (min-width: 641px) and (max-width: 1000px){
		width: 640px;
		margin: 0 auto;
	}

	/*投稿記事ボックス*/
	>li {
		width: 273px;
		min-height: 300px;
		.shadow;
		padding: 10px;
		margin: 20px;
		background: #fff;
		float: left;

		@media screen and (max-width: 640px){
			width: auto;
			.box-border-box;
			margin: 0 0 10px 0;
			margin: 10px;
			min-height: 280px;
		}

		@media screen and (min-width: 641px) and (max-width: 1000px){
			margin: 9px;
		}

		.postbox_img {
			width: 273px;
			height: 210px;
			position: relative;
			overflow: hidden;
			background: url(../img/no_image.jpg) no-repeat top center;

			@media screen and (max-width: 640px){
				width: auto;
				height: 170px;
				margin: 10px;
				overflow: hidden;
				margin: 0;
			}

			a {

				img {
					width: 100%;
					height: 210px;

					@media screen and (max-width: 640px){
						width: 100%;
						height: auto;
					}
				}

				h3 {
					.bg-alpha-bk;
					position: absolute;
					bottom: 0;
					left: 0;
					padding: 3px;
					font-size: 15px;
					font-weight: bold;
					color: #fff;
					width:274px;
					background-color: #555\9;

					@media screen and (max-width: 640px){
						width: 100%;
					}
				}
			}
		}

		>p {
			line-height: 1.5em;
			padding: 8px 0 5px;
		}

		dl {

			overflow: hidden;

			dt {
				width: 100%;
				@media screen and (max-width: 640px){
					width: 100%;
				}

				a {
					background: #39826B;
					color: #fff;
					.radius5;
					float: left;
					padding: 2px 6px;
					margin-right: 5px;
					margin-bottom: 5px;
					font-size: 8px;
					letter-spacing: 1px;
				}

				a:hover {
					background: #999;
					color: #fff;
				}
			}

			dd {
				float: right;
				font-weight: bold;
				color: @sub-color;
				width: 100%;
				padding-top: 5px;

				@media screen and (max-width: 640px){
					width: 100%;
				}
			}
		}
	}
}

#Top_camp_bn {
	width: 100%;
	.box-border-box;
	overflow: hidden;
	padding: 20px 20px 0;

	@media screen and (max-width: 640px){
		padding: 0;
	}

	img {
		max-width: 100%;
	}

}

#Top_ser_other {
	width: 100%;
	.box-border-box;
	padding: 0 5px;

	@media screen and (max-width: 640px){
		padding: 0;
	}

	li {
		max-width: 100%;
		.box-border-box;
		text-align: center;
		padding:10px;
		background: #fff;
		border: 2px #009C9F solid;
		text-align: center;
		.radius5;
		margin: 10px;

		@media screen and (max-width: 640px){
			max-width: 98%;
			margin: 10px auto;
		}

		h3 {
			color: #e06f24;
			font-size: 120%;
			margin: 10px 0;

			@media screen and (max-width: 640px){
				font-size: 80%;
			}
		}

		img {
			margin-top: 10px;
			width: auto;
			height: 90px;

			@media screen and (max-width: 640px){
				max-width: 80%;
				height: auto;
			}
		}
	}

	li:hover {
		background: #d7f5e2;
	}
}

.book_box{
	width: 100%;
    overflow: hidden;
	li{
	    float: left;
	    width: 50%;

	    @media screen and (max-width: 1000px){
	        float: none;
	        width: 100%;
	    }

	    .book_1{
	        background: url(../img/book_1.png) no-repeat ;
	        background-size: 30%;
	        background-position: 5%;
	        height: 210px;

	        @media screen and (max-width: 1000px){
	            background-size: 23%;
	        }

	        @media screen and (max-width: 640px){
	            background-size: 26%;
	        }

	         @media screen and (max-width: 420px){
                background-size: 36%;
	            background-position: 0;
	            height: 195px;
	        }
        }
        .book_2{
             background: url(../img/book_2.png) no-repeat ;
             background-size: 30%;
	         background-position: 5%;
	         height: 210px;

	         @media screen and (max-width: 1000px){
	            background-size: 23%;
	         }
	         @media screen and (max-width: 640px){
	            background-size: 26%;
	        }

	         @media screen and (max-width: 420px){
                background-size: 36%;
	            background-position: 0;
	            height: 195px;
	         }
        }
        dl{
            // padding-left: 40%;
						padding-left:20%;
            dt{
                font-weight: bold;
                font-size: 130%;
                margin-bottom: 5%;

                @media screen and (max-width: 1000px){
                    margin-bottom: 5%;
                }
                @media screen and (max-width: 640px){
                    padding-top: 10px;
                }
            }
            dd{
                font-size: 120%;
                padding-bottom: 10px;
            }
        }
	}
	li:last-child {
	    @media screen and (max-width: 1000px){
	       margin-top:30px;
	    }
	}
}



/*=====================
      記事ページcss
=====================*/

#Single_post {
	width: 600px;
	float: right;
	background: #fff;
	.main-border;
	margin: 20px;
	padding: 20px;

	@media screen and (max-width: 640px){
		.box-border-box;
		width: 100%;
		margin: 0;
	}

	@media screen and (min-width: 641px) and (max-width: 1000px){
		width: 640px;
		padding: 20px;
		.box-border-box;
		margin: 0 auto;
		float: none;
	}

	.post {

		.tag_list {
			overflow: hidden;

			a {
				color: @sub-color;
				margin-right: 10px;
				font-weight: bold;
			}

		}

		h3 {
			font-size: 30px;
			margin-bottom: 10px;

			@media screen and (max-width: 640px){
				font-size: 25px;
			}
		}

		.postinfo {
			margin-bottom: 40px;
			border-bottom: 10px solid @base-bgcolor;
			line-height: 2.5em;
			color: @sub2-color;

			@media screen and (max-width: 640px){
				overflow: hidden;
				margin-bottom: 20px;
			}

			.date {
				margin-right: 25px;

				@media screen and (max-width: 640px){
					width: 100%;
					display: block;
					font-size: 15px;
					margin-right: 0;
					line-height: 1.2em;
				}
			}

			.catg {
				@media screen and (max-width: 640px){
					width: 100%;
					display: block;
					font-size: 13px;
				}
			}
		}

		.post_box {

			img {
				width: 100%;
				height: auto;
			}
		}
	}

	.pagelink {
		margin-top: 40px;
		overflow: hidden;
		border-top: 10px solid @base-bgcolor;

		.oldpage {
			width: 50%;
			display: block;
			float: left;
			.box-border-box;
			padding: 10px 20px 10px 10px;
		}

		.newpage {
			width: 50%;
			display: block;
			float: right;
			.box-border-box;
			padding: 10px 10px 10px 20px;
		}
	}
}



#PreNex {
	table {
		width: 100%;

		td {
			border: 1px solid #bbb;
			.box-border-box;
			padding: 10px;
			background: #FFF;
			width: 50%;

			a:before {
				content: none;
			}
		}

		.prev {
			text-align: left;
		}

		.next {
			text-align: right;
		}
	}
}



/*=====================
      スタッフページ
=====================*/

/*スタッフ個別ページ*/

.staff_post {

    .post_box {

    	#Name {
    		h4 {
				color: #000;
				border: none;
				margin: 0;
				font-size: 110%;
				background: none;
        	}

	        h3 {
				border: none;
				margin: 0;
				font-size: 120%;
				border-bottom: 1px solid #ccc;
				margin-bottom: 10px;
				color: #fff;
	        }
      	}

      	.s_img {
      		img {
      			display: block;
      			margin: 0 auto;
      		}
      	}

      	#Case_photos {
        	li {
        		.imgs {
        			img {
              			max-width: 100%;
            		}
          		}

          		p {
					font-size: 80%;
					font-weight: normal;
          		}
        	}
      	}

      	#Comment {
        	padding: 30px 0;
      	}

		#Auther_listset{

			a:before{
				display: none;
			}


			#Auther_list_title{
				color: #FFFFFF;
				font-size: 100%;
				padding: 4px;
				text-align: center;
				background-color: #3F8C70;
				margin: 30px 0 10px;
				border-bottom: none;

				@media screen and (max-width: 640px){
					font-size: 120%;
				}

			}

			#Auther_list{
				ul{
					overflow: hidden;
					margin: 15px 0 30px 0;

					li{
						width: 50%;
						float: left;

						@media screen and (max-width: 640px){
							width: 100%;
							margin-bottom: 15px;
						}

						img{
							width: 80px;
							height: auto;
							float: left;
						}

						p{
							font-size: 80%;
							float: right;
							width: 70%;
							color: #000;
						}
					}

					li:nth-child(2n){
						float: right;
					}
				}
			}

			#staff_autlink{
				float: right;
				color: #00588D;
				font-size: 90%;
			}

			#staff_autlink a:before{
				content: "▶︎";
				color: #000;
			}
		}

    }

    .single_staff_bn {

			a {
				display: block;
			}

			a:hover {
				opacity: 0.5;
			}

			img {
				width: 100%;
				max-width: 100%;
				display: block;
				margin: 20px auto 0 auto;
			}
		}


}//staff_post

.staff_listbox {
	overflow: hidden;

	li {
	    float: left;
	    width: 230px;
	    padding: 10px;
    	text-align: center;

	    @media screen and (min-width: 641px) and (max-width: 1000px){
	    	width: 190px;
	    }

	    @media screen and (max-width: 640px){
	    	width: 50%;
	    	.box-border-box;
	    }

    	a {
    		img {
        		max-width: 100%;
      		}
    	}

    	p {
      		font-size: 110%;

	    	@media screen and (max-width: 640px){
	        	display: none;
	     	}
    	}

    	h3 {
      		font-size: 140%;
    	}

    	.icon {
      		display: inline;

    		img {
        		width: 40px;
        		height: 40px;
      		}
    	}
  	}
}//.staff_listbox_end

/*スタッフ一覧ページ*/

#Pageid_stafflist {

	#Content {
		overflow: hidden;

		#Top_postbox {
			overflow: hidden;
		}

		.postbox_img {
			height: 210px;
			position: relative;
			overflow: hidden;
			background: url(../img/no_image.jpg) no-repeat top center;

			@media screen and (max-width: 640px){
				width: auto;
				height: 170px;
				margin: 10px;
				overflow: hidden;
				margin: 0;
			}

			a {

				img {
					width: 100%;
					height: 210px;

					@media screen and (max-width: 640px){
						width: 100%;
						height: auto;
					}
				}

				h3 {
					.bg-alpha-bk;
					position: absolute;
					bottom: 0;
					left: 0;
					padding: 3px;
					font-size: 15px;
					font-weight: bold;
					color: #fff;
					width:274px;
					background-color: #555\9;
					text-align: center;

					@media screen and (max-width: 640px){
						width: 100%;
					}
				}
			}
		}

		.post_staff_sm {
			width: 250px;
			padding: 15px;
			float: left;
			.box-border-box;
			height: auto;
			position: relative;
			min-height: 290px;

		    	@media screen and (max-width: 1000px){
		        	width: 50%;
		        	.box-border-box;
		        	margin: 0 0 10px;
		    	}

	      		@media screen and (max-width: 640px){
			        width: 100%;
			    }

		    	.postbox_img {
		    		width: auto;

		      		@media screen and (max-width: 1000px){
				        width: 100%;
				        height: 300px;
				    }

		      		@media screen and (max-width: 640px){
				        height: 300px;
				    }

		      		a {
		        		img {
		          			height: auto;
		        		}
		      		}
		    	}
	    	}

	    	.staff_info {

	      		@media screen and (max-width: 640px){
			        width: 100%;
			    }

			    h4 {
			        font-size: 120%;
			    }

			    h3 {
			        font-size: 130%;
			        margin: 10px 0;
			        border-bottom: 3px solid #ccc;
			        text-align: center;
			    }

			    p {
			        @media screen and (max-width: 640px){
			          padding: 0 0 50px;
			    	}
	      		}
	      	}

	    .staff_more {
			width: 140px;
			height: 30px;
			right: 10px;
			bottom: 10px;
			position: absolute;
			display: block;
			background: #00588D;
			color: #fff;
			text-align: center;
			font-size: 120%;
			padding-top: 10px;
	    }

	    .staff_more:hover {
	        filter: alpha(opacity=60);
	    	-moz-opacity:0.60;
	    	opacity:0.60;
	    	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);  /* For IE 5-7 */
	    	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* For IE 8 */
	    }

		.staff_bn {

			a {
				display: block;
			}

			a:hover {
				opacity: 0.5;
			}

			img {
				max-width: 100%;
				display: block;
				margin: 0 auto 20px auto;
			}
		}

		.staffpage_txt {
			margin-bottom: 20px;
		}

		.center_txt {
			text-align: center;
			font-weight: bold;
			margin-bottom: 20px;
		    font-size: 150%;
		    .font-mincho;
		}

	    .kyoukai_title {
			font-size: 120%;
			margin-bottom: 20px;
			border: 4px solid #3F8C70;
			padding: 10px;
			font-weight: bold;
	    }

	    .staff_title02 {
			font-size: 150%;
			margin-top: 20px;
			border-bottom: 7px double #3F8C70;
			margin-bottom: 10px;
	    }
	}
}

/*=====================
      　中ページ
=====================*/

.toptitle {
	position: relative;
	height: 250px;
	margin-bottom: 30px;

	@media screen and (max-width: 1000px){
		height: auto;
	}

	img {
		position: absolute;
		top: 0;
		left: 0;
		max-width: 100%;
		height: auto;

		@media screen and (max-width: 1000px){
			position: static;
			display: block;
		}
	}

	h2 {
		position: absolute;
		right: 30px;
		top: 70px;
		background: none;
		border: none;
		color: #fff;

		@media screen and (max-width: 1000px){
			position: static;
			background: @matblue;
			font-size: 70%;
			padding: 10px;
			margin-top: 0;
			.radius0;
		}
	}
}

.service_set {
	padding: 20px;
	border: 1px #444 solid;
	margin-bottom: 40px;
}

.results_bn {
	width: auto;

	a:before {
		content: none;
	}

	img {
		max-width: 100%;
	}
}

.imgtxt_set {
	overflow: hidden;
	padding: 0 0 40px;

	.photo {
		width: 30%;

		img {
			margin-bottom: 20px;

			&:last-child {
				margin-bottom: 0;
			}
		}
	}

	.text {
		width: 70%;
		font-size: 70%;

		h6 {
			margin-top: 0;
		}

		ul {
			li {
				color: @matblue;
				margin-bottom: 5px;

				span {
					font-size: 90%;
					font-weight: normal;
					display: block;
				    background-color: #fff;
				    color: #000;
				    padding: 5px;
				    margin: 5px 0;
				}
			}
		}

		.weight_normal {
			font-weight: normal;

			.fnt_green {
				color: @matgreen-f;
				font-weight: bold;
			}
		}
	}

	.left {
		float: left;
		.box-border-box;

		@media screen and (max-width: 640px){
			width: 100%;
		}
	}

	.right {
		float: right;
		padding-left: 20px;
		.box-border-box;

		@media screen and (max-width: 640px){
			width: 100%;
			padding-left: 0;
		}
	}

	.goldtxt {
		color: #B7A37B !important;
		border: 8px double #D6BE8F;
		padding: 10px;
		text-align: center;
		margin: 25px 0 !important;
	}
}

.s-voice {
	margin-bottom: 10px;

	ul {
		overflow: hidden;

		li {
			width: 310px;
			float: left;
			margin: 10px;
			color: @matgreen;
			position: relative;
			border: 3px solid @matgreen;
			.radius7;
			.box-border-box;

			@media screen and (max-width: 1000px){
				width: 100%;
				margin: 10px 0;
			}

			&:after {
				content: "";
				position: absolute;
				bottom: -10px;
				left: 50%;
				margin-left: -10px;
				width: 0;
				height: 0;
				border-top: 10px solid @matgreen;
				border-left: 10px solid transparent;
				border-right: 10px solid transparent;
			}

			p {
				font-size: 75%;
				height: 100%;
				padding: 15px;
				font-weight: bold;
			}
		}
	}
}

.lecture_set {
	border: 1px @matblue dotted;
	padding: 20px;
	overflow: hidden;

	.theme {
		width: 70%;
		float: left;
		padding-right: 20px;
		.box-border-box;

		@media screen and (max-width: 1000px){
			width: 100%;
			padding-right: 0;
		}

		h5 {
			margin-top: 0;
		}

		ul {
			li {
				font-size: 65%;
				margin-bottom: 10px;

				border-bottom: 2px solid #ccc;

				&:before {
					content: "●";
					padding-right: 5px;
				}

				span {
					font-size: 90%;
					font-weight: normal;
				}
			}
			p {
				font-size: 30%;
				margin: 15px 0px;
			}
		}
	}

	.only {
		padding-right: 0;
		width: 100%;
	}

	.price {
		width: 30%;
		float: right;
		background: @yellow;
		padding: 10px;
		.box-border-box;
		text-align: center;

		@media screen and (max-width: 640px){
			width: 100%;
			padding-right: 0;
		}

		strong {
			text-align: center;
			border-bottom: double 4px;
			width: 100%;
			display: block;
			margin-bottom: 10px;
		}

		.en {
			color: red;
			display: block;
			text-align: center;

			span {
				font-size: 60%;
			}
		}

		.kome {
			font-size: 60%;
			display: block;
			text-align: center;
		}
	}

	.contact {
		width: 30%;
		float: right;
		padding: 10px;
		.box-border-box;
		text-align: center;

		@media screen and (max-width: 1000px){
			width: 100%;
			padding-right: 0;
		}

		a:before {
		content: none;
	}

	}
}

.time_schedule {
	font-size: 80%;

	@media screen and (max-width: 1000px){
		font-size: 70%;
	}

	dl {
		overflow: hidden;
		width: 100%;
		.box-border-box;
		margin: 20px auto;
		display: table;

		@media screen and (max-width: 640px){
			width: 100%;
			display: block;
		}

		&:after {

		}

		dt {
			padding: 10px 15px;
			.box-border-box;
			background: @matgreen;
			color: #fff;
			width: 25%;
			display: table-cell;
			font-size: 90%;
			vertical-align: middle;

			border-top-left-radius: 5px;/* CSS3草案 */
    		-webkit-border-top-left-radius: 5px;/* Safari,Google Chrome用 */
    		-moz-border-radius-topleft: 5px;/* Firefox用 */
			border-bottom-left-radius: 5px;/* CSS3草案 */
    		-webkit-border-bottom-left-radius: 5px;/* Safari,Google Chrome用 */
    		-moz-border-radius-bottomleft: 5px;/* Firefox用 */

			@media screen and (max-width: 1000px){
				flex: 7 7 auto;

				border-top-left-radius: 0;/* CSS3草案 */
    			-webkit-border-top-left-radius: 0;/* Safari,Google Chrome用 */
    			-moz-border-radius-topleft: 0;/* Firefox用 */
				border-bottom-left-radius: 0;/* CSS3草案 */
    			-webkit-border-bottom-left-radius: 0;/* Safari,Google Chrome用 */
    			-moz-border-radius-bottomleft: 0;/* Firefox用 */
			}

			@media screen and (max-width: 640px){
				width: 100%;
				display: block;
			}

			p {

				@media screen and (max-width: 1000px){
					width: 100%;
				}
			}
		}

		dd {
			width: 75%;
			padding: 10px 15px;
			.box-border-box;
			background: #f3f3f3;
			overflow: hidden;
			display: table-cell;

			border-top-right-radius: 5px;/* CSS3草案 */
    		-webkit-border-top-right-radius: 5px;/* Safari,Google Chrome用 */
    		-moz-border-radius-topright: 5px;/* Firefox用 */
			border-bottom-right-radius: 5px;/* CSS3草案 */
    		-webkit-border-bottom-right-radius: 5px;/* Safari,Google Chrome用 */
    		-moz-border-radius-bottomright: 5px;/* Firefox用 */

			@media screen and (max-width: 1000px){
				border-top-right-radius: 0;/* CSS3草案 */
	    		-webkit-border-top-right-radius: 0;/* Safari,Google Chrome用 */
	    		-moz-border-radius-topright: 0;/* Firefox用 */
				border-bottom-right-radius: 0;/* CSS3草案 */
	    		-webkit-border-bottom-right-radius: 0;/* Safari,Google Chrome用 */
	    		-moz-border-radius-bottomright: 0;/* Firefox用 */
			}

			@media screen and (max-width: 640px){
				width: 100%;
				display: block;
			}

			p {
				width: 60%;
				float: left;

				@media screen and (max-width: 640px){
					width: 100%;
					display: block;
					margin-bottom: 10px;
				}
			}

			.img {
				float: right;
				width: auto;

				@media screen and (max-width: 1000px){
					width: 35%;
				}

				@media screen and (max-width: 640px){
					float: none;
					width: auto;
				}

				img {
					max-width: 100%;

					@media screen and (max-width: 640px){
						display: block;
						margin: 0 auto;
						margin-bottom: 10px;
					}
				}
			}

			.photo {
				width: 40%;
				float: right;
				padding-left: 20px;
				.box-border-box;
				text-align: center;

				@media screen and (max-width: 640px){
					width: 100%;
					display: block;
					padding: 20px 0;
				}

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

.training_voice {
	li {
		border: 1px dashed #ddd;
		padding: 5px 10px;
		font-size: 65%;
		margin-bottom: 10px;
	}
}

.moriken {
	strong {
		margin-bottom: 20px;
	}
	p {
		font-size: 75%;
		font-weight: normal;
	}

	dl {
		margin-bottom: 30px;

		dt {
			font-size: 85%;
			margin-bottom: 20px;
		}

		dd {
			font-size: 75%;
			font-weight: normal;
		}
	}

	table {
		width: 100%;

		@media screen and (max-width: 640px){
			font-size: 75%;
		}

		th,td {
			border: 1px #444 solid;
			padding: 20px;

			@media screen and (max-width: 640px){
				padding: 10px;
			}
		}

		th {
			text-align: center;
			width: 20%;
			.box-border-box;

			@media screen and (max-width: 640px){
				display: block;
				width: 100%;
				background: #eee;
			}
		}

		td {
			width: 80%;
			.box-border-box;

			@media screen and (max-width: 640px){
				display: block;
				width: 100%;
			}
		}
	}
}

.moriken-history {
	p {
		padding: 10px 0;
		clear: both;
	}

	img {
		max-width: 50%;
		padding: 20px;
		.box-border-box;
		margin: 10px 0;
		float: left;

		@media screen and (max-width: 640px){
			max-width: 100%;
			display: block;
			margin: 10px auto;
		}
	}
}

.results_list {
	overflow: hidden;

	li {
		display: inline-block;
		background-color: #eee;
		.radius5;
		padding: 5px 10px;
		margin: 0 20px 20px 0;

		&:last-child {
			background-color: #fff;
		}
	}
}

#Results_content {
	p {
		@media screen and (max-width: 640px){
			font-size: 75%;
		}
	}
}

.results_imglist {
	overflow: hidden;

	li {
		float: left;
		width: 50%;
		padding: 20px;
		.box-border-box;

		@media screen and (max-width: 640px){
			width: 100%;
			padding: 0 10px;
		}
	}
}

.flow {
	dl {
		overflow: hidden;
		margin-bottom: 30px;

		/*&:after {
			content: "▼";
			display: block;
			width: 100%;
			text-align: center;
			padding: 10px;
			clear: both;
		}

		&:last-child {

			&:after {
				content: none;
			}
		}*/

		dt {
			width: 30%;
			float: left;
			padding-right: 20px;
			.box-border-box;

			.mgb30 {
				margin-bottom: 30px;
				display: block;
			}
		}

		dd {
			width: 65%;
			float: right;

			h5 {
				margin-top: 0;
			}

			p {
				font-weight: normal;
				font-size: 80%;
			}

			a {
				&:before {
					content: none;
				}
			}

			div {
				border: #ddd solid;
				padding: 20px;
				margin-bottom: 10px;

				&:last-child {
					margin: 10px 0 0;
				}
			}
		}
	}
}

/*=====================
      　受講者の声
=====================*/

#Voice_c {
	.voice_set {
		overflow: hidden;
		border: 1px solid #444;
		padding: 20px;
		margin-bottom: 40px;

		.photo {
			width: 25%;
			float: left;

			@media screen and (max-width: 640px){
				width: 100%;
				text-align: center;
			}
		}

		.text {
			width: 75%;
			float: left;
			padding-left: 20px;
			.box-border-box;

			@media screen and (max-width: 640px){
				width: 100%;
				padding-left: 0;
			}

			h2 {
				background: none;
				color: @matblue-f;
				padding: 0;
				margin: 0;
				border: none;
			}

			h3 {
				display: inline-block;
				background: none;
				color: @matgreen-f;
				padding: 0;
				margin: 0;
				border: none;
			}

			strong {
				font-size: 90%;
			}

			p {
				margin-top:20px;
				font-size: 90%;
				font-weight: normal;
			}
		}
	}
}

#Voice_u {
	.voice_u_content {
		font-weight: normal;

		strong {
			display: block;
			margin-top: 20px;
		}

		p {
			font-size: 90%;
			font-weight: normal;
		}
	}
}

#Page_main {
	width: 100%;
	margin: 135px auto 0;
	text-align: center;
	padding-bottom: 60px;
	background: @matblue;
	color: #fff;

	@media screen and  (min-width: 640px) and (max-width: 1000px){
		width: 100%;
		margin: 0;
		margin-top: 60px;
	}

	@media screen and (max-width: 640px){
		width: 100%;
		margin: 0;
	}

	p {
		font-size: 35px;
		letter-spacing: .3em;
		padding-top: 40px;
		color: #fff;
		font-weight: bold;

		@media screen and (max-width: 640px){
			width: 100%;
			font-size: 20px;
		}

		a {
			color: #fff;
		}
	}
}//#Page_main_end

#Page_content {
	width: 600px;
	float: right;
	background: #fff;
	.main-border;
	margin: 20px;
	padding: 20px;

	@media screen and (max-width: 640px){
		width: 100%;
		margin: 0 auto 40px;
		.box-border-box;
	}

	@media screen and (min-width: 641px) and (max-width: 1000px){
		width: 640px;
		padding: 20px;
		.box-border-box;
		margin: 0 auto;
		float: none;
	}

	/*お問い合わせ*/

	#Contactform {
		font-size: 16px;

		.underline{
			clear: both;
			border-bottom: 1px dotted @sub-color;
			padding: 5px 0 25px 0;
		}

		dl {
			overflow: hidden;
			clear: both;
			border-bottom: 1px dotted @sub-color;
			padding: 20px 0;

			dt {
				float: left;
				width: 220px;
				text-align: center;

				@media screen and (max-width: 640px){
					float: none;
					text-align: left;
					width: 100%;
					padding-bottom: 10px;
				}

				.hissu {
					margin-left: 15px;
					padding: 5px;
					background: @sub-color;
					font-size: 14px;
					font-weight: bold;
					color: @light-txtcolor;
				}
			}//dt_end

			dd {
				float: left;
				font-size: 14px;
				width: 350px;

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

				input {
					font-size: 18px;
					padding: 5px;
					max-width: 70%;

					@media screen and (max-width: 640px){
						width: 100%;
						max-width: none;
						.box-border-box;
					}
				}

				span {
					width: 100%;
					.box-border-box;
				}

				textarea {
					font-size: 18px;
					padding: 5px;
					width: 100%;
					.box-border-box;
				}

				& span.mwform-tel-field input{
					@media screen and (max-width: 640px){
						width: 25%;
					}
				}

				& span.mwform-radio-field input{
					@media screen and (max-width: 640px){
						width: auto;
					}
				}
			}//dd_end

		}

		span.mwform-checkbox-field input{
			@media screen and (max-width: 640px){
				width: auto;
			}
		}

		.radio {
			dd {
				.wpcf7-list-item {
					input {
						width: auto;
					}
				}
			}
		}

		.check {
			input {
				width: auto;
			}
		}

		.short {
			input {
				width: 30%;
				margin-right: 10px;

				@media screen and (max-width: 640px){
					width: 50%;
				}
			}
		}

		.long {
			input {
				width: 100%;
			}
		}

		p {
			text-align: center;
			margin-top: 20px;

			@media screen and (max-width: 640px){
				width: 100%;
			}

			input {
				display: inline-block;
				background: @sub-color;
				padding: 5px 50px;
				color: #fff;
				.radius5;
				border: none;
				font-size: 150%;
				cursor: pointer;

				@media screen and (max-width: 640px){
					width: 100%;
				}
			}

			input:hover {
				background: @sub-coloron;
			}
		}

	}

	p.contact_pdf{
		margin: 45px auto 20px auto;
		font-size: 18px;
		text-align: center;
	}

	#Pagenate{
		width: auto;
	}
}//Page_content_end

.about_sp {
	.right {
		strong {
			margin: 20px 0;
			display: block;
			color: @matblue;
			font-size: 120%;
		}
	}
}

.service_anc {

	p {
		margin-bottom: 5px;
	}

	.futi {
		font-size: 120%;
		color: @matblue;
	}

	.mini {
		margin-bottom: 30px;
		font-size: 85%;
		font-weight: normal;
	}
}
/*=====================
      集中力教材
=====================*/

#Voice{
  .content_text{
     font-size: 90%;
     font-weight: nomal;
     margin-bottom: 40px;
  }
}

/*=====================
      個人の方へ
=====================*/

 .service2_text{
    font-size: 75%;
    font-weight: normal;
    li{
       padding-bottom: 25px;

       a{
            text-decoration: none;
        }
        strong{
            font-weight: 600;
        }
    }
}


/*=====================
      よくある質問
=====================*/

.faq_box{
	margin-bottom: 20px;

	.faq_title{

		h3{
			font-size: 170%;
			border-bottom: 3px solid #CCC;
			margin-bottom: 6px;
		}

		h3:before{
			content: "Q.";
			color: @cobalt;
			font-weight: bold;
		}

		a:hover{
			color: @cobalt;
		}
	}

	p{
		font-size: 110%;
	}
}

/*=====================
      　Notfound
=====================*/

#Notfound {
	margin-top: 200px;
	width: 100%;
	text-align: center;

	h3 {
		font-size: 300%;
	}

	a {
		margin-top: 100px;
		font-size: 200%;
		display: block;
		font-weight: bold;
	}
}

/*=====================
      　会社概要
=====================*/

#Company {
  	table {
    	width: 100%;
    	background: #fff;
    	font-size: 100%;

		th {
			padding: 3%;
			width: 27%;
			border: 1px #bbb solid;
			text-align: center;
			background: #eee;
		}

    	td {
			padding: 3%;
			width: 67%;
			border: 1px #bbb solid;
    	}

    	tr {
    		border: 1px #bbb solid;
    	}

    	.column-1 {
    		padding: 3%;
			width: 27%;
			border: 1px #bbb solid;
			text-align: center;
			background: #eee;
    	}
	}

	.ggmap {
    	position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 30px;
	    height: 0;
	    overflow: hidden;
	    margin: 30px 0;
	}

	.ggmap iframe,
	.ggmapr object,
	.ggmap embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}

	#Officephoto {

		ul {
	    	overflow: hidden;

	    	li {
				width: 50%;
				float: left;
				padding: 10px;
				.box-border-box;

	    		img {
					max-width: 100%;
	    		}
	    	}
		}
	}
}//#Company_end

/*=====================
      Youtube
=====================*/

.TopYoutubeWrapper {
	position: relative ;
	padding-top: 69px ;
	padding-bottom: 50% ;
	overflow: hidden ;
	.bg-cover;
	margin-bottom: 25px;

	iframe {
		position: absolute ;
		top: 0 ;
		left: 0 ;
		height: 100% ;
		width: 100% ;
	}
}

/*=====================
      プラグイン用
=====================*/

/*sharebar*/
body ul#sharebar {
    border-radius: 8px;        /* CSS3草案 */
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 8px;   /* Firefox用 */
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    padding: 5px 0 5px 0;
    margin-top: 40px;
}

/*WordPress Related Posts」*/
#wp_rp_first {

	margin: 30px 0;

	li {
		min-height: 80px;
	}
}

.wp_rp_wrap {
	a {
		color: #333;
	}

	a:before {
		content: none;
	}
}

.related_post li {
	overflow: hidden;
}


/*facebookコメント*/
.fb-comments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb-comments iframe[style],
.fb-social-plugin span,
.fb-comments span {
    width: 100% !important;
    display: block;
}

/*各シェアボタン*/
#Post_sharebox {
	overflow: hidden;
	margin-bottom: 40px;

	.commoninput {
	    border: none;
	    color: #fff;
	    font-size: 18px;
	    -o-transition: .3s;
	    -ms-transition: .3s;
	    -moz-transition: .3s;
	    -webkit-transition: .3s;
	    transition: .3s;
	    border-radius: 0;
	}

    .snsfb-btn {
    	-webkit-appearance: button;
        background: #305097;
        height: 70px;
        width: 50%;
        line-height: 50px;
        text-align: center;
        display: inline-block;
        .box-border-box;
        float: left;
        border: 3px solid #fff;
        margin-top: 20px;

        @media screen and (max-width: 1000px){
			width: 100%;
        }
    }

    .snsfb-btn:focus, .snsfb-btn:hover, .snsfb-btn:active {
        outline: none;
        background: #22417d;
        cursor: pointer;
    }

    .snstw-btn {
    	-webkit-appearance: button;
        background: #00aced;
        height: 70px;
        width: 50%;
        line-height: 50px;
        text-align: center;
        display: inline-block;
        border: 3px solid #fff;
        .box-border-box;
        float: left;
        margin-top: 20px;

        @media screen and (max-width: 1000px){
			width: 100%;
        }
    }

    .snstw-btn:focus, .snstw-btn:hover, .snstw-btn:active {
        outline: none;
        background: #056e93;
        cursor: pointer;
    }

    .snsline-btn {
    	-webkit-appearance: button;
        background: #5ae628;
        height: 70px;
        width: 100%;
        line-height: 50px;
        text-align: center;
        display: inline-block;
        margin-top: 20px;
        border: 3px solid #fff;
        .box-border-box;
    }
}//#Post_sharebox_end

/*Pagenate*/

#Pagenate {
	width: 685px;
	overflow: hidden;
	text-align: center;
	min-height: 20px;
	margin: 20px 0;

	@media screen and (max-width: 1000px){
		width: 100%;
	}

	.wp-paginate {

		.current {
			display: -webkit-inline-box;
			display: inline-block;
	    	*display: inline;
	    	*zoom: 1;
	    }

	    a {
	    	display: -webkit-inline-box;
			display: inline-block;
	    	*display: inline;
	    	*zoom: 1;
	    }
	}

}//Pagenate_end

/*faq Manager*/
#faq-block {

	h3 {
		font-size: 120%;
	}
}

/*ギャラリーの場合のみ高さ*/
#Top_postlist #Top_postbox .page-gallery {
	min-height: 260px;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2em!important;
}

/*facebook_comment*/

.facebook_comment {
	h3 {
		font-size: 20px !important;
		margin-bottom: 10px;
		color: #FFFFFF;
		background: #305097;
		padding: 2px 9px 2px;
		text-shadow: -1px 1px 0 rgba(0,0,0,0.3);
	}
}


.wpp-list li{
	-webkit-transition:0.2s ease-in-out;
    -moz-transition:0.2s ease-in-out;
    -ms-transition:0.2s ease-in-out;
    -o-transition:0.2s ease-in-out;
    transition:0.2s ease-in-out;
}

.wpp-list img.grow:hover {
    -webkit-transform:scale(1.2,1.2);
    -moz-transform:scale(1.2,1.2);
    -ms-transform:scale(1.2,1.2);
    -o-transform:scale(1.2,1.2);
    transform:scale(1.2,1.2);
}

.breadcrumbs {
	margin-bottom: 30px!important;
}

.shindan-bn{
	width:100%;
	img{
		display: block;
		margin: 0 auto;

		@media screen and(max-width:1000px){
			width:100%;
		}
	}
}

.book_box{
	padding-left:5%;

	li{
		display: flex;
	}

	iframe{
		margin-right:15px;
	}

	p{
		font-size:140%;
		font-weight: bold;
		margin-bottom:10px;
                width: 150px;
	}
}