@charset "utf-8";

/* ----------------------------------------
	Page Style Sheet

	0. common
	1. login
	2. profile
	3. team
	4. event
	5. message
	---------------------------------------- */



/* ----------------------------------------
0.common
---------------------------------------- */

h2 {
		margin-top:170px;
		/*font*/
		line-height:100%;
		letter-spacing:8px;
		text-align:center;
		font-size:350%;
		font-family: 'nevis';
		font-weight:lighter;
}

@media (max-width: 480px) {
h2 {
	margin-top:77px;
	/*font*/
	font-size:250%;
}
}

h2 span/*discrete samall*/ {
		/*font*/
		font-size:80%;
}

@media (max-width:480px) {
h2 span/*discrete samall*/ {
		/*font*/
		line-height:60%;
		font-size:60%;
}
}

.common {
	margin-top:30px;
	background:#fff;
}


.search_result :hover {
	background-color:#f0f0f0 !important;
}

@media (max-width: 992px) {
.common {
	width:100%;
	margin-top:20px;
	border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
	position:relative;/*=>L_menu,Status_menu*/
}
}

	.common .tab {
		/*font*/
		text-align:center;
		font-size:200%;
		font-weight:lighter;
		vertical-align: middle;
	}

	@media (max-width: 480px) {
	.common .tab {
		/*font*/
		font-size:180%;
	}
	}

		.common .tab ul {
			width:100%;
			padding:0;
			margin:0;
		}

			.common .tab ul li {
				float:left;
				width:50%;
				padding:25px;
				background-color:#007ecc;
				/*font*/
				text-align:center;
				color: #fff;
				font-size:52%;
			}

			.common .tab ul li.li3 {
				width:33.33%;
			}

			.common .tab ul li.li4 {
				width:25%;
			}

			@media (max-width: 480px) {
			.common .tab ul li {
				font-size:40%;
				padding:10px;
			}
			}


			.common .tab ul li:hover, .common .tab ul li.current {
				color:#007ecc;
				background-color:#fff;
			}

/* ----------------------------------------
1. login
---------------------------------------- */

.loginContents {
	/*position:absolute;<=common
	top:0;
	right:0;
	display:block;*/
	display:block;
	width:100%;
}

@media (max-width: 992px) {
.loginContents {
	/*position:absolute;<=common
	top:0;
	right:0;
	display:block;*/
	margin:0;
	padding:0;
	padding-top:30px;
	display:block;
	width:100%;
	padding-bottom: 0;
}
}

	/*login*/

	.loginContents .loginArea {
		overflow:hidden;
	}

		.loginContents .loginArea h3 {
			overflow:hidden;
			margin-top:100px;
			margin-bottom:80px;
			/*font*/
			letter-spacing:3px;
			color:#444444;
			text-align:center;
			font-size: 200%;
			font-family: 'nevis';
			font-weight:lighter;
		}

		@media (max-width: 480px) {
		.loginContents .loginArea h3 {
			margin:30px 0;
		}
		.btn02_5 ul li.txt {
			position: absolute;
	    width: 100%;
	    top: 8px;
	    font-weight: lighter;
	    font-size: 160%;
	    text-align: left;
	    margin:0 0 0 12%;
	    color: #fff;
		}
		}

		.loginContents .loginArea .btn {
			width:50%;
			margin:0 auto;
		}

	/*regist*/

	.loginContents .registArea {
		overflow:hidden;
		display:none;
	}

		.loginContents .registArea h3 {
			overflow:hidden;
			margin-top:100px;
			margin-bottom:80px;
			/*font*/
			letter-spacing:3px;
			color:#444444;
			text-align:center;
			font-size: 200%;
			font-family: 'nevis';
			font-weight:lighter;
		}

		.loginContents .registArea .btn {
			width:50%;
			margin:0 auto;
		}

	/*join*/

	.loginContents .joinArea {
		margin-top:50px;
		padding-bottom:120px;
		overflow:hidden;
		background:url(../img/login/bg01.jpg) no-repeat;
		background-size:100%;
	}

	@media (max-width: 480px) {
	.loginContents .joinArea {
		padding-bottom:50px;
		background-size: cover;
		background-position:center center;
	}
	}

		.loginContents .joinArea h3 {
			overflow:hidden;
			margin-top:100px;
			margin-bottom:80px;
			/*font*/
			letter-spacing:3px;
			color:#fff;
			text-align:center;
			font-size: 200%;
			font-family: 'nevis';
			font-weight:lighter;
		}

		.loginContents .joinArea h3 span {
			display:block;
			margin-top:50px;
			/*font*/
			font-size:80%;
		}

		@media (max-width: 480px) {
		.loginContents .joinArea h3 span {
			/*font*/
			font-size:70%;
		}
		}

		.loginContents .joinArea .btn {
			width:50%;
			margin:0 auto;
			text-align:center;
		}

/* ----------------------------------------
2. profile
---------------------------------------- */

.profileContents {
	/*position:absolute;<=common
	top:0;
	right:0;
	display:block;*/
	display:block;
	width:100%;
	padding-top:80px;
	padding-bottom:100px;
}

@media (max-width: 992px) {
.profileContents {
	padding-top:50px;
	padding-bottom:0;
}
}

	/*form*/

	.profileContents .formArea {
		padding:0 20%;
		overflow:hidden;
	}

	@media (max-width: 480px) {
	.profileContents .formArea {
		padding:0 10%;
		overflow:hidden;
	}
	}

		.profileContents .formArea h2 {
			margin-top:100px;
			margin-bottom:30px;
		}

		@media (max-width: 480px) {
		.profileContents .formArea h2 {
			margin:30px 0;
		}
		}

		.profileContents .formArea .update_time {
			text-align: right;
	    font-size: smaller;
		}

		@media (max-width: 480px) {
		.profileContents .formArea .update_time {
			font-size: 50%;
		}
		}

		.profileContents .formArea h3 {
			overflow:hidden;
			margin-bottom:5px;
			/*font*/
			font-size:150%;
			color:#444444;
			font-weight: bold;
		}

		.profileContents .formArea .photo {
			*
		}

		.profileContents .formArea .photo .img01_1 {
			width:160px;
			height:160px;
			margin:0 auto;
			/*+*/
			border:#fed417 solid 4px;
		}

			.profileContents .formArea .photo .img01_1 span {
				top:58px;
				left:58px;
				/*font*/
				font-size:200%;
				color:#fff;
			}

				.profileContents .formArea .form03 ul {
					padding-top:30px;
				}

					.profileContents .formArea .form03 ul li {
						margin-bottom:30px;
					}

						.profileContents .formArea .form03 ul li dl {
							margin-bottom:30px;
						}

						/*+*/
							.profileContents .formArea .form03 ul li dl select {
								background-position:95%  center;
								width:100%;
								padding:20px;
							}
		.profileContents .formArea .form03 #copyTarget {
			width: 300px;
			height: 35px;
			padding: 0 5px;
		}
		.profileContents .formArea .form03 #copyButton {
			width: 80px;
			height: 35px;
			margin-left: 10px;
			border: none;
			background-color: #008de2;
			color: #fff;
			font-weight: bold;
		}

		.profileContents .formArea .btn {
			padding-top:30px;
			width:50%;
			margin:0 auto;
		}

		@media (max-width: 992px) {
		.profileContents .formArea .btn {
			width:100%;
		}
		}

input[name="team_recruit"],
input[name="willing_to_apply"] {
  margin-left: 1em;
  margin-right: 0.3em;
}
input[class="mail_setting"] {
	margin-left: 1em;
  	margin-right: 0.3em;
}
li span.recruit_disp {
	font-size: 0.7rem;
}
li span.recruit_disp.recruit_1 {
	color: #E79B37;
	position: absolute;
	height: 18px;
	left: 0;
	top: -5px;
	/* 対応要素が absolute のため top で margin 確保 */
 }
li span.recruit_disp.recruit_2 {
	color: #9AC043;
	position: absolute;
	height: 18px;
	left: 0;
	top: -5px;
	/* 対応要素が absolute のため top で margin 確保 */
}
li span.recruit_disp::before {
  width: 2rem;
  height: 2rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
  content: '';
}
li span.recruit_disp.recruit_1::before { background-image: url('../img/team_1.png'); }
li span.recruit_disp.recruit_2::before { background-image: url('../img/team_2.png'); }

/* RecommendArea専用*/
li span.recruit_disp.recruit_1_recommend {
	color: #E79B37;
	height: 18px;
	left: 0;
	top: -5px;
	/* 対応要素が absolute のため top で margin 確保 */
}
li span.recruit_disp.recruit_2_recommend {
	color: #9AC043;
	height: 18px;
	left: 0;
	top: -5px;
	/* 対応要素が absolute のため top で margin 確保 */
}
li span.recruit_disp.recruit_1_recommend::before { background-image: url('../img/team_1.png'); }
li span.recruit_disp.recruit_2_recommend::before { background-image: url('../img/team_2.png'); }

/* ----------------------------------------
2. feed
---------------------------------------- */

.feedContents {
	/*position:absolute;<=common
	top:0;
	right:0;
	display:block;*/
	display:block;
	width:100%;
	padding-top:80px;
	padding-bottom:50px;
}

@media (max-width: 992px) {
.feedContents {
	padding-top:40px;
	padding-bottom: 0;
}
}

	/*me*/

	.feedContents .meArea {
		padding:0 20%;
		overflow:hidden;
	}

	@media (max-width: 480px) {
	.feedContents .meArea {
		padding:0;
		overflow:hidden;
	}
	}

		.feedContents .meArea .shape {
			margin-bottom:30px;
		}

		.feedContents .meArea .shape #message_textarea {
			width: 100%;
			height:280px;
		}

			@media (max-width: 480px) {
			.feedContents .meArea .shape .form04 {
				padding:8px;
				/*reset*/
				border-left:none;
				border-right:none;
				-webkit-border-radius: 0px;
				-moz-border-radius: 0px;
				border-radius: 0px;
			}

				.feedContents .meArea .shape .form04 txtarea {
					height:50px;
				}
			}

		.feedContents .meArea .photo {
			*
		}

			.feedContents .meArea .photo .img01_1 {
				width:160px;
				height:160px;
				margin:0 auto;
				/*+*/
				border:#fed417 solid 4px;
			}

			@media (max-width: 480px) {
			.feedContents .meArea .photo .img01_1 {
				width:80px;
				height:80px;
				margin:0 auto;
				/*+*/
				border: none;
			}
			}

#content_to_post {
  resize: vertical;
}

	/*chat*/

	.feedContents .chatArea {
		width:100%;
		position:relative;
		padding:0 10%;
	}

	@media (max-width: 480px) {
	.feedContents .chatArea {
		width:100%;
		position:relative;
		padding:0;
	}
	}

	@media (max-width: 992px) {
	.feedContents .chatArea {
		width:100%;
		position:relative;
	}
	}

		.feedContents .chatArea ul {
			width:100%;
			margin-bottom:30px;
		}

			.feedContents .chatArea ul li {
				padding:16px;
				margin-top: 30px;
				border:1px solid #ccc;
				border-radius: 15px;
			}

			@media (max-width: 480px) {
			.feedContents .chatArea ul li {
				padding:5px;
				margin-left:15px;
				margin-right:15px;
			}  }

				.feedContents .chatArea ul li dl {
					display:block;
					width:100%;
				}

				.feedContents .chatArea ul li dt {
					float:left;
					padding:5px;
				}

					.feedContents .chatArea ul li dt img {
						width:80px;
						height:auto;

						border-radius: 3px;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
					}

					@media (max-width: 992px) {
					.feedContents .chatArea ul li dt img {
						width:40px;
						height:auto;
					}
					}

				.feedContents .chatArea ul li dd {
					float:left;
					width:80%;
					margin-left:20px;
				  /* These are technically the same, but use both */
				  overflow-wrap: break-word;
				  word-wrap: break-word;

				  -ms-word-break: break-all;
				  /* This is the dangerous one in WebKit, as it breaks things wherever */
				  word-break: break-all;
				  /* Instead use this non-standard one: */
				  word-break: break-word;

				  /* Adds a hyphen where the word breaks, if supported (No Blink) */
				  -ms-hyphens: auto;
				  -moz-hyphens: auto;
				  -webkit-hyphens: auto;
				  hyphens: auto;
				}

				@media (max-width: 992px) {
				.feedContents .chatArea ul li dd {
					float:left;
					width:75%;
					margin-left:20px;
				}
				}

				.feedContents .chatArea ul li dd:after {
					clear:both;
				}

					.feedContents .chatArea ul li dd h3 {
						margin-top:10px;
					}

					.feedContents .chatArea ul li dd h3 a {
						margin-top:10px;
						/*font*/
						font-family: 'nevis';
						font-size:120%;
						color:#348cc9;
					}

					.feedContents .chatArea ul li dd h3 span {
						margin-left:10px;
						/*font*/
						font-size:80%;
						color:#666;
					}

					.feedContents .chatArea ul li dd .txt {
						margin-top:15px;
						/*font*/
						color:#666;
					}

					@media (max-width: 480px) {
					.feedContents .chatArea ul li dd .txt {
						/*font*/
						font-size:90%;
					}
					}
					.feedContents .chatArea ul li dd .txt ul {
						margin-top:15px;
					}

					.feedContents .chatArea ul li dd .txt ol {
						margin-top:15px;
					}

					/* body jsonの style 調整 */
					.feedContents .chatArea ul li dd .txt ul li {
						box-shadow: none;
						border:0px solid #ccc!important;
						margin-top: 0;
						margin:0;
						padding:0;

					}
					.feedContents .chatArea ul li dd .txt ol li {
						box-shadow: none;
						border:0px solid #ccc!important;
						margin:0;
						padding:0;

					}

					.feedContents .charArea .feed_reply {
						font-size: 150%;
					}

					.feedContents .chatArea ul li .reply_input {
						padding-top: 20px;
						padding-left: 80px;
						width: 75%;
					}

					.feedContents .chatArea ul li dl dd .reply_contents {
						/*border:1px solid #ccc!important;
						border-radius: 25px; */

						margin-top:20px;
						margin-left:80px;
						margin-right:100px;
					}

					.feedContents .charArea ul li dl dd span {
						margin-left: 80px;
						color:#008de2;
						font-weight:bold;
						font-size:14px;
						cursor:pointer;
					}

					.feedContents > .chatArea > ul > li > dl > .reply_contents > span {
						margin-left: 80px;
						color:#008de2;
						font-weight:bold;
						font-size:14px;
						cursor:pointer;
					}

					.feedContents > .chatArea > ul > li > dl > .reply_contents .hide_thread {
						text-align: right;
						margin-right: 10%;
						color:#008de2;
						font-weight:bold;
						font-size:13px;
						cursor:pointer;
					}

					.feedContents > .chatArea > ul > li > dl > .reply_contents .view_more {
						text-align: right;
						margin-right: 10%;
						color:#008de2;
						font-weight:bold;
						font-size:13px;
						cursor:pointer;
					}

					@media(max-width: 480px) {
						.feedContents > .chatArea > ul > li > dl > .reply_contents .hide_thread {
							text-align: right;
							margin-right: 10%;
							color:#008de2;
							font-weight:bold;
							font-size:13px;
							cursor:pointer;
						}

						.feedContents > .chatArea > ul > li > dl > .reply_contents .view_more {
							text-align: right;
							margin-right: 10%;
							color:#008de2;
							font-weight:bold;
							font-size:13px;
							cursor:pointer;
						}
					}

					.feedContents > .chatArea > ul > li > dl > .reply_contents > div:hover {
						color:#0371b6;
						text-decoration: underline #0371b6;
					}

					.feedContents > .chatArea > ul > li > dl > .reply_contents > span:hover {
						color:#0371b6;
						text-decoration: underline #0371b6;
					}

					.feedContents .chatArea .reply_contents ul li {
						border: 0px solid #ccc !important;

						-webkit-transform: scale(0.7);
						-moz-transform: scale(0.7);
						-ms-transform: scale(0.7);
						transform: scale(0.7);

						font-size: 120%;
						margin-left: -12%;
						margin-top: 0px;
						padding: 16px;
						/* スレッドでは影がいらない　*/
						box-shadow: none;
					}
					/* Firefoxだったらにmargin-bottomとアイコンサイズを調整 */
                    /* Firefoxのfont-sizeはどうしてもchromeよりちっちゃので、font-sizeも調整　*/

					@media all and (min--moz-device-pixel-ratio: 0) {
						.feedContents .chatArea .reply_contents ul li {
							margin-bottom: 45px;
						}
                        .userContents .listArea .role_icon,
                        .userContents .RecommendArea .role_icon {
                            font-size:80% !important; /*こっちのサイズが優先、じゃないとFirefoxでアイコンがちっちゃい*/
                        }
                        li span.recruit_disp {
                            font-size: 0.9em;
                        }
					}
					@media all and (min--moz-device-pixel-ratio: 0) and (max-width: 700px) {
						.feedContents .chatArea .reply_contents ul li {
							margin-bottom: 75px;
						}
					}




				.feedContents .chatArea ul li.notification {
					background-color:#f0f0f0;
					border-top:#ccc solid 1px;
					border-bottom:#ccc solid 1px;
				}

					.feedContents .chatArea ul li.notification dd h3 a {
						margin-top:10px;
						padding:5px;
						/*font*/
						font-family: 'nevis';
						font-size:100%;
						color:#666;
						border:#666 solid 1px;
						-webkit-border-radius:3px;
						-moz-border-radius:3px;
						border-radius:3px;
					}

					.feedContents .chatArea ul li.notification dd .txt {
						/*font*/
						color:#666;
						font-style:italic;
					}

/* ----------------------------------------
3. team
---------------------------------------- */

.teamContents,
.userContents {
	/*position:absolute;<=common
	top:0;
	right:0;
	display:block;*/
	display:block;
	width:100%;
	padding-top:80px;
	padding-bottom:50px;
}

@media (max-width: 992px) {
.teamContents,
.userContents {
	padding-top:30px;
	padding-bottom: 0;
}
}

	/*list*/

	.teamContents .listArea,
	.userContents .listArea {
		padding:0 10%;
		overflow:hidden;
	}

	.userContents .RecommendArea {
		margin: 0 15% 20px 15%;
		border: 1px solid #d2d2d2;
		border-radius: 10px;
		height: 270px;
		overflow:hidden;
	}

	.view_others {
		margin: 15px 15px 0 0;
		text-align: right;
		color:#008de2;
		font-weight:bold;
		font-size:13px;
		cursor:pointer;
	}
		.view_others i {
			margin-right: 4px;
		}

	.userContents .RecommendArea .view_others:hover {
		color:#0371b6;
		text-decoration: underline #0371b6;
	}

	@media (max-width: 480px) {
		.teamContents .listArea,ß
		.userContents .listArea,
		.userContents .RecommendArea {
			padding:0 5%;
		}
	}

	.teamContents .listArea ul,
	.userContents .listArea ul,
	.userContents .RecommendArea {
		*
		}

	@media (max-width: 480px) {
		.teamContents .listArea,
		.userContents .listArea {
			padding:0 5%;
		}
	}

		.teamContents .listArea ul,
		.userContents .listArea ul {
			*
		}

			.teamContents .listArea ul li {
				position:relative;
				width:33.3333333%;
				height:130px;
				float:left;
				background-size:95%;
				background-repeat:no-repeat;
				background-position:center;
				margin-bottom:50px;
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
				border-radius:3px;
				/*font*/
				color:#333;
			}

			.userContents .listArea ul li {
				position:relative;
				display:inline-block;
				width:33.3333333%;
				height:65px;
				float:left;
				padding: 0;
				margin:30px 0;
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
				border-radius:3px;
				/*font*/
				color:#333;
			}

			.userContents .RecommendArea ul li {
				position:relative;
				text-align: center;
				display:inline-block;
				width:33.3333333%;
				height:120px;
				float:left;
				padding: 0;
				margin:20px 0;
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
				border-radius:3px;
				/*font*/
				color:#333;
			}

			.userContents .listArea ul li a {
				position: relative;
				display:block;
				width:100%;
				height: 83px;
				padding: 0 20px;
			}
			.userContents .RecommendArea ul li a {
				position: relative;
				text-align: center;
				display:inline-block;
				height: 120px;
			}

			@media (max-width: 480px) {
			.teamContents .listArea ul li {
				height:130px;
			}
			.teamContents .listArea ul li,
			.userContents .listArea ul li,
			.userContents .RecommendArea ul li {
				width:100%;
				background-size: 100%;
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
				border-radius:3px;
				/*font*/
				color:#333;
			}
			}

			.teamContents .listArea ul li:hover
			.userContents .listArea ul li:hover,
			.userContents .RecommendArea li:hover {
				background-size:100%;
				/*font*/
				color:#666;
			}

				.teamContents .listArea ul li .img01_1 {
					position:absolute;
					bottom:-40px;
					left:10px;
					width:65px;
					height:65px;
					/*+*/
					border:#fed417 solid 2px;
				}

				.userContents .listArea ul li .img01_1 {
					position:absolute;
					bottom: 0;
					left: 0;
					width:65px;
					height:65px;
					/*+*/
					border:#fed417 solid 2px;
				}

				.userContents .RecommendArea ul li .img01_1 {
					bottom: 0;
					left: 0;
					width:65px;
					height:65px;
					/*+*/
					border:#fed417 solid 2px;
				}

				.teamContents .listArea ul li .img01_1:hover,
				.userContents .listArea ul li .img01_1:hover,
				.userContents .RecommendArea li .img01_1:hover {
					/*+*/
					border:#ccc solid 2px;
				}

				.teamContents .listArea ul li p.name {
					position:absolute;
					bottom:-30px;
					left:80px;
					/*font*/
					font-size:90%;
				}

				.userContents .listArea ul li span.role1 {
					position:absolute;
					bottom: 30px;
					left:90px;
					/*font*/
					font-size:70%;
					color:#333;
					font-weight: normal;
				}
				.userContents .RecommendArea ul li span.role1 {
					bottom: 30px;
					left:90px;
					/*font*/
					font-size:70%;
					color:#333;
					font-weight: normal;
				}
				.userContents .listArea .user_right_box{
                    margin: auto;
                    position:absolute;
					bottom: 20px;
					transform: scale(0.85);
					left:61px;
					width: 190px;
				}
				.userContents .RecommendArea .user_right_box {
					margin: auto;
                    width: 190px;
					height: 45px;
				}
				.userContents .listArea .role2_box{
					width: 210px;
					height: 50px;
				}
				
				@-moz-document url-prefix() {
					.userContents .listArea .role2_box {
						width: 170px;
					}
				}
				.userContents .RecommendArea .role2_box {
					text-align: center;
					display: inline;
				}
				.userContents .listArea .role_icon,
				.userContents .RecommendArea .role_icon {
					font-size:80%;
					color:#333;
					font-weight: normal;
					padding:4px;
					padding-left: 6px;
					padding-right: 6px;
					margin:3px;
					border-radius:10px;
					text-decoration:none;
					line-height: 25px;
				}
				.userContents .listArea ul li span.role2_1 {
					background:#fab9ad;
				}

				.userContents .listArea ul li span.role2_2 {
					background:#c7dba7;
				}

				.userContents .listArea ul li span.role2_3 {
					background:#a2dcff;
				}

				.userContents .listArea ul li span.role2_4 {
					background:#e2eafe;
				}

				.userContents .listArea ul li span.role2_99 {
					background:#cec2f8;
				}

				.userContents .listArea ul li span.name {
					position: absolute;
					bottom: 2px;
					left: 80px;
					color:#333;
					font-weight: normal;
				}

				.userContents .RecommendArea ul li span.role2_1 {
					height: 20px;
					background:#fab9ad;
					white-space: nowrap;
				}

				.userContents .RecommendArea ul li span.role2_2 {
					height: 20px;
					background:#c7dba7;
					white-space: nowrap;
				}

				.userContents .RecommendArea ul li span.role2_3 {
					height: 20px;
					background:#a2dcff;
					white-space: nowrap;
				}

				.userContents .RecommendArea ul li span.role2_4 {
					height: 20px;
					background:#e2eafe;
					white-space: nowrap;
				}

				.userContents .RecommendArea ul li span.role2_99 {
					height: 20px;
					background:#cec2f8;
					white-space: nowrap;
				}
				/* For Chrome */
				@media screen and (-webkit-min-device-pixel-ratio:0) {
					.userContents .RecommendArea ul li span {
						white-space: normal !important;
					}
					.user_right_box {
						transform: scale(0.7) !important;
					}
					.userContents .RecommendArea .user_right_box {
						width: 210px;
					}
					.userContents .listArea .user_right_box {
						width: 50px;
					}
				}

				.userContents .RecommendArea ul li span.name {
					bottom: 0;
					left: 80px;
					font-size:90%;
					color:#333;
					font-weight: normal;
				}

				.userContents .RecommendArea p {
					padding: 10px 0;
					border-bottom: 1px solid #d2d2d2;
					text-align: center;
					font-size: 120%;
					font-weight: bold;
					color: #008de2;
					background-color: #f4fafb;
				}

				.userContents .hitUserNumber {
					text-align: center;
					font-weight: bold;
				}

				.userContents .hitUserNumber span {
					color: #008de2;
				}

	/*me*/

	.teamContents .meArea,
	.userContents .meArea {
		padding:0 20%;
		overflow:hidden;
	}

	@media (max-width: 480px) {
	.teamContents .meArea,
	.userContents .meArea {
		padding:0 10%;
		overflow:hidden;
	}
	}

		.teamContents .meArea h3,
		.userContents .meArea h3 {
			margin-top:10px;
			/*font*/
			text-align:center;
			font-family: 'nevis';
			font-size:250%;
		}

			.teamContents .meArea h3 span,
			.userContents .meArea h3 span {
				display:block;
				margin-left:10px;
				/*font*/
				text-align:center;
				font-family:arimo;
				font-size:50%;
				color:#666;
			}

			.teamContents .meArea h3 span a,
			.userContents .meArea h3 span a {
				/*font*/
				color:#00aeef;
			}

			.teamContents .meArea h3 span a:hover,
			.userContents .meArea h3 span a:hover {
				/*font*/
				color:#666;
			}

		.teamContents .meArea .photo,
		.userContents .meArea .photo {
			*
		}

			.teamContents .meArea .photo .img01_1,
			.userContents .meArea .photo .img01_1 {
				width:160px;
				height:160px;
				margin:0 auto;
			}

		.teamContents .meArea section,
		.userContents .meArea section {
			margin-top:20px;
			/*font*/
			line-height:180%;
		}
		
.search_form {
  padding: 6px !important;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
}
.search_form input[type="text"] {
  height: 26px;
  width: 100%;
  border: 0px;
}
.post_form {
	padding:20px;
	position: relative;
	border: 1px solid #d2d2d2;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.post_form:after, .post_form:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.post_form:after {
	border-color: rgba(251, 255, 245, 0);
	border-top-color: #fbfff5;
	border-width: 10px;
	margin-left: -10px;
}
.post_form:before {
	border-color: rgba(210, 210, 210, 0);
	border-top-color: #d2d2d2;
	border-width: 11px;
	margin-left: -11px;
}
.post_form textarea {
  width: 100%;
  height: 100px;
  margin-top: 0.5em;
  border: 1px solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #8e8e8e;
}
.shape .input_guide {
	background-color: #EEE;
	margin: 10px 0;
	padding: 10px;
	font-size: 0.4em;
	color: #7b7b7b;
}

.shape .input_guide .guide_item {
	color: #008de1;
}

.search_form.form04:after { left: 0; }

	/*member*/

	.teamContents .memberyArea {
		padding:0 20%;
		margin-top:30px;
		overflow:hidden;
	}

	@media (max-width: 480px) {
	.teamContents .memberyArea {
		padding:0 10%;
	}
	}

		.teamContents .memberyArea ul {
			*
		}

			.teamContents .memberyArea ul li {
				margin-bottom:20px;
				width:50%;
				float:left;
				/*font*/
				color:#333;
			}

			@media (max-width: 992px) {
			.teamContents .memberyArea ul li {
				width:100%;
				float:none;
			}
			}

				.teamContents .memberyArea ul li .thmb {
					float: left;
					height:50px;
					width:50px;
					background-size: cover;
					border-radius: 50%;
					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
				}

				.teamContents .memberyArea ul li .name {
					float:left;
					padding:13px 30px 0 20px;
					/*font*/
					font-size:120%;
					font-family: 'nevis';
					color:#666;
				}

				.teamContents .memberyArea ul li .name:hover {
					/*font*/
					color:#ccc;
				}

				.teamContents .memberyArea ul li .name:before,.teamContents .memberyArea ul li .name:after {
					content: " ";
    			display: table;
				}

				.teamContents .memberyArea ul li .name:after{
						clear: both;
				}
.search_conditions h4 { margin-top: 1rem; }
.search_conditions .role label {
  margin-right: 1em;
}
.search_conditions .role label:first-of-type {
  display: block;
}
.search_conditions .role2 label { display: table; }
.search_conditions .role2 label select {
  width: 15em;
  margin-left: 0.5em;
  background: transparent;
}
.search_conditions .role2 label.marketer { display: inline-block; }
.search_conditions .role2 label.role2_etc {
  display: inline-block;
  margin-left: 2em;
}
.search_conditions label[for="role_all"] {
  display: block;
}
.search_conditions input[type="radio"],
.search_conditions input[type="checkbox"] {
  margin-right: 5px;
}
.search_conditions .interest {
	margin-bottom: 0.5em
}
input[type="button"].search_submit,
input[type="submit"].search_submit {
  margin: 0.5em 0;
  width: 50%;
}

/* ----------------------------------------
4. event
---------------------------------------- */

.eventContents {
	/*position:absolute;<=common
	top:0;
	right:0;
	display:block;*/
	display:block;
	width:100%;
	padding-top:80px;
	padding-bottom:50px;
}

@media (max-width: 992px) {
.eventContents {
	padding-top:40px;
	display:block;
	width:100%;
	padding-bottom:25px;
}
}

	/*list*/

	.eventContents .listArea {
		width:100%;
		position:relative;
		padding:0 10%;
	}

	@media (max-width: 992px) {
	.eventContents .listArea {
		padding:0 5%;
	}
	}

		.eventContents .listArea ul {
			width:100%;
		}

			.eventContents .listArea ul li {
				padding:20px;
				margin-bottom:20px;
				-webkit-box-shadow: 0 0 7px rgba(0,0,0,.14);
				-moz-box-shadow: 0 0 7px rgba(0,0,0,.14);
				box-shadow: 0 0 7px rgba(0,0,0,.14);
				border: solid 1px #e6e6e6;
				position:relative;
			}

			@media (max-width: 480px) {
			.eventContents .listArea ul li {
				padding:10px;
			}
			}

			.eventContents .listArea ul li:hover {
				background-color:#F1F1F1;
			}

				.eventContents .listArea ul li dl {
					display:block;
					width:100%;
				}

				.eventContents .listArea ul li dt {
					float:left;
				}

					.eventContents .listArea ul li dt .thmb {
						width:80px;
						height:80px;
						background-size: cover;
						background-position:center center;
						/*css3*/
						border-radius: 3px;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
					}

					@media (max-width: 480px) {
					.eventContents .listArea ul li dt .thmb {
						display:block;
						width:60px;
						height:60px;
						/*css3*/
						border-radius: 3px 3px 0px 0px;
						-webkit-border-radius: 3px 3px 0px 0px;
						-moz-border-radius: 3px 3px 0px 0px;
					}
					}

				.eventContents .listArea ul li dd {
					float:left;
					width:70%;
					margin-left:20px;
				}

				@media (max-width: 992px) {
				.eventContents .listArea ul li dd {
					float:left;
					width:70%;
					margin-left:20px;
				}
				}

				.eventContents .listArea ul li dd:after {
					clear:both;
				}

					.eventContents .listArea ul li dd h3 {
						margin-top:10px;
						/*font*/
						font-family: 'nevis';
						font-size:120%;
						color:#348cc9;
					}

					@media (max-width: 480px) {
					.eventContents .listArea ul li dd h3 {
						/*font*/
						font-size:80%;
					}
					}

					.eventContents .listArea ul li dd h3 span {
						display:block;
						margin-top:5px;
						/*font*/
						font-family:arimo;
						font-size:80%;
						color:#666;
					}

					.eventContents .listArea ul li dd .txt {
						width:110%;
						margin-top:15px;
						/*font*/
						color:#666;
					}

					@media (max-width: 480px) {
					.eventContents .listArea ul li dd .txt {
						width:105%;
						/*font*/
						font-size:90%;
					}
					}

				.eventContents .listArea ul li .btn {
					position:absolute;
					top:20px;
					right:20px;
				}

				@media (max-width: 768px) {
				.eventContents .listArea ul li .btn {
					/*position:absolute;
					top:70px;
					left:10px;*/
				}
				}

				.eventContents .listArea ul li .btn .btn02_3 {
					padding:10px 20px;
				}

				@media (max-width: 768px) {
				.eventContents .listArea ul li .btn .btn02_3 {
					margin:32px 0 0 0;
					padding:3px 8px;
				}
				.eventContents .listArea ul li .btn .btn02_8 {
					margin:32px 0 0 0;
					padding:3px 8px;
				}
				}

	/*detailArea*/

	.eventContents .detailArea {
		width:100%;
		position:relative;
		padding:0 10%;
	}

	@media (max-width: 992px) {
	.eventContents .detailArea {
		padding:0 5%;
	}
	}

		.eventContents .detailArea .cover {
			width:100%;
			height:295px;
			background-size: cover;
			background-position:top center;
		}

		/*info*/
		.eventContents .detailArea .info {
			background-color:#f3f3f3;
			padding:15px;
			position:relative;
		}

			.eventContents .detailArea .info ul {
				margin:0;
			}

			.eventContents .detailArea .info ul li {
				float:left;
				margin-right:20px;
				/*font*/
				font-size:120%;
				font-family: 'nevis';
			}

			@media (max-width:480px) {
			.eventContents .detailArea .info ul li {
				float:none;
			}
			}

			.eventContents .detailArea .info ul li i {
				margin-right:10px;
				/*font*/
				color:#ababab;
			}

			.eventContents .detailArea .info ul li a {
				/*font*/
				color:#00aeef;
			}

			.eventContents .detailArea .info ul li a:hover {
				/*font*/
				color:#ccc;
			}

			.eventContents .detailArea .info p {
				/*font*/
				color:#ff7575;
			}

			.eventContents .detailArea .info .btn02_3 {
				margin-top: 10px;
				/*css3*/
				border-radius: 3px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
			}

		/*txt(article)*/
		.eventContents .detailArea .txt {
			padding:15px;
			/*font*/
			line-height:180%;
			color:#444;
		}

			.eventContents .detailArea .txt span {
				/*font*/
				color:#00aeef;
			}

			.eventContents .detailArea .txt span a {
				/*font*/
				color:#00aeef;
			}

			.eventContents .detailArea .txt span a:hover {
				/*font*/
				color:#ccc;
			}

		/*overiview*/

		.eventContents .detailArea .overiview {
			padding:20px;
			margin-bottom:20px;
			-webkit-box-shadow: 0 0 7px rgba(0,0,0,.14);
			-moz-box-shadow: 0 0 7px rgba(0,0,0,.14);
			box-shadow: 0 0 7px rgba(0,0,0,.14);
			border: solid 1px #e6e6e6;
			position:relative;
		}

		@media (max-width: 480px) {
		.eventContents .detailArea .overiview {
			padding:10px;
		}
		}

		.eventContents .detailArea .overiview:hover {
			background-color:#FAFAFA;
			border:#02a752 solid 1px;
		}

			.eventContents .detailArea .overiview dl {
				display:block;
				width:100%;
				/*font*/
				color:#666;
			}

			.eventContents .detailArea .overiview dt {
				float:left;
			}

				.eventContents .detailArea .overiview dt .thmb {
					width:80px;
					height:80px;
					background-size: cover;
					background-position:center center;
					/*css3*/
					border-radius: 3px;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
				}

				@media (max-width: 480px) {
				.eventContents .detailArea .overiview dt .thmb {
					display:none;
				}
				}

				.eventContents .detailArea .overiview dt.chapter {
					width:25%;
				}

			.eventContents .detailArea .overiview dd {
				float:left;
				width:75%;
				padding-left:20px;
				margin-bottom:15px;
			}

			@media (max-width:480px) {
			.eventContents .detailArea .overiview dd.chapter {
				width:100%;
			}
			}

			@media (max-width: 992px) {
			.eventContents .detailArea .overiview dd {
				float:left;
				width:75%;
				padding-left:20px;
			}
			}

			@media (max-width:480px) {
			.eventContents .detailArea .overiview dd {
				padding-left:0;
			}
			}

			.eventContents .detailArea .overiview dd:after {
				clear:both;
			}

				.eventContents .detailArea .overiview dd h3 {
					margin:10px 0 20px 0;
					/*font*/
					font-family: 'nevis';
					font-size:120%;
					color:#348cc9;
				}

				@media (max-width: 480px) {
				.eventContents .detailArea .overiview dd h3 {
					/*font*/
					font-size:100%;
				}
				}

				.eventContents .detailArea .overiview dd h3 span {
					display:block;
					margin-top:5px;
					/*font*/
					font-family:arimo;
					font-size:80%;
					color:#666;
				}

				.eventContents .detailArea .overiview dd .txt {
					width:110%;
					margin-top:15px;
					/*font*/
					color:#666;
				}

				@media (max-width: 480px) {
				.eventContents .detailArea .overiview dd .txt {
					width:105%;
					/*font*/
					font-size:90%;
				}
				}

			/*cvform*/

			.eventContents .detailArea .overiview .cvform {
				padding:30px 0;
				border-top:#e6e6e6 solid 1px;
			}

				.eventContents .detailArea .overiview .cvform .form06 {
					width:60%;
					margin:0 auto;
				}

				@media (max-width:480px) {
				.eventContents .detailArea .overiview .cvform .form06 {
					width:80%;
				}
				}

					.eventContents .detailArea .overiview .cvform .form06 h3 {
						/*font*/
						font-family:'nevis';
						font-size:120%;
						color:#666;
					}

					.eventContents .detailArea .overiview .cvform .form06 select{
						width:100%;
					}

				.eventContents .detailArea .overiview .cvform .btn02_3 {
					margin-top: 20px;
					padding:15px;
					/*css3*/
					border-radius: 3px;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
				}

	/*membersArea*/

	.eventContents .membersArea {
		width:100%;
		position:relative;
		padding:0 10%;
	}

	@media (max-width: 992px) {
	.eventContents .membersArea {
		padding:0 5%;
	}
	}

		/*h2*/
		.eventContents .membersArea h2 {
			margin-top:30px;
		}

		/*info*/
		.eventContents .membersArea .info {
			background-color:#f3f3f3;
			padding:15px;
			position:relative;
		}

			.eventContents .membersArea .info ul {
				margin:0;
			}

			.eventContents .membersArea .info ul li {
				float:left;
				margin-right:20px;
				/*font*/
				font-size:120%;
				font-family: 'nevis';
			}

			@media (max-width:480px) {
			.eventContents .membersArea .info ul li {
				float:none;
			}
			}

			.eventContents .membersArea .info ul li i {
				margin-right:10px;
				/*font*/
				color:#ababab;
			}

			.eventContents .membersArea .info ul li a {
				/*font*/
				color:#00aeef;
			}

			.eventContents .membersArea .info ul li a:hover {
				/*font*/
				color:#ccc;
			}

			.eventContents .membersArea .info p {
				/*font*/
				color:#ff7575;
			}

			.eventContents .membersArea .info .btn02_3 {
				margin-top: 10px;
				/*css3*/
				border-radius: 3px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
			}

		/*profile*/
		.eventContents .membersArea .profile {
			margin:0;
			padding-top:30px;
		}

			.eventContents .membersArea .profile ul {
				margin:0;
			}

				.eventContents .membersArea .profile ul li {
					float:left;
					width:25%;
					display:block;
					margin-bottom:20px;
				}

				@media (max-width:480px) {
				.eventContents .membersArea .profile ul li {
					width:50%;
				}
				}

					.eventContents .membersArea .profile ul li p.thmb {
						float:left;
						margin-right:10px;
						width:50px;
						height:50px;
						background-size: cover;
						background-position:center center;
						border:#ccc;

						/*css3*/
						border-radius:50%;
						-webkit-border-radius:50%;
						-moz-border-radius:50%;
					}

					.eventContents .membersArea .profile ul li p.name {
							float:left;
							margin-top:5px;
							/*font*/
							font-family: 'nevis';
							font-size:120%;
							line-height:110%;
						}

						@media (max-width:480px) {
						.eventContents .membersArea .profile ul li p.name {
							/*font*/
							text-align:center;
						}
						}

						.eventContents .membersArea .profile ul li p.name a {
							/*font*/
							color:#348cc9;
						}

						.eventContents .membersArea .profile ul li p.name a:hover {
							/*font*/
							color:#ccc;
						}

						.eventContents .membersArea .profile ul li p.name span {
							/*font*/
							word-wrap:break-word;
							font-family:'arimo';
							font-size:60%;
							color:#282828;
						}

/* ----------------------------------------
5. message
---------------------------------------- */

.messageContents {
	/*position:absolute;<=common
	top:0;
	right:0;
	display:block;*/
	display:block;
	width:100%;
}

@media (max-width: 992px) {
.messageContents {
	padding-top:0;
	padding-bottom: 0;
}
}

@media (max-width: 480px) {
body {
	overflow-y:hidden;
}
}

	/*list*/

	.messageContents .listArea {
		width:30%;
		height:100%;
		overflow:scroll;
		float:left;
		position:relative;
		z-index:8;
	}

	@media (max-width: 480px) {
	.messageContents .listArea {
		width:100%;
		position:relative;
		overflow:hidden;
	}
	}

		.messageContents .listArea .serch {
			height:50px;
			padding:0 0 0 0;
			margin:0;
			border-bottom:#dfdfdf solid 1px;
		}

		@media (max-width: 480px) {
		.messageContents .listArea .serch {
			/*display:none;*/
		}
		}

		.messageContents .listArea ul {
			width:100%;
			margin:0;
		}

			.messageContents .listArea ul li {
				padding:10px;
				border-left:#ccc solid 4px;
				border-bottom:#f4f4f4 solid 1px;
				background-color:#fff;
			}

			@media (min-width: 481px) and (max-width: 820px)  {
			.messageContents .listArea ul li {
				padding:5px;
			}
			}

			.messageContents .listArea ul li:hover {
				background-color:#f9f9f9;
				border-left:#fed314 solid 4px;
			}

			.messageContents .listArea ul li.current {
				background-color:#fed313;
				border-left:#fed313 solid 4px;
				border-bottom:#fed313 solid 1px;
			}

				.messageContents .listArea ul li.current  p.name span {
					margin-left:5px;
					/*font*/
					color:#fff;
				}

				.messageContents .listArea ul li .thmb {
					float: left;
					height:50px;
					width:50px;
					background-size: cover;
					background-position:center center;
					/*css3*/
					border-radius: 50%;
					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
				}

				@media (max-width: 1120px) {
				.messageContents .listArea ul li .thmb {
					height:30px;
					width:30px;
				}
				}

				@media (min-width: 481px) and (max-width: 820px)  {
				.messageContents .listArea ul li .thmb {
					display:none;
				}
				}

				.messageContents .listArea ul li p.name {
					float:left;
					padding:16px 30px 0 15px;
					margin:0;
					/*font*/
					font-size:120%;
					font-family: 'nevis';
					color:#666;
					z-index:10;
				}

				@media (min-width: 481px) and (max-width: 820px)  {
				.messageContents .listArea ul li p.name {
					padding:7px 30px 0 15px;
				}
				}


				.messageContents .listArea ul li p.name span {
					margin-left:5px;
					/*font*/
					font-family:arimo;
					color:#ccc;
					font-size:80%;
				}

				.messageContents .listArea ul li p.nowrap {
					float:none;
					clear:both;
					margin:0 0 0 65px;
					white-space: nowrap;
					overflow: hidden;
					-o-text-overflow: ellipsis;
					text-overflow: ellipsis;
					/*font*/
					color:#666;
					font-size:100%;
				}

				@media (max-width: 1120px) {
				.messageContents .listArea ul li p.nowrap {
					margin:0 0 0 10px;
				}
				}

	/*chat*/

	.messageContents .chatArea {
		width:70%;
		height:100%;
		float:left;
		position:relative;
		/*css3*/
		-webkit-box-shadow: 0 3px 13px rgba(0,0,0,.2);
		-moz-box-shadow: 0 3px 13px rgba(0,0,0,.2);
		box-shadow: 0 3px 13px rgba(0,0,0,.2);
	}

	@media (max-width: 480px) {
	.messageContents .chatArea {
		width:100%;
		position:relative;
		margin-bottom:100px;
	}
	}

		.messageContents .chatArea h2 {
			height:50px;
			padding:14px 0 0 22px;
			margin:0;
			border-bottom:#dfdfdf solid 1px;
			/*font*/
			text-align:left;
			letter-spacing:0px;
			font-size:120%;
		}

		@media (max-width: 992px) {
		.messageContents .chatArea h2 {
			height:50px;
			padding:10px;
			background-color:#fff;
		}
		}

			.messageContents .chatArea h2 a {
				/*font*/
				color:#999;
				text-decoration:underline;
			}

			@media (max-width: 480px) {
			.messageContents .chatArea h2 a {
				/*font*/
				font-size:120%;
				color:#348cc9;
				text-decoration:none;
			}
			}

			.messageContents .chatArea h2 a:hover {
				/*font*/
				text-decoration:none;
			}

		.messageContents .chatArea ul {
			width:100%;
			margin:0;
			overflow:scroll;
		}

		@media (max-width: 480px) {
		.messageContents .chatArea ul {
			overflow: hidden;
		}
		}

		.formAreaOuter {
			padding-left:24%;
		}
		@media (max-width: 992px) {
			.formAreaOuter {
				padding-left:30%;
				width:100%;
			}
		}
		@media (max-width: 480px) {
			.formAreaOuter {
				padding-left:0;
				width:100%;
			}
		}
			.messageContents .chatArea ul li {
				padding:8px;
			}

			.messageContents .chatArea ul li:last-child {
				padding:8px;
			}

				.messageContents .chatArea ul li dl {
					display:block;
					width:100%;
				}

				.messageContents .chatArea ul li dt {
					float:left;
					padding:5px;
				}

					.messageContents .chatArea ul li dt img {
						width:50px;
						height:auto;
						/*css3*/
						border-radius: 3px;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
					}

					@media (max-width: 992px) {
					.messageContents .chatArea ul li dt img {
						width:40px;
						height:auto;
					}
					}

				.messageContents .chatArea ul li dd {
					float:left;
					width:80%;
					margin-left:20px;
				}

				@media (max-width: 1120px) {
				.messageContents .chatArea ul li dd {
					width:70%;
				}
				}

				.messageContents .chatArea ul li dd:after {
					clear:both;
				}

					.messageContents .chatArea ul li dd h3 {
						margin-top:3px;
					}

					.messageContents .chatArea ul li dd h3 a {
						margin-top:0px;
						/*font*/
						font-family: 'nevis';
						font-size:100%;
						color:#348cc9;
					}

					.messageContents .chatArea ul li dd h3 span {
						margin-left:10px;
						/*font*/
						font-size:80%;
						color:#666;
					}

					.messageContents .chatArea ul li dd .txt {
						margin-top:5px;
						/*font*/
						color:#666;
					}

				.messageContents .chatArea ul li.notification {
					background-color:#f0f0f0;
					border-top:#ccc solid 1px;
					border-bottom:#ccc solid 1px;
				}

					.messageContents .chatArea ul li.notification dd h3 a {
						margin-top:10px;
						padding:5px;
						/*font*/
						font-family: 'nevis';
						font-size:100%;
						color:#ccc;
						border:#ccc solid 1px;
						-webkit-border-radius:3px;
						-moz-border-radius:3px;
						border-radius:3px;
					}

					.messageContents .chatArea ul li.notification dd h3 a {
						margin-top:10px;
						padding:5px;
						/*font*/
						font-family: 'nevis';
						font-size:100%;
						color:#666;
						border:#666 solid 1px;
						-webkit-border-radius:3px;
						-moz-border-radius:3px;
						border-radius:3px;
					}

					.messageContents .chatArea ul li.notification dd .txt {
						/*font*/
						color:#666;
						font-style:italic;
					}

		.messageContents .chatArea .input {
			position: fixed;
			left:0;
			bottom:0px;
			width:100%;
			box-shadow:0 8px 12px -8px #222;
			z-index:5;
		}

			.messageContents .chatArea .input w80 {
				padding-left:24%;
			}

			@media (max-width: 992px) {
			.messageContents .chatArea .input w80 {
				padding-left:2%;
			}
			}

			@media (max-width: 480px) {
			.messageContents .chatArea .input w80 {
				padding-left:0;
			}
			}

			.messageContents .chatArea .input .inner {
				width:100%;
				background-color:#f9f9f9;
				border-top:#dfdfdf solid 1px;
				/*font*/
				color:#fff;
			}

			@media (max-width: 480px) {
			.messageContents .chatArea .input .inner {
				width:100%;
				color:#fff
			}
			}

			.messageContents .chatArea .input .inner ul {
				padding-bottom:0/*L890 resrt*/;
			}

				.messageContents .chatArea .input .inner .formArea {
					width:100%;
				}

				@media (max-width: 480px) {
				.messageContents .chatArea .input .inner .formArea form03 li {
					padding:0;
				}

				.messageContents .chatArea .input .inner .formArea form03 li textarea {
					padding:0;
				}
				}


/* ----------------------------------------
7. qa
---------------------------------------- */

#qa {
  position: relative;
  padding-top: 100px;
  background: #fed312;
  color: #000;
  padding-bottom: 30px;
}
@media (max-width: 560px){
  #qa{
    padding-top: 40px;
    padding-bottom: 20px;
  }
}
#qa:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: 26px transparent solid;
  border-top-color: #fff;
  border-top-width: 33px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -26px;
}
#qa h2 {
  width: 90%;
  margin: 0 auto 60px;
  font-family: 'nevis';
  font-size: 25px;
  text-align: center;
}
@media (max-width: 560px){
  #qa h2 {
    margin-bottom: 10px;
  }
}
#qa .wrapper {
  overflow: hidden;
  max-width: 820px;
}
#qa .tabMenu {
  width: 18.5%;
  padding-left: 5%;
  float: left;
}
@media (max-width: 860px) {
  #qa .tabMenu {
    width: 100%;
    float: none;
    padding-left: 0;
    text-align: center;
    margin-bottom: 20px;
  }
}
@media (max-width: 860px) {
  #qa .tabMenu li {
    display: inline-block;
    padding: 0 10px;
  }
}
#qa .tabMenu a {
  display: block;
  color: #c9a710;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: bold;
}

#qa .tabMenu a:hover {
  color: #a68b10;
}
@media (max-width: 1024px) {
  #qa .tabMenu a {
    font-size: 16px;
  }
}
@media (max-width: 860px) {
  #qa .tabMenu a {
    font-size: 14px;
  }
}
#qa .tabMenu a.current {
  color: #a68b10;
}
#qa .tabContent {
  width: 75%;
  float: right;
  display: none;
}
@media (max-width: 860px) {
  #qa .tabContent {
    width: 100%;
    float: none;
  }
}
#qa .tabContent.current {
  display: block;
}
#qa .tabContent h3 {
  background: #ecc410;
  padding-left: 100px;
  height: 56px;
  line-height: 56px;
  color: #a68b10;
  font-weight: bold;
}
@media (max-width: 860px) {
  #qa .tabContent h3 {
    padding-left: 4%;
  }
}
@media (max-width: 1024px) {
  #qa .tabContent h3 {
    font-size: 16px;
  }
}
@media (max-width: 860px) {
  #qa .tabContent h3 {
    font-size: 14px;
  }
}
#qa .tabContent li {
  border-top: 1px #edc510 solid;
}
#qa .tabContent li a {
  display: block;
  color: #a68b10;
  padding: 20px 0 15px !important;
  transition-duration: .4s;
  padding-left: 100px;
}
@media (max-width: 860px) {
  #qa .tabContent li a {
    padding-left: 6%;
    padding-right: 6%;
  }
}
@media (max-width: 1024px) {
  #qa .tabContent li a {
    font-size: 16px;
  }
}
@media (max-width: 860px) {
  #qa .tabContent li a {
    font-size: 14px;
  }
}
#qa .tabContent li a:hover {
  background: #ecc410;
}
#qa .tabContent li p {
  color: #a68b10;
  font-size: 16px;
  padding-bottom: 16px;
  display: none;
  padding-left: 100px;
}
@media (max-width: 860px) {
  #qa .tabContent li p {
    padding-left: 6%;
    padding-right: 6%;
  }
}
@media (max-width: 1024px) {
  #qa .tabContent li p {
    font-size: 14px;
  }
}
#qa .tabContent li.current a {
  font-size: 36px;
  transition-duration: .4s;
  background: #fed312;
}
@media (max-width: 1024px) {
  #qa .tabContent li.current a {
    font-size: 28px;
  }
}
@media (max-width: 860px) {
  #qa .tabContent li.current a {
    font-size: 24px;
  }
}
#qa .tabContent li.current a:hover {
  background: #fed312;
}
#qa .tabContent li.current p {
  display: block;
}

/* 2015/04/28@PSK */
#qa .tabContent ul.question {
	padding:50px;
	/*font*/
	color:#a68b10;
}

@media (max-width: 560px) {
#qa .tabContent ul.question {
	padding:0;
	/*font*/
	color:#a68b10;
}
}

	a.no-links{
		pointer-events: none;
		cursor: default;
		text-decoration:none;
	}

	#qa .tabContent ul.question li {
		padding:20px;
	}

		#qa .tabContent ul.question li h4 {
			font-size:24px;
		}

.answer {
	margin:10px 0 0 0;
	width:100% !important;
	font-size:1.17em;
	display:none;
	color:#000000;
	padding-right:20px !important;
}

/* ----------------------------------------
8. popup
---------------------------------------- */

	/*login*/
	.popup01 .loginArea {
		padding:20px;
	}

		.popup01 .loginArea h2 {
			/*font*/
			font-size:400%;
			text-align:center;
			font-family: 'LondrinaSolid-Regular';
			color:#11171b;
		}

			.popup01 .loginArea h2 span {
				display:block;
				margin-top:20px;
				/*font*/
				font-size:30%;
				color:#696969;
			}

			.popup01 .loginArea input[type="submit"] {
				width:100%;
				margin-top:50px;
				background-color:#3B5998;
				padding:15px;
				-webkit-border-radius: 50px;
				-moz-border-radius:50px;
				border-radius: 50px;
				cursor:pointer;
				/*font*/
				font-family: 'nevis';
				font-size: 180%;
				color:#fff;
				/*reset*/
				border:none;
			}

	/*about*/
	.popup01 .aboutArea {
		padding:20px;
	}

		.popup01 .aboutArea h2 {
			/*font*/
			font-size:400%;
			text-align:center;
			font-family: 'LondrinaSolid-Regular';
			color:#11171b;
		}

			.popup01 .aboutArea h2 span {
				display:block;
				margin-top:20px;
				/*font*/
				font-size:30%;
				color:#696969;
			}

/* ----------------------------------------
9. wysiwyg
---------------------------------------- */

form#message {
	margin-top: 20px;
}

div#editor {
	height: 280px;
	margin-bottom: 20px;
}

div.file_button {
	margin-bottom: 10px;
}

/* ----------------------------------------
10. ページ送り
---------------------------------------- */

div#pageArea ul.pageNavi {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	background: #fff;
	text-align: center;
}

div#pageArea ul.pageNavi li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

div#pageArea ul.pageNavi li span,
div#pageArea ul.pageNavi li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	text-decoration: none;
	vertical-align: middle;
}

div#pageArea ul.pageNavi li a:hover {
	color: #000;
	background: #ccf;
	border-color: #00f;
}

.progressbar {
	margin-top:20px;
	margin-bottom:20px;
}

/* ----------------------------------------
11. 更新訴求モーダル
---------------------------------------- */
.modal-dialog {
	width: 60%;
	margin: 150px auto 20px auto;
}

@media (max-width: 860px) {
	.modal-dialog {
		width: 86%;
		margin: 100px auto 20px auto;
	}
}

.modal-header {
	border: none;
	padding: 15px 15px 0 15px;
}

.modal-header p {
	margin: 10px;
}

.modal-header p span.modal_info {
	font-weight: bold;
	color: #0086D6;
}

.modal-footer {
	border: none;
	text-align: center;
	margin: 20px 0;
}

.modal-body {
	padding: 0 30px;
}

.modal-body h1 {
	color: #008de2;
	text-align: center;
	font-weight: bold;
	font-size: 130%;
	margin: 10px 0;
}

h1.modal-body-title-pre {
	font-weight: bold;
	font-size: 150%;
	text-align: center;
}

h1.modal-body-title-pre i {
	color: #0086D6;
	margin-right: 10px;
	font-size: 110%;
}

.modal-body h3 {
	color: #666;
	font-weight: bold;
	font-size: 110%;
	margin: 10px 0;
	border-bottom: solid 2px #05C3DE;
	position: relative;
}

.modal-body h3:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 2px #0086D6;
	bottom: -2px;
	width: 20%;
}

.modal-body p {
	margin: 10px 0;
}

.modal-body p.comment, .modal-header span.comment {
	font-size: 90%;
	color: #666;
	margin: 0 0 10px 0;
}

.modal-body p.username {
	color: #666;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	margin: 10px 0;
}

.modal-body .form03 input[type="checkbox"] {
	margin-right: 3px;
}

.modal-body .form03 h4 {
	margin: 10px 0 3px 0;
}

.modal-body .form03 label {
	margin-right: 10px;
}

.modal-body .photo {
	*
}

.modal-body .photo .img01_1 {
	width:160px;
	height:160px;
	margin:0 auto;
	/*+*/
	border:#fed417 solid 4px;
}

.modal-footer .btn-bootstrap {
	padding: 10px;
}

.modal-footer .btn-primary {
	border-color: #008de2;
	background-color: #008de2;
	font-weight: bold;
	margin-left: 20px;
}

.modal-footer .entry {
	padding: 16px 30px;
}

.modal-footer .btn-secondary {
	color: #008de2;
}


/* ----------------------------------------
12. プレエントリー メニュー
---------------------------------------- */

#pre_entry_open {
	text-align: center;
	margin-top: 20px;
}

#pre_entry_open i {
	margin-right: 5px;
}

#pre_entry_open a {
	background-color: #fff;
	color: #32cd32;
	text-align: center;
	margin-top: 10px;
	padding: 10px 20px;
	border-radius: 25px;
	border: 2px solid #32cd32;
}

#pre_entry_open a:hover {
	background-color: #32cd32;
	color: #fff;
}

/* ----------------------------------------
13. トースト通知
---------------------------------------- */

.toast-container {
	position:absolute;
	top:150px;
	width:300px;
	right:0px;
	height:auto;
}