@charset "UTF-8";


.top_img {
	position: relative;/*相対配置*/
}

.top_img h2{
	font-size:5vw;
}
.top_img h3{
	font-size:2.5vw;
}

.top_img p{
	font-size:1.5vw;
}

.top_img img {
	width: 100%;
	filter: grayscale(60%);
}


.topinfo{
    color: white;/*文字は白に*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align:center;
    color:#FFFFFF;
}
/*
@media (min-width: 992px) {
 h2 {
   font-size: 3.0rem;
 }
 h3 {
   font-size: 2.0rem;
 }
 .top_img p{
   font-size: 1.0rem;
 }
}
// 中デバイス（タブレット, 992px 未満）
@media (max-width: 991.98px) {
 h2 {
   font-size: 1.25rem;
 }
 h3 {
   font-size: 1.00rem;
 }
 .top_img p{
   font-size: 1.0rem;
 }
}
// 小デバイス（横向きモバイル, 768px 未満）
@media (max-width: 767.98px) {
 h2 {
   font-size: 1.25rem;
 }
 h3 {
   font-size: 1.00rem;
 }
 .top_img p{
   font-size: 0.75rem;
 }
}
*/

/*****************************************************/


/*top-headline*/

.imgWrap {
/*
	overflow: hidden;
	width: 100%;
	background: #fff;
*/
}
.imgWrap img {
/*	display: block;	*/
/*	transition-duration: 0.3s;	*/
/*	height: auto;	*/
	width: 100%;
}
.imgWrap img:hover {
/*
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
	cursor: pointer;
*/
}



a img .linkimg{
	background:none!important;
}

a:hover img.linkimg{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}





.ontext-headline{
	position: relative;/*相対配置*/
}


.ontext-headline h4{
	position: absolute;/*絶対配置*/
	color:#FFF;
	bottom: 15px;
	left: 20px;
	font-weight:bold;
}


.ontext-topslide h4{
	position: absolute;/*絶対配置*/
	color:#FFF;
	font-size:20px;
	bottom: 15px;
	left: 20px;
	font-weight:bold;
}


.ontext-2 h4{
	position: absolute;/*絶対配置*/
	color:#FFF;
	bottom: 15px;
	left: 20px;
	font-weight:bold;

	position: absolute;
	padding: 5px;
	background: #DF0101;
	filter: Alpha(opacity=80);
	opacity: 0.8;
}


@media (min-width: 992px) {
 .ontext-headline h4, .ontext-2 h4{
   font-size: 1.5rem;
 }
}
// 中デバイス（タブレット, 992px 未満）
@media (max-width: 991px) {
 .ontext-headline h4{
   font-size: 1rem;
 }
 .ontext-2 h4{
   font-size: 0.75rem;
 }
}
// 小デバイス（横向きモバイル, 768px 未満）
@media (max-width: 767px) {
 .ontext-headline h4{
   font-size: 1rem;
 }
 .ontext-2 h4{
   font-size: 0.75rem;
 }
}
/*************************************/



select, input, textarea, button { 
     vertical-align:middle; 
     position:relative; 
}
 
input { 
     height: 36px; 
     line-height: 15px; 
}
 
button, input[type="button"] {
     overflow:visible; 
     height:20x;
     padding:0 3px;
}




/*************/


a {
　pointer-events: none;
}

/*************/



.footer{
	margin-top:50px;
	text-align:center;
	background-color:#131313;
	padding-top:10px;
	color:#F8F9FA;
}


.footer A:link {color:#F8F9FA; text-decoration: none; font-family:"Times New Roman,times,serif"; }
.footer A:visited {color:#F8F9FA; text-decoration: none; font-family:"Times New Roman,times,serif"; }
.footer A:active {color:#d4d4d4; text-decoration: none; font-family:"Times New Roman,times,serif"; }
.footer A:hover {color:#d4d4d4; text-decoration: none; font-family:"Times New Roman,times,serif";}


.footer2{
	padding:20px 0 0 0;
	text-align:center;
	background-color:#424141;
	padding-top:10px;
	color:#F8F9FA;
}




/*#F62531*/
/*#616B75*/


.footer ul{
	margin:10px 0;
	list-style: none;
	font-size:90%;
	padding:0px
}

.footer li{
	text-align:left;
	padding:5px 0;
	margin:0px;
}

.footer p{
	color:#F8F9FA;
}


/*ハンバーガーメニューの色*/
.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,6,10,0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}