@charset "UTF-8";
@import "reset.css";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);

/* CSS Document */
/*add taguchi */
#main-slider .carousel-inner{
	background: url(../bg_main.jpg) center center no-repeat;
	background-size: cover;
}
.loading{
/*	background: url(../../images/bg_loading.gif) center center no-repeat;*/
}
img.bgmain{
	min-width: 100vw;
	height: auto;
}
.navbar-inverse{
	background: rgba(255,255,255,0.8);
}



#main-slider h2,
#main-slider h2 + p{
/*	font-size: 330% !important;*/
	line-height: 1.2em;
	margin-bottom: 2rem;
	text-shadow:0px 2px 2px #000000;
}

#main-slider h2 + p{
	line-height: 1.4em;
}

#main-slider .embed-container img{
	border: 12px solid #fff;
}


span.subTitle{
	font-size: 65%;
	display: block;
	
}

.alizarin a{
	color: #eee;
}
.alizarin blockquote a{
	font-weight: 600;
}
.zenmen{
	width: 100%;
	height: 100%;
	margin: 0 !important;
}
.nextBlock{
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -25px;
	background: rgba(255,255,255,0.5);
	z-index: 999;
	font-family: "fontAwesome";
	font-size: 50px;
	line-height: 50px;
    border-radius: 50%;        /* CSS3草案 */  
    -webkit-border-radius: 50%;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50%;   /* Firefox用 */
/* box-shadow */
box-shadow:0px 0px 1px 1px #fff;
-moz-box-shadow:0px 0px 1px 1px #fff;
-webkit-box-shadow:0px 0px 1px 1px #fff;
	}
	.nextBlock a{
		display: block;
		width: 50px;
		height: 50px;
		text-align: center;
		color: rgba(255,255,255,1) !important;

	}

	#logo{
		height: 38px;
		width: auto;
	}
	
@media screen and (max-width: 768px){
.navbar-brand {
    padding: 6px 10px;
	line-height: 0;
}
	#logo{
		height: 32px;
		width: auto;
		margin-top: 2px;
	}
	#bottom .col-md-3.col-sm-6{
		margin-top: 35px;
	}
	#bottom .col-md-3.col-sm-6:first-child{
		margin-top: 0;
	}
}
@media screen and (max-width: 768px){
	#main-slider h2{
		font-size: 190% !important;
	}
	#main-slider h2 + p{
		font-size: 100% !important;
	}
	.mb_nowrap{
		display: block;
	}
}
/*
	----------------------------
	HTML SELECTORS
	____________________________
*/



/*
	----------------------------
	LAYOUT
	____________________________
*/


#movieBox {
	max-width: 100%;
	padding: 0 ;
}
#movieBox video,
#movieBox img{
	min-height: 100%;
	min-width: 100%;
/*	position: absolute;
	z-index: 0;*/
	max-width: 100%;
}
#main { width: 640px; float: left; }
#main > p, #main > div { margin-left: 7px; }
#sidebar { width: 280px; float: right; }
#sidebar ol { margin: 12px 0 12px 22px; }
/*
	----------------------------
	PAGE/SECTION SPECIFIC
	____________________________
*/


#video-controls { width: 333px; }
#video-controls a { color: #ddd; text-decoration: underline; }


/*
	----------------------------
	UTILITY CLASSES
	____________________________
*/


.black-15 { background: url(../media/black-15-trans.png); color: #fff; padding: 4px 12px; margin: 24px 0; }
.black-35 { background: url(../media/black-35-trans.png); color: #fff; padding: 4px 12px; margin: 24px 0; }
.black-50 { background: url(../media/black-50-trans.png); color: #fff; padding: 4px 12px; margin: 24px 0; }
.black-65 { background: url(../media/black-65-trans.png); color: #fff; padding: 4px 12px; margin: 24px 0; }
.black-85 { background: url(../media/black-85-trans.png); color: #fff; padding: 4px 12px; margin: 24px 0; }


.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}