/* Navbarを固定しているので、その分空ける */
html,
body {
	font-family: 'メイリオ', Meiryo, Osaka;
	width:100%;
	height:100%;
}

body {
	background-image: url(../img/basemat.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;	/*contain;*/
}

.page-top {
	background: url(../img/btn_img_top.png) center center no-repeat;
	width: 100%;
	height: 50px;
	display: block;
	background-size: cover;
}

.site-top {
	background: url(../img/btn_img_60th04.png) center left no-repeat;
	width: 100%;
	height: 50px;
	display: block;
	background-size: cover;
}
/*
.site-top {
	background: url(../img/btn_img_60th.png) center center no-repeat;
	width: 100%;
	height: 50px;
	display: block;
	background-size: cover;
}
*/


hr{
	margin: 60px 0;
}
.Qt {
	text-indent:-2.6em;
	padding-left:3.6em;
}
.note {
	font-size:8.5pt;
}

.mt4 { margin-top:0.4em; }
.mt8 { margin-top:0.8em; }
.mt16 { margin-top:1.6em; }

.mb4 { margin-bottom:0.4em; }
.mb8 { margin-bottom:0.8em; }
.mb16 { margin-bottom:1.6em; }
.mb24 { margin-bottom:2.4em; }
.mb36 { margin-bottom:3.6em; }

.w90 { width:90%; }
.w98 { width:98%; }


.container {
	margin: 0 auto;
	padding: 0;
}

footer {
	padding: 0.8em 0;
	position: fixed;
	bottom: 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	background-color: rgba(238,238,238,0.8);
}


.top-bg-img {
	width: 100%;
	height: 0;
	padding-top: calc(145 / 1000 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	/*
	background: url(../img/60thbase.png) center center / cover no-repeat;
	*/
	position:relative;
	margin: 50px auto 10px;
}
	.top-bg-inner {
		position: absolute;
		display:table;
		width:100%;
		height:100%;
		/*
		background-color:rgba(235,235,235,0.5);
		*/
		top:1.6em;
		left:0;
		right:0;
		margin: 0 auto;
		padding:0 1.0em;
	}
	.top-60thmsg {
		display:table-cell;
		background: url(../img/60thmsg.png) center center no-repeat;
		background-size:contain;
	}

@media (min-width: 660px) and (max-width: 880px) {
	.top-bg-img {
		height: 215px;
	}
	.top-60thmsg {
		background-size:55%;
	}
}
@media (max-width: 659px) {
	.top-bg-img {
		height: 165px;
	}
	.top-60thmsg { 
		/*
		background-size:88%;
		*/
	}
	.top-bg-inner {
		padding: 0 1.6em;
	}
}



	.mincho {
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
	}




		html,
		body {
		}
		.featurette-divider {
			margin:5em 0;
		}
		.panel-heading {
			padding: 0.8em 2.4em 0.8em 3.6em;
			letter-spacing: 0.1em;
		}
		.fs8 { font-size:8pt; }
		.fs9 { font-size:9pt; }
		.ls-01em { letter-spacing:-0.1em; }
		.ls-005em { letter-spacing:-0.05em; }

		.panel-primary > .panel-heading {
			font-size:11.75pt;
			text-shadow:1px 1px 3px #111;
		}

		.bgSet {
			background-color: #7FDCF6;
			background-image: -webkit-linear-gradient(187deg, #7FDCF6, #2487EF);
			background-image: linear-gradient(to top, #7FDCF6 0%, #2487EF 100%);
		}
/*
		.bgSet {

			background-color: #00c6fb;
			background-image: -webkit-linear-gradient(187deg, #00c6fb, #005bea);
			background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%);
		}
		*/
		.btn-bgSet {
			background-color: #37ecba;
			background-image: -webkit-linear-gradient(324deg, #00c6fb, #005bea);
			background-image: linear-gradient(126deg, #00c6fb, #005bea);

			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
			transition: 0.5s;
			
			white-space: inherit;
		}

		.btn-bgSet:hover {
			background-color: #00c6fb;
			background-image: -webkit-linear-gradient(324deg, #005bea, #00c6fb);
			background-image: linear-gradient(126deg, #005bea, #00c6fb);
		}


		.form-horizontal .radio,
		.form-horizontal .checkbox,
		.form-horizontal .radio-inline,
		.form-horizontal .checkbox-inline {
			padding-top: 0px;
			margin-top: 0;
			margin-bottom: 0;
		}


			.radio input[type="radio"], 
			.radio-inline input[type="radio"], 
			.checkbox input[type="checkbox"], 
			.checkbox-inline input[type="checkbox"] 
			{
				position: unset;
				/* margin-top: 4px \9; */
				margin-left: 0px;
			}

			.han-nm {
				display: none;
			}
			@media (max-width: 990px) {
				.han-nm {
					display: inline-block;
					width: 100%;
					height: 1.2em;
				}
				.han-nm.book:before { font-size:9.75pt; margin-right:0.4em; content:"書籍"; }
				.han-nm.pdf:before { font-size:9.75pt; margin-right:0.4em; content:"PDF"; }
				.han-nm.cdrom:before { font-size:9.75pt; margin-right:0.4em; content:"CD-ROM"; }

				.radio label, .checkbox label {
					min-height: auto;
					padding-left: 0px;
				}

				.radio input[type="radio"], 
				.radio-inline input[type="radio"], 
				.checkbox input[type="checkbox"], 
				.checkbox-inline input[type="checkbox"] 
				{
					position: absolute;
					/* margin-top: 4px \9; */
					margin-left: 0px;
				}

				.form-horizontal .radio,
				.form-horizontal .checkbox,
				.form-horizontal .radio-inline,
				.form-horizontal .checkbox-inline {
					padding-top: 0px;
					margin-top: 0.4em;
					margin-bottom: 0.2em;
				}
			}


		.form-horizontal .radio,
		.form-horizontal .checkbox,
		.form-horizontal .radio-inline,
		.form-horizontal .checkbox-inline {
			padding-top: 0px;
			margin-top: 0;
			margin-bottom: 0;
		}


			.radio input[type="radio"], 
			.radio-inline input[type="radio"], 
			.checkbox input[type="checkbox"], 
			.checkbox-inline input[type="checkbox"] 
			{
				position: unset;
				/* margin-top: 4px \9; */
				margin-left: 0px;
			}


		.han-nm {
			display: none;
		}

		@media (max-width: 990px) {
			.han-nm {
				display: inline-block;
				width: 100%;
				height: 1.2em;
			}
			.han-nm.book:before { font-size:9.75pt; margin-right:0.4em; content:"書籍"; }
			.han-nm.pdf:before { font-size:9.75pt; margin-right:0.4em; content:"PDF"; }
			.han-nm.cdrom:before { font-size:9.75pt; margin-right:0.4em; content:"CD-ROM"; }

/*			.radio label, .checkbox label {
				min-height: auto;
				padding-left: 0px;
			}


			.radio input[type="radio"], 
			.radio-inline input[type="radio"], 
			.checkbox input[type="checkbox"], 
			.checkbox-inline input[type="checkbox"] 
			{
				position: absolute;
				/* margin-top: 4px \9; */
/*				margin-left: 0px;
			}

			.form-horizontal .radio,
			.form-horizontal .checkbox,
			.form-horizontal .radio-inline,
			.form-horizontal .checkbox-inline {
				padding-top: 0px;
				margin-top: 0.4em;
				margin-bottom: 0.2em;
			}
*/
		}

		.error{
			color:#c00;
		}


#yri60th {
	margin:0 auto 8em;
	width:88%;
}

#yri60th h1 {
	font-size: 18.75pt;
	margin: 0.8em 0;
	padding: 0.4em 0;
	text-shadow: 0px 0px 3px #eee;
}
	#yri60th h1.goaisatsu {
		font-size: 18.75pt;
		margin: 1.6em 0 0.8em;
		padding: 0 0 0.4em;
		text-shadow: 0px 0px 3px #ccc;
		border-bottom:solid 1px #2f3279;
	}

#yri60th h2 {
}
#yri60th h3 {
}
#yri60th p {
	margin: 0 auto 0.8em;
	padding: 0 0.8em;
}
#yri60th .note {
	font-size:8.75pt;
	color:#c00;
}
#yri60th .red {
	color:#c00;
}
#yri60th .mr04 {
	margin-right:0.4em;
}
	#yri60th .mr04-chk {
/*
		margin : 0 0.4em 0 1.0em;
*/
		margin-left:-1.0em;
		margin-right:0.4em;
	}

#yri60th .underline {
	text-decoration:underline;
}

#yri60th .bb {
	border-bottom: dotted 1px #ccc;
	margin: 0 auto 0.4em;
	padding: 0;
}

#yri60th .bb1,
#yri60th .bb2
{
	border-bottom:solid 1px #eee;
}
	#yri60th .bb1 {
		margin:3px 0 0 0;
	}
	#yri60th .bb2 {
		margin:0px 0 0 0;
	}


#yri60th .60thbox {
	float:left;
	width:100%;
	height:100%;
}
#yri60th .box-founder {
	/*
	height:455px;
	*/
}
#yri60th .box-president {
	/*
	height:455px;
	*/
}

#yri60th .60thbox,bg-yri1 {
/*
	background-color: #2f3279;
	background-image: -webkit-linear-gradient(324deg, #2f3279, #005bea);
	background-image: linear-gradient(126deg, #2f3279, #005bea);
*/
}

	#yri60th .60thbox .inner {
		padding:1.6em 1.6em 0.8em;
	}
	#yri60th .60thbox p {
		line-height:2.0em;
		font-size:10.75pt;
		text-align: justify;
	}

#yri60th .photo-box-L,
#yri60th .photo-box-R {
	width:240px;
	height:295px;
	border-radius: 3px;
	box-shadow: 3px 3px 12px #ccc;
	margin-bottom:5em;
	position:relative;
}
	#yri60th .photo-box-L .caption {
		positionabsolute;
		
	}
#yri60th .photo-box-L {
	float:left;
	margin-right: 1.6em;
}
	#yri60th .photo-box-L.founder {
		background: url(../img/founder.jpg) -27px 0 no-repeat;
		background-size:cover;
	}
	#yri60th .photo-box-L.founder-suit {
		background: url(../img/founder_suit.jpg) -27px 0 no-repeat;
		background-size:cover;
	}
	#yri60th .copy-founder {
		color:#2f3279;
	}

#yri60th .photo-box-R {
	float:right;
	margin-left:1.6em;
}
	#yri60th .photo-box-R.president {
		background: url(../img/president.jpg) -120px 0 no-repeat;
		background-size:cover;
	}
	#yri60th .copy-president {
		color:#b21a3f;
	}

	#yri60th .copy-founder,
	#yri60th .copy-president {
		line-height:1.4em;

		font-size: 20.75pt;
		text-align:left;
		margin: 0.8em auto;
		padding: 0.4em 0;
		text-shadow: 0px 0px 3px #ddd, 0px 0px 3px #ddd;
	}


@media (max-width: 660px) {

	#yri60th .photo-box-L,
	#yri60th .photo-box-R {
		float: none;
		margin: 0 auto 0.8em;
	}
	#yri60th .box p {
		line-height:1.6em;
	}
}



#yri60th .jumbotron {
	margin: 2.4em auto 0.8em;
	padding: 1.6em 0.8em 0.8em;
	border-radius: 6px;
	box-shadow: 3px 0px 12px #666;
}

#yri60th .campaign {
	border-radius:15px; 
	text-align:center; 
	padding:0.2em 0.8em 0; 
	width:265px; 
	background-color:#b21a3f; 
	background-image: -webkit-linear-gradient(324deg, #E45C62, #b21a3f);
	background-image: linear-gradient(126deg, #E45C62, #b21a3f);
}
#yri60th h3.campaigntitle {
	color:#fff; 
	text-shadow:1px 1px 12px #111; 
	line-height:1.6em; 
	margin:0.8em auto;
}



#yri60th .radio label,
#yri60th .checkbox label {
	min-height: 20px;
	/* padding-left: 20px; */
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
	width: 100%;
}









#yri60th .photo-founder {
	background: url(../img/founder.jpg) -220px -135px no-repeat;
	width: 100%;
	background-size: 310%;
	background-color: #eee;
}


#yri60th .photo-president {
	background: url(../img/president.jpg) -205px -40px no-repeat;
	width: 100%;
	background-size: 205%;	/*cover;*/
	background-color: #eee;
}

#yri60th .img-box {
	display:block;
	width: 100%;
	height: 265px;
	border-radius: 3px;
	box-shadow: 3px 3px 10px #999;
	
	margin:0.4em auto;
}
	#yri60th .img-box.msj {
		background: url(../img/msj.jpg) center center no-repeat;
		background-size: cover;
	}
	#yri60th .img-box.seni {
		background: url(../img/seni.jpg) center center no-repeat;
		background-size: cover;
	}

/*
#yri60th .curled-box {
	display: inline-block;
	text-decoration: none;
	background: #668ad8;
	color: #FFF;
	font-size:12.75pt;
	text-shadow:0px 0px 3px #ccc;
	width: 200px;
	height: 200px;
	line-height: 200px !important;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;

	border: solid 2px rgba(255, 255, 255, 0.47);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border-bottom: solid 3px #668ad8;	/*#bd6565;*/
/*	transition: .4s;
	
	margin:0.4em auto;
}
	#yri60th .curled-box:hover{
		background: #87befd;
		border-style: dashed;
	}
	#yri60th .curled-box:active{
		-ms-transform: translateY(2px);
		-webkit-transform: translateY(2px);
		transform: translateY(2px);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
		border-bottom: none;
	}
*/

#yri60th .curled-box {
	display: inline-block;
	text-decoration: none;
	background: #668ad8;
	color: rgba(255, 255, 255, 0.8);
	width: 200px;
	height: 200px;
	line-height: 200px;
	border-radius: 50%;
	font-size:12.75pt;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	box-shadow: 0px 0px 0px 5px #668ad8;
	border: solid 2px rgba(255, 255, 255, 0.6);
	transition: .4s;
}
	#yri60th .curled-box:hover{
		border-style: dashed;
	}










.panel-success > .panel-heading {
	font-size:12pt;
}


@media print {
	html {
		background-image:none;
		background-color:#fff;
	}
	nav { 
		display:none; 
	}
}

@media (min-width:100px) {
	.navbar > .container .navbar-brand,
	.navbar > .container-fluid .navbar-brand {
		margin-left: 0px;
	}
	.navbar-brand {
		position:absolute;
		top:0px;
		left:30px;
		background:url(../../survey/images/logo_yri_ft.png) left center no-repeat;
		width:275px;
	}
}
@media (max-width: 375px) and (min-width:0px) {
	.navbar > .container .navbar-brand,
	.navbar > .container-fluid .navbar-brand {
		margin-left: 0px;
	}
	.navbar-brand {
		background:url(../../survey/images/logo_yri_ft.png) left center no-repeat;
		width:100%;
		top:0px;
		left:25px;
	}
}

.td_vertical_align_middle.td_vertical_align_middle {
	vertical-align: middle;
}
.fs20 { font-size:20pt; }
.fs18 { font-size:18pt; }
.fs16 { font-size:16pt; }
.fs14 { font-size:14pt; }
.fs12 { font-size:12pt; }
.fs10 { font-size:10pt; }
.fs9 { font-size:9pt; }

.red { color:#ff0000; }

.poji-rela {
	position:relative;
}


/* --------------------------------------- */
/* ページトップスクロール　*/
#page-top-60th{
	width:250px;
	height:50px;
	display:block;
	position:fixed;
	left:0px;
	bottom: 45px;
	z-index:999999;
	background-color:rgba(169, 29, 61,0.8);	/*#a91d3d*/
}
#page-top{
	width:50px;
	height:50px;
	display:none;
	position:fixed;
	right:10px;
	bottom: 45px;
	z-index:999999;
}
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
#page-top p:hover{
	/* background:#8b8b8b; */
}
#move-page-top{
	color:#2f3279;
	font-size:26pt;
/*
	line-height:50px;
*/
	text-decoration:none;
	display:block;
	cursor:pointer;
}
#move-page-top:hover {
	color:#6065C5;
}


/* オリジナルボタンスタイル */
.btn-origin {
	color: #fff;
	background-color: #FF5295;
	border-bottom: 2px solid #BA3D6D;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.btn-origin:hover{
	color: #fff;
	border-bottom: none;
	margin-top: 2px;
}

/* Navbarのオリジナルスタイル */
.navbar-default {
	border: none;
}
.navbar-origin {
	background: none;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.navbar-origin .navbar-brand {
	padding: 0 15px;
	line-height: 90px;
	height: 90px;
	font-size: 28px;
	font-weight: 100;
}
.navbar-origin .navbar-nav>li>a {
	padding-top: 0;
	padding-bottom: 0;
	line-height: 90px;
	font-weight: 200;
	color: #A5A5A5;
}
.navbar-origin .navbar-nav>li>a:hover{
	color: #E42121;
	border-bottom: 1px solid #E42121;
	line-height: 89px;
}
.navbar-origin .navbar-nav>.open>a,
.navbar-origin .navbar-nav>.open>a:hover,
.navbar-origin .navbar-nav>.open>a:focus {
	background: none;
	color: #E42121;
}
.navbar-origin .navbar-nav>li>.dropdown-menu {
	margin-top: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top: 1px solid #E42121;
}
.navbar-origin .dropdown-menu {
	padding: 0;
}
.navbar-origin .dropdown-menu li a {
	padding: 15px;
	color: #777;
}
.navbar-origin .dropdown-menu li.divider {
	padding: 0;
	margin: 0;
}

.controls input{
	margin-bottom: 10px;
}

table.Q {
	margin:0.8em auto;
}
table.Q th {
	text-align:center;
	font-weight:normal;
}
.form-horizontal .control-label,
.form-horizontal .radio {
	min-height:auto;
	padding-top:0;
}

.radio input[type="radio"].tb-radio {
	display:block;
	width:100%;
	height:25px;
	margin:0 0 0 -10px;
	padding:0;
	cursor:pointer;
	background-color:#eee;
}










.row-eq-height {
	display: flex;
	flex-wrap: wrap;
}
	.th {
		padding:0.4em 0.8em;
		background-color:#eee;
		border-top:solid 1px #ddd;
		border-left:solid 1px #ddd;
		border-right:solid 1px #ddd;
		font-size:9.75pt;
		line-height:1.4em;
	}
	.td {
		padding:0.4em 0.8em;
		background-color:#fff;
		border-top:solid 1px #ddd;
		border-right:solid 1px #ddd;
		font-size:9.75pt;
		line-height:1.4em;
	}
		.td-none {
			padding:0.4em 0.8em;
			background-color:none;
			border-top:none;
			border-right:none;
		}
	.t-bb {
		border-bottom:solid 1px #ddd;
	}
	.t-l {
		border-left:solid 1px #ddd;
	}

@media (max-width:320px){
	.th {
		padding:0.4em 1.6em;
		background-color:#eee;
		border-top:none;	/*solid 1px #ddd;*/
		border-left:none;	/*solid 1px #ddd;*/
		border-right:none;	/*solid 1px #ddd;*/
	}
	.td {
		padding:0.4em 2.4em;
		background-color:#fff;
		border-top:none;	/*solid 1px #ddd;*/
		border-right:none;	/*solid 1px #ddd;*/
	}
	.t-bb {
		border-bottom:none; /*solid 1px #ddd;*/
	}
}








.col-table {
	font-size:10.25pt;
	line-height:1.6em;
	float:left;
	width:100%;
}
	.col-table .text-center {
		text-align:center;
	}
	.col-table.text-left,
	.col-table.text-left2 {
		text-align:left;
	}
	.col-table .text-right,
	.col-table .text-right2 {
		text-align:right;
	}


	.col-table .col-table-th8 {
		padding:0.8em 0.4em 0.4em;
		background-color:#efefef;
		border-top:solid 1px #999;
		border-left:solid 1px #999;
		display:table;
		margin:0;
		text-align:center;
		position:relative;
	}
	.col-table .col-table-td8 {
		padding:0.8em 0.4em 0.4em;
		border-top:solid 1px #999;
		border-left:solid 1px #999;
		display:table;
		margin:0;
		text-align:left;
		position:relative;
	}
		.col-table .col-table-th8 .mid-Box,
		.col-table .col-table-td8 .mid-Box {
			display:table-cell;
			vertical-align:middle;
		}

		.col-table .col-table-th8,
		.col-table .col-table-td8 {
		}
		.col-table .col-table-th8.m-1 {
			margin-top:-1px;
		}
		.col-table .col-table-th8.no-b-L,
		.col-table .col-table-td8.no-b-L {
			border-left:none;
		}
		.col-table .col-table-th8.no-b-T {
			border-top:solid 1px #efefef;
		}
		.col-table .col-table-td8.no-b-T {
			border-top:none;
		}
		.col-table .col-table-th8:last-child,
		.col-table .col-table-td8:last-child {
			border-right:solid 1px #999;
		}
		.col-table .col-table-td8:last-child {
			background-color:#fff;
		}
@media (max-width: 660px) {
	.col-table .col-table-th8,
	.col-table .col-table-td8 {
		border-left:none;
	}
	.col-table .col-table-th8:last-child,
	.col-table .col-table-td8:last-child {
		border-right:none;
	}
}