/*
2019.10.24 m-zawa3.5.css

*/
.row2 {
	margin-left:-30px;
	margin-right:-30px;
}

div.form-control {
	min-height: 34px;
	height: auto;
}

a.bannerBox {
	border: solid 1px #333;
	display: block;
	background-color: #ccc;
	padding: 3em 0;
	margin: 0 auto 1.6em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
	a.bannerBox.YanoICT {
		background-image: url(../images/banner/banner_yanoict.jpg);
	}
	a.bannerBox.YDB {
		background-image: url(../images/banner/banner_ydb.jpg);
	}
	a.bannerBox.whats {
		background-image: url(../images/banner/banner_whats.jpg);
	}
	a.bannerBox.xbusiness {
		background-image: url(../images/banner/banner_xbusiness.jpg);
	}

.dummybanner1 {
	border: solid 1px #333;
	display: block;
	background-color: #ccc;
	padding: 3em 0;
	margin: 0 auto 1.6em;
}

.dummybanner2 {
	border: solid 1px #ccc;
	display: block;
	background-color: #fff;
	padding: 1em 0;
	margin: 0 auto 1.6em;
}

dl.top-list {
	border-top: solid 1px #ccc;
	font-size: 9.75pt;
	margin: 0 auto;
	padding: 0;
	line-height: 1.2em;
}

dl.top-list dt {
	overflow: hidden;
	clear: left;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: normal;
	/*
			margin: 0 0 0.8em;
			padding:0.2em 0.4em;
			float: left;
display:inline-block;
			width: 18%;
*/
}

dl.top-list dt:first-child {}

dl.top-list a {
	color: #555;
	border-bottom: dotted 1px #ccc;
	display: inline-block;
	width: 100%;
	padding: 0.2em 0.8em;
}

dl.top-list a:hover {
	background-color: rgba(204, 228, 255, 0.3);
}

dl.top-list dd.column1 {
	text-align: left;
	/*
float:left;
			width:52%;
			display:inline-block;
			padding: 0.4em 0.4em 0.8em;
			margin: 0 auto;
			padding:0.2em 0.4em;
*/
}

dl.top-list dd.column2 {
	margin: 0 0 0.8em;
	padding: 0.2em 0.4em;
	text-align: left;
	float: right;
	width: 25%;
	font-size: 9.75pt;
	display: inline-block;
	text-align: left;
}

/* 縦書き */
.textbox {
	position: absolute;
	right: 50%;
	writing-mode: vertical-rl;
}

.vertical {
	text-orientation: mixed;
}

.vertical__part {
	text-orientation: upright;
}

/* How to Buy */
.box-howtobuy {
	padding: 0.6em 0;
	margin: 0 auto 0.4em;
	position: relative;
	border-radius: 3px;
	background-color: #efefef;
	color: #333;
}

.box-howtobuy.color01 {
	background-color: #4255b8;
	color: #fff;
}

.triangle3 {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 15px solid black;
	margin: 0 auto 0.4em;
}


.flexslider {
	margin: 8em 0 0;
}

.nav-searchBox {
	margin: 0em auto 0.4em;
}

.fh5co-nav ul.Nav-R {
	font-size: 8.75pt;
	margin: 0 0 0;
	text-align: right;
	position: relative;
	height: 3.2em;
	z-index:999;
}

	.fh5co-nav ul.Nav-R div.m-upper {
		position: absolute;
		top: -2.0em;
		right: 0;
		white-space: nowrap;
	}
		.fh5co-nav ul.Nav-R div.m-upper li a {
			background-color: inherit;
			color: #404040;
		}
		.fh5co-nav ul.Nav-R div.m-upper li a:hover {
		}

	.fh5co-nav ul.Nav-R div.m-middle {
		position: absolute;
		top: 0.8em;
		right: 0;
		white-space: nowrap;
	}
	.fh5co-nav ul.Nav-R div.m-bottom {
		position: absolute;
		bottom: -3.2em;
		right: 0;
		white-space: nowrap;
	}
@media (max-width: 996px) {
	.fh5co-nav {
		padding:0;
		height: auto;	/*inherit;*/
	}
	
	.fh5co-nav ul.Nav-R div.m-upper {
		top: -7.0em;
		right: 2em;
	}
	.fh5co-nav ul.Nav-R div.m-middle {
		top: -0.05em;
		right: 2em;
	}
	.fh5co-nav ul.Nav-R div.m-bottom {
		bottom: inherit;
		right: 25em;
	}
}
@media (max-width: 512px) {
	.fh5co-nav {
		padding:0;
		height:15em;
	}
	.fh5co-nav ul.Nav-R div.m-upper {
		top: 0em;
		right: 1em;
	}
	.fh5co-nav ul.Nav-R div.m-middle {
		top: 2.4em;
		right: 1em;
	}
	.fh5co-nav ul.Nav-R div.m-bottom {
		top: 5.0em;
		right: 1em;
	}
}


.fh5co-nav ul.Nav-R li {
	margin: 0 0.2em 0 0;
}

.fh5co-nav ul.Nav-R li a {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	background-color: #2f3279;
	border-radius: 6px;
	padding: 0.3em 0.6em 0.2em;
	margin:0;
	color: #fff;
	font-size: 9.25pt;	/*10.75pt;*/
	text-align:center;
}

.fh5co-nav ul.Nav-R li a.HDlogin {
	background-color: #1e92f9;	/*#0298f2;*/
	width:14.75em;
}
.fh5co-nav ul.Nav-R li a.mypage {
	background-color: #5b468c;	/*#2f3279;*/
}
.fh5co-nav ul.Nav-R li a.cart {
	background-color: #f77c1c;	/*#df06df;*/
}
.fh5co-nav ul.Nav-R li a.contact {
	background-color: #2ea44b;	/*#7032AB;*/
}
.fh5co-nav ul.Nav-R li a.beginner {
	background-color: #cc0000!important;
}
			.icon-beginner {
				position: relative;
				display: inline-block;
				width: 0.8em;
				height: 0.8em;
				vertical-align: middle;
				margin-right: .4em;
			}
			.icon-beginner::before,
			.icon-beginner::after {
				position: absolute;
				top: -2px;
				content: "";
				display: block;
				width: 50%;
				height: 100%;
				border: .1em solid #fff;
				border-bottom-width: .15em;
				box-sizing: border-box;
			}
			.icon-beginner::before {
				left: 0;
				background: #ff0;
				transform: skewY(45deg);
				border-radius: .3em 0 0 .1em;
				border-right: none;
			}
			.icon-beginner::after {
				right: 0;
				background: #390;
				transform: skewY(-45deg);
				border-radius: 0 .3em .1em 0;
				border-left: none
			}
			.icon-beginner.mono::before {
				background: transparent;
			}
			.icon-beginner.mono::after {
				background: #fff;
			}
			.menu li.dark .icon-beginner.mono::before,
			.menu li.dark .icon-beginner.mono::after {
				border-color: #fff;
			}
			.menu li.dark .icon-beginner.mono::after {
				background: #fff;
			}

	.fh5co-nav ul.Nav-R li a.HDlogin:hover {
		background-color: rgba(30,146,249,0.4);	/*#1e92f9;	/*#0298f2;*/
	}
	.fh5co-nav ul.Nav-R li a.mypage:hover {
		background-color: rgba(91,70,140,0.4);	/*#5b468c;	/*#2f3279;*/
	}
	.fh5co-nav ul.Nav-R li a.cart:hover {
		background-color: rgba(247,124,28,0.4);	/*#f77c1c;	/*#df06df;*/
	}
	.fh5co-nav ul.Nav-R li a.contact:hover {
		background-color: rgba(46,164,75,0.4);	/*#2ea44b;	/*#7032AB;*/
	}
	.fh5co-nav ul.Nav-R li a.beginner:hover {
		background-color: rgba(204,0,0,0.4);	/*#2ea44b;	/*#7032AB;*/
	}

		.fh5co-nav ul.Nav-R li a.HDlogin:hover,
		.fh5co-nav ul.Nav-R li a.mypage:hover,
		.fh5co-nav ul.Nav-R li a.cart:hover,
		.fh5co-nav ul.Nav-R li a.contact:hover,
		.fh5co-nav ul.Nav-R li a.beginner:hover {
			color: #404040;
		}

@media (max-width: 996px) {
	.fh5co-nav ul.Nav-R li a.HDlogin {
		margin:-0.4em;
	}
}

/*
.fh5co-nav ul.Nav-R li a:hover {
	background-color: rgba(47, 50, 121, 0.6);
}

.fh5co-nav ul.Nav-R li a.HDlogin:hover {
	background-color: rgba(27, 28, 69, 1.0);
}

.fh5co-nav ul.Nav-R li a.cart:hover {
	background-color: #434466;
	/*rgba(71,49,143,1.0);*/
}
/*
.fh5co-nav ul.Nav-R li a.contact:hover {
	background-color: #3A1959;
	/*rgba(199,175,222,1.0);*/
}
*/
.fh5co-nav ul.Nav-R li a.icon {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	background-color: inherit;
	border-radius: 0px;
	padding: 0 0.4em;
	margin: 0 0 0.4em;
	color: #595959;
	font-size: 9.75pt;
}

.fh5co-nav ul.Nav-R li a.icon:hover {
	color: #2f3279;
	text-decoration: underline;
}

.fh5co-nav.Nav-R ul li > a {
	text-transform: uppercase;
	letter-spacing: 0px;
	font-size: 10.75pt;
}

.fh5co-nav ul.Nav-R li a .fa {
	margin: 0 0.4em 0 0;
}


#content .content-item .h1-box {
	height: 2.4em;
	background-color: #fff;
	text-align: left;
	/*
	height:4.8em;
*/
	display: -webkit-box;
	/*Android4.3*/
	display: -moz-box;
	/*Firefox21*/
	display: -ms-flexbox;
	/*IE10*/
	display: -webkit-flex;
	/*PC-Safari,iOS8.4*/
	display: flex
}

#content .content-item h1.toppage-mr2 {
	background-color: #2f3279;
	color: #fff;
	font-size: 20pt;
	text-align: center;
	margin: 1%;
}

#content .content-item .h1-textbox {
	color: #2f3279;
	font-size: 11.75pt;
	text-align: left;
	padding: 0.4em 0.4em;
	margin: 1%;
}


/* ブロック見出し　デフォルトは市場調査 ----------------*/
#content .content-item .list {
	display: flex;
	justify-content: flex-start;
	padding: 0px;
	box-shadow: 1px 1px 3px #a2a2a2;
	margin: 0.8em auto 0;
	background: url(../images/topslide/topbg_mr01.png) no-repeat center center;
	background-size: cover;
}
	#content .content-item .list li {
		list-style: none;
		width: 30%;
		margin: 0px;
		padding: 0.1em 0.4em 0.4em;
}

	#content .content-item .list li:first-child {
		width: 33.333%;
		background-color: rgba(24, 53, 189, 0.5);
	}
	#content .content-item .list li:last-child {
		width: 66.666%;
		position:relative;
		text-align: right;
	}
		#content .content-item .list li div {
			margin: 0.8em 0.4em 0;
			padding: 0.1em 1.6em;
			display: inline-block;
			border-radius: 16px;
			color: #fff;
			background-color: #888;
			font-size:8.25pt;
			color: #fff;
			background-color: #126fe8;
		}
			#content .content-item .list li div:before {
				content:"一覧はこちらから";
			}
/* Pickup ----------------------------- */
	#content .content-item .list.pickup {
		background: url(../images/topslide/bg02.png) no-repeat center center;
	}
			#content .content-item .list.pickup li:first-child {
				background-color: rgba(24, 189, 58, 0.5);
			}
			#content .content-item .list.pickup li:last-child div {
				background-color: #5DD05D;
			}
/* PressRelease ----------------------------- */
	#content .content-item .list.press {
		background: url(../images/topslide/bg03.png) no-repeat center center;
	}
			#content .content-item .list.press li:first-child {
				background-color: rgba(33, 194, 232, 0.5);
			}
			#content .content-item .list.press li:last-child div {
				background-color: rgba(33, 194, 232, 1.0);
			}
/* seminar ----------------------------- */
	#content .content-item .list.seminar {
		background: url(../images/topslide/bg04.png) no-repeat center center;
	}
			#content .content-item .list.seminar li:first-child {
				background-color: rgba(24, 27, 189, 0.5);
			}
			#content .content-item .list.seminar li:last-child div {
				background-color: rgba(90, 92, 238, 1.0);
			}

.tab-content {
	overflow:auto;
}

ul.nav.nav-tabs {
/*	background-color: rgba(98, 124, 223, 0.4);*/
}

ul.media .mark01 {
	/* background-color: #55aadd; */
	background-color:inherit;
	color: #333;
	font-size: 9.75pt;
	font-weight:700;
	border-radius: 3px;
	text-align: left;
	margin: 0 auto 0.4em;
	padding: 0em 0.4em 0 0.8em;
	display: block;
	width: 100%;
	text-shadow: none;
	border-bottom: solid 1px #ccc;
}
ul.media li {
	padding: 0.0em 0 0.4em 3.6em;
	text-indent: 0;
	margin: 0 0 0.4em;
	letter-spacing: 0;
	border-bottom: dotted 1px #fff;
	position: relative;
}


/*
.content-box .content-box-head,
.content-box-kotei .content-box-head,
.content-box-s .content-box-head,
*/
.content-box-kotei a.content-box-head {
	color: #fff;
	font-size: 12.75pt;
	height: 3.0em;
	background-color: #4255B8;
	*/ background-image: -webkit-linear-gradient(10deg, #4255B8, #577cfd);
	background-image: linear-gradient(10deg, #4255B8, #577cfd);
	border-bottom: 1px solid transparent;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	padding: 0.8em 0.8em;
	position: relative;
	box-shadow: 2px 2px 3px #eee;
	display:block;
	text-decoration:none;
	transition: 0.5s;
}
	.content-box-kotei a.content-box-head:hover {
		background-image: linear-gradient(10deg, #32418E, #425dbd);
	}

	.content-box-kotei a.content-box-head::after {
		content: "一覧はこちらから";
		font-size: 8.75pt;
		position: absolute;
		right: 1.6em;
		top: 1.1em;
		background-color: #fff;
		border-radius: 12px;
		color: #333;
		padding: 0.2em 1.2em 0;
	}


	#content .content-item .list li.box2 a.btn-link-list {
		position: absolute;
		right: 0.4em;
		background-color: #7991DB;
		border-radius: 15px;
		padding: 0.2em 0.8em;
		margin: 0.3em 0 0;
		font-size: 9.25pt;
		color: #fff;
	}
		#content .content-item .list li.box2 a.btn-link-list:hover {
			background-color:#fff;
			color:#7991DB;
			text-decoration:none;
		
		}



#content .content-item .list li.box1 h1,
#content .content-item .list li h1 {
	text-align: center;
	margin:0.4em 0 0;
	padding: 0;	/*0.2em 0 0.0em;	/*0.8em 0.8em 0.6em;*/
	font-size: 17.75pt;
	color: #fff;
	text-shadow: 1px 2px 3px #111;
	letter-spacing: 0.1em;
}

#content .content-item .list li.box2 p,
#content .content-item .list li p {
	text-align: left;
	padding: 0.2em 0.0em 0.0em;
	color: #111;
	line-height: 1.6em;
	font-size: 11.75pt;
}


.yri-logo-c {
	height: 54px;	/*40px;*/
	background-image: url(../images/yri_logo_b.png);
	background-position: center left;
	background-repeat: no-repeat;
	background-size:contain;	/*cover contain;*/
	display: block;
	margin-top:-0.16em;	/*-5px;*/
}
@media (min-width: 346px) and (max-width: 990px) {
	.yri-logo-c {
	}
}
@media (max-width: 345px) {
	.yri-logo-c {
		background-size:80%;
	}
}


.menu-1 {
	text-align:center;
	padding-right:150px;
}
@media (max-width: 1192px) {
	.menu-1 {
		text-align:left;
	}
}





.nav-tabs {
	border-bottom: none;	/*1px solid #dddddd;*/
	background-color: rgba(176, 197, 249, 0.0);
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#kinkan-tab1 {
	background-color: rgba(240, 255, 245, 1.0);
}
#kinkan-tab2 {
	background-color: rgba(232, 243, 255, 1.0);
}
	ul.nav.nav-tabs li.active {
	/*	border-bottom:solid 1px #ddd;*/
	}
	ul.nav.nav-tabs li.active:first-child {
		background-color: rgba(240, 255, 245, 1.0);
	}
	ul.nav.nav-tabs li.active:nth-child(2) {
		background-color: rgba(232, 243, 255, 1.0);
	}

	.nav-tabs > li > a {
		color:#666;
		margin-right: inherit;
		line-height: 1.8em;
		border: 1px solid transparent;
		border-radius: 4px 4px 0 0;
	}
		.nav-tabs > li:first-child > a:hover {
			cursor: pointer;
			color: #555555;
			background-color: rgba(240, 255, 245, 1.0);
		}
		.nav-tabs > li.active:first-child > a:focus {
			cursor: pointer;
			color: #555555;
			background-color: rgba(240, 255, 245, 1.0);
		}
		.nav-tabs > li:nth-child(2) > a:hover {
			cursor: pointer;
			color: #555555;
			background-color: rgba(232, 243, 255, 1.0);
		}
		.nav-tabs > li.active:nth-child(2) > a:focus {
			cursor: pointer;
			color: #555555;
			background-color: rgba(232, 243, 255, 1.0);
		}

	.nav-tabs > li > a:hover {
		color: #999;
		cursor: pointer;
	}

	.nav-tabs > li.active > a {
		color: #999;
		cursor: pointer;
	}

	.nav-tabs > li.active > a {
		color: #555;
		font-weight:600;
		margin-top:1px;
		background-color:  rgba(232, 243, 255, 1.0);
	}






.login {
	padding: 1.6em;
	margin: 0 15px 0.8em 0;
	line-height: 1.8em;
	display: block;
	position:relative;
	border: solid 1px #eee;
	border-radius:6px;
	background-color: #eee;
}
	.login h1 {
		border-bottom: initial;
		padding-bottom: inherit;
		color: #4a4a4a;
		font-size:15.75pt;
		margin: 0 0 0.8em;
		padding: 0.8em 0 0.4em 0.8em;
		position:relative;
		border-left: solid 12px #eee;
	}
		.login h1::after {
			position: absolute;
			background-color: #eee;
			right: 0;
			top: 0;
			width: auto;
			height: auto;
			content: "";
			padding: 0.4em 0.8em;
			border-radius: 6px;
			color: #fff;
			font-size: 12.75pt;
			letter-spacing: 0.2em;
		}
		.login label {
			display: inherit;
			max-width: 100%;
			margin-bottom: 0.8em;
			font-weight: 300;
		}
		.login .btn-login {
			text-align: center;
			display: block;
			width:20em;
			margin: 1.6em auto 0.4em;
			color: #fff;
			font-size: 11.75pt;
			background-color: #eee;
			box-shadow: 0px 3px 6px #ddd;
		}
			.container #yri-cat .login .btn-login {
				color: #ffffff;
			}
			.login .btn-login:hover {
				background-color:#ddd;
			}


			.login.yriweb {
				border: solid 1px #2f3279;
				background-color: #eaf5ff;
			}
				.login.yriweb h1 {
					border-left: solid 12px #1e92f9;
				}
					.login.yriweb h1::after {
						background-color: #1e92f9;
						content: "無料";
						letter-spacing: 0.2em;
					}
				.login.yriweb .inputBox {
					min-height:10em;
				}
					.yriweb-login label {
						display: inherit;
						max-width: 100%;
						margin-bottom: 0.8em;
						font-weight: 300;
					}
					.login.yriweb a.forgetpassword {
						text-align: right;
						display: block;
						text-decoration: underline;
						font-size: 9.75pt;
						color: #1f44d0;
						transition: 0.5s;
						position: relative;
						display: block;
					}
						.login.yriweb a.forgetpassword:hover {
							text-decoration: none;
						}
					.login.yriweb .btn-login {
						background-color: #1e92f9;
					}
						.login.yriweb .btn-login:hover {
							background-color:#70bdff;
						}
			
			
			.login.YDB {
				border: solid 1px #1e92f9;
				background-color: #fff;
				margin: 0 0 0.8em 15px;
			}
				.login.YDB h1 {
					border-left: solid 12px #1ccaff;	/*#f95c1e;*/
				}
					.login.YDB h1::after {
						background-color: #1ccaff;	/*#f95c1e;*/
						content: "有料";
					}
					.login.YDB .ydb-image {
						display: block;
						background-color: #fff;
						background-image: url(https://www.yano.co.jp/ydb/images/about/about_top.png);
						background-repeat: no-repeat;
						background-position: center top;
						height: 10em;
						width: 100%;
						background-size: contain;
						margin:1.6em auto 0;
					}
				.container #yri-cat .login.YDB p {
					margin: 0 0 -5px 0;
					padding: 0;
				}
				.login.YDB .btn-login {
					background-color: #1ccaff;	/*#f95c1e;*/
				}
					.login.YDB .btn-login:hover {
						background-color:#a0e9ff;	/*#a0e9ff;*/
					}

.non-member {
	border: solid 1px #2ea44b;
	border-radius:3px;
	padding: 1.6em;
	margin: 0.8em 0 0.8em 0;
	line-height: 1.8em;
	display: block;
	position:relative;
	background-color: #eef7ee;
}
	.non-member h1 {
		border-bottom: initial;
		padding-bottom: inherit;
		color: #4a4a4a;	/*#3F8FCA;	/*#e35016;*/
		font-size:15.75pt;
		font-weight:600;
		border-left: solid 12px #2ea44b;	/*#f95c1e;*/
		margin: 0 0 0.8em;
		padding: 0.8em 0 0.4em 0.8em;
		position:relative;
		letter-spacing:0.03em;
	}
		.non-member h1::after {
			background-color: #2ea44b;	/*#f95c1e;*/
			width: auto;
			height: auto;
			content: "無料";
			padding: 0.4em 0.8em;
			border-radius: 6px;
			color: #fff;
			font-size: 12.75pt;
			font-weight:normal;
			letter-spacing: 0.2em;
			position: absolute;
			margin:-0.4em 1.6em;
		}
		.non-member .btn-addmember {
			text-align: center;
			display: block;
			width:20em;
			margin: 1.6em auto 0.4em;
			color: #fff;
			font-size: 11.75pt;
			background-color: #2ea44b;
			box-shadow: 0px 3px 6px #ddd;
		}
			.container #yri-cat .non-member .btn-addmember {
				color: #ffffff;
			}
			.non-member .btn-addmember:hover {
				background-color:#98dda9;
			}


		.container #yri-cat .non-member .subBox {
			margin:1.6em auto;
			padding:0.8em;
			background-color:#fff;
			border-radius:6px;
		}
			.container #yri-cat .non-member .subBox h2 {
				background-color: #2ea44b;
				color: #fff;
				font-size: 11.75pt;
				padding: 0.4em 5.4em;
				position:relative;
				box-shadow: 2px 3px 3px #ccc;
				text-shadow:none;
			}
				.container #yri-cat .non-member .subBox h2::after {
					position: absolute;
					background-color: #eee;
					left: 5px;
					top: 6px;
					width: auto;
					height: auto;
					content: "　";
					padding: 0.2em 0.6em 0;
					border-radius: 6px;
					color: #2ea44b;
					font-size: 9.75pt;
					letter-spacing: 0.2em;
				}
					.container #yri-cat .non-member .subBox h2.toku1::after {
						content: "特典１";
					}
					.container #yri-cat .non-member .subBox h2.toku2::after {
						content: "特典２";
					}
					.container #yri-cat .non-member .subBox h2.toku3::after {
						content: "特典３";
					}
			.container #yri-cat .non-member .subBox h3 {
				border-bottom:none;
			}
		.non-member ul {
			margin: 0.8em 0.4em 1.6em;
			padding: 0.4em 1.6em;
			list-style: disc;
		}
			.non-member ul li{
				margin: 0 0 0.8em;
				padding:0.4em 0;
				position:relative;
				clear:both;
			}
				.non-member ul li h3 {
					font-size: 11.75pt;
					font-weight: 600;
					margin-bottom: 0.4em;
				}

				a.btn-s {
					padding: 0.2em 1.6em;
					margin: 0.4em 0.4em;
					background-color: #ffa500;
					display: inline-block;
					border-radius: 12px;
					color: #fff;
					text-decoration: none;
					position: absolute;
					top:-0.4em;
					left:18em;
				}
					a.btn-s:hover {
						background-color: #f9d189;
					}
		.non-member p {
			margin: 0.8em 0.4em;
			padding: 0.4em 1.6em;
		}
		.container #yri-cat .non-member p.zero {
			margin: 0em 0.4em;
			padding: 0em 0.8em;
			font-size: 9.75pt;
			line-height: 1.6em;
		}
@media (max-width: 992px) {
		.container #yri-cat .non-member p.zero {
			margin: 0.4em 0.4em;
			padding: 0.4em 0.8em;
		}
}

.btn-yri-s { padding:0.4em 0.2em 0.3em; }
.btn-yri-s2 {
	padding:0.4em 0.2em 0.3em 0.8em;
	text-align:left;
}

.container #yri-cat .btn-yri-s,
.container #yri-cat .btn-yri-s2 {
	color: #ffffff;
}

.container #yri-cat .non-member .subBox .btn-info {
	background: #5bc0de;
	color: #fff;
	border: 2px solid #5bc0de;
}


h1.alert-non-member {
	border-bottom: inherit;
	text-align: center;
	font-size: 16.75pt;
	background-color: crimson;
	margin: 0 auto 0.2em;
	padding: 0.8em 0.2em 0.2em;
	color: #fff;
	font-weight: 600;
	border-radius: 6px;
	display: block;
	/* display: none; */
}
	h1.alert-non-member div {
		color:#fff;
		font-size:9.75pt;
		font-weight:normal;
	}
	.alert-non-member {
		border-left: double 4px crimson;
		border-right: double 4px crimson;
		border-bottom: double 4px crimson;
		border-radius:3px;
		padding: 0.0em 0.4em;
		margin: 0.0em 0 0.8em 0;
		line-height: 1.4em;
		display: block;
		position:relative;
		background-color: #fff;
	}

@media (max-width: 992px) {
	.login.yriweb,
	.login.YDB
	{
		padding: 1.6em;
		margin: 0 15px 0.8em;
	}
}