@charset "utf-8";

/* !boxNewsWrap01
------------------------------ */



#youtube,#youtube2,#youtube3,.ytplayer{
 position: absolute;
			left: 50%;
			top: 50%;
			height: 100%;
			width: 100%;
			-webkit-transform: translate(-50%,-50%);
				  transform: translate(-50%,-50%);
}

#linkSpNone{
    display: none;
}

.boxNewsWrap01 {
	width: 100%;
	margin: 0 auto;
	padding: 30px 0 50px;
	background-color: #f2f2f2;
}
	.boxNews01 {}
		.ttl_top01 {
			margin-bottom: 10px;
			text-align: center;
			font-size: 165%;
			font-weight: normal;
			color: #2a90d0;
		}
		
		.ul_news_top01 {
			margin-bottom: 30px;
			border-top: 1px #ccc solid;
		}
			.ul_news_top01 li {	border-bottom: 1px #ccc solid;}
				.ul_news_top01 li a {
					display: block;
					padding: 15px 2.5%;
				}
					.ul_news_top01 li a .boxIn01 {
						padding-left: 14px;
						background: url(/common/img/ico_arrow_sp01.png) left center no-repeat;
						background-size: 6px 12px;
					}
						.ul_news_top01 li a dl {
							overflow: hidden;
							margin-bottom: 7px;
						}
							.ul_news_top01 li a dl dt {
								float: left;
								min-width: 65px;
								margin-right: 9px;
								padding: 0 6px;
								background-color: #2a90d0;
								border-radius: 3px;
								-moz-border-radius: 3px;
								-webkit-border-radius: 3px;
								font-size: 57%;
								color: #fff;
								text-align: center;
							}
								.ul_news_top01 li a dl dt span {
									padding-left: 9px;
									background: url(/common/img/ico_product01.png) left center no-repeat;
									background-size: 4px 8px;
								}
							.ul_news_top01 li a dl dd { font-size: 93%;}
						.ul_news_top01 li a .date01  {
							display: block;
							font-size: 64%;
							font-style: italic;
						}
						
				.ul_news_top01 li.type01 a dt span {
					background: url(/common/img/ico_information01.png) left center no-repeat;
					background-size: 5px 10px;
				}
				.ul_news_top01 li.type02 a dt span {
					background: url(/common/img/ico_wifi01.png) left center no-repeat;
					background-size: 6px 8px;
				}
		
/* !ul_top01
------------------------------ */
.ul_top01 {}
	.ul_top01 > li { border-bottom: 1px #ccc solid;}
	.ul_top01 > li.spNone { display: none;}
		.ul_top01 > li > a { display: block;}
			.ul_top01 > li > a > .img01 {}
			.ul_top01 > li > a > .img02 { display: none;}
			.ul_top01 > li > a > .boxIn01 { padding: 10px 3.13% 25px;}
				.ul_top01 > li > a > .boxIn01 > .ttl01 {
					font-size: 65%;
					font-weight: bold;
				}
					.ul_top01 > li > a > .boxIn01 > .ttl01.type01 { color: #d02a4d;}
					.ul_top01 > li > a > .boxIn01 > .ttl01.type02 { color: #2a90d0;}
					
					.ul_top01 > li > a > .boxIn01 > .txt01 {
						display: inline;
						padding-right: 16px;
						background: url(/common/img/ico_arrow_sp01.png) right center no-repeat;
						background-size: 6px 12px;
						font-size: 93%;
					}		
		
		.ul_top01 > li > .ul_sns01 {
			text-align: center;
			padding: 15px 0 0;
		}
			.ul_top01 > li > .ul_sns01 > li {
				display: inline-block;
				width: 35px;
				margin-right: 20px;
			}
				.ul_top01 > li > .ul_sns01 > li.twitter {
					background: url(/img/top/ico_twitter01_no.png) left top no-repeat;
					background-size: 35px 35px;
				}
				.ul_top01 > li > .ul_sns01 > li.google {
					background: url(/img/top/ico_google01_no.png) left top no-repeat;
					background-size: 35px 35px;
				}
				.ul_top01 > li > .ul_sns01 > li.facebook {
					background: url(/img/top/ico_facebook01_no.png) left top no-repeat;
					background-size: 35px 35px;
				}
				.ul_top01 > li > .ul_sns01 > li:last-child { margin-right: 0px;}
				.ul_top01 > li > .ul_sns01 > li > a { 
					display: block;
					height: 35px;
					text-indent: -99999px;
				}
				.boxSns01 { display: none;}
		
		
			.ul_top01 > li > .ul_sns01 > li { 
				position: relative;
				width: 35px;
			}
					.ul_top01 > li > .ul_sns01 > li > a { height: 35px;}
					
						.ul_top01 > li > .ul_sns01 > li > a { position: relative;}
							.ul_top01 > li > .ul_sns01 > li > a:after {
								content: "";
								display: block;
								position: absolute;
								top: -11px;
								left: 0;
								background: url(/img/top/bg_blank01.png) left top repeat;
								width: 50px;
								height: 64px;
							}
						.boxSns01 {
							/* display: block; */
							position: absolute;
							top: -44px;
							left: -32px;
							width: 114px;
							padding: 5px 0;
							border-radius: 4px;
							background-color: #fafafa;
							border: solid 1px #ddd;
							text-align: center;
						}
							.boxSns01:before {
								content: "";
								display: block;
								position: absolute;
								bottom: -8px;
								left: 50%;
								margin-left: -4px;
								background: url(/img/top/ico_arrow_sns01.png) left center no-repeat;
								width: 8px;
								height: 8px;
							}
							
								.boxSns01 iframe {
									width: auto;
									margin: 5px 10px 0px 10px!important;
								}


/* !sectionMainimg
------------------------------ */
.sectionMainimg {
	background-color: #e1e1e1;
}
.sectionMainimg .swiper-container {
	width: 100%;
	height: auto;
}
.sectionMainimg .swiper-wrapper {
}

/* swiper-slide */
.sectionMainimg .swiper-slide {
	position: relative;
	width: 100%;
	height: 320px;
	color: #fff;
	text-align: center;
}

.sectionMainimg .swiper-slide .overimg {
		position: absolute;
		top:75%;
		left:0;
        right:0;
		z-index: 300;
        display: inline;
        color: #112a7e;
        text-align: center;
        font-size: 80%;
        font-weight: 700;
/*        background: rgba(255, 255, 255, 0.85);*/
        line-height: 130%;
	}
.sectionMainimg .swiper-slide .overimg br{
        display: inline;
}
	.sectionMainimg .swiper-slide .img01 {
		position: absolute;
		overflow: hidden; 
		width: 100%;
		height: 320px;
	}
	
		.sectionMainimg .swiper-slide .img01 img {
			position: absolute;
			left: 50%;
			top: 50%;
			height: 100%;
			width: auto;
			-webkit-transform: translate(-50%,-50%);
				  transform: translate(-50%,-50%);
		}
		.sectionMainimg .swiper-slide img {
			width: 100%;
			height: auto;
		}
	.sectionMainimg .swiper-slide a {
		display: block;
		position: absolute;
		top: 0;
		z-index: 7;
		width: 100%;
		height: 100%;
	}
.sectionMainimg .swiper-slide-active {
	z-index: 9;
}

/* pagination */
.sectionMainimg .pagination {
	position: absolute;
	z-index: 20;
	bottom: 10px;
	width: 100%;
	text-align: center;
}
	.sectionMainimg .swiper-pagination-switch {
		display: inline-block;
		width: 8px;
		height: 8px;
		background: #fff;
		margin: 0 3px 0 2px;
		border: 1px solid #ccc;
		cursor: pointer;
	}
	.sectionMainimg .swiper-visible-switch { background: #2a90d0;}
	.sectionMainimg .swiper-active-switch { background: #2a90d0;}

/* !favoriteSlider
------------------------------ */
.favoriteSlider {
	padding: 25px 0 30px;
	border-bottom: 1px #ccc solid;
}

.favoriteSlider .sliderWrap {
}
	.favoriteSlider .slide {
		outline: none !important;
	}
		.favoriteSlider .slide a {
			margin: 0 auto;
		}
.slick-prev, 
.slick-next {
	display: none !important;
}

.favoriteSlider .slide {
	}
		.favoriteSlider .slide a {
			display: block;
			width: 152px;
		}
			.favoriteSlider .slide img {
				width: 150px;
				height: auto;
				border: 1px #ccc solid;
			}
			.favoriteSlider .slide .boxHover {display: none;}

.ttlFavorite01 {
	margin-bottom: 18px;
	font-size: 165%;
	font-weight: normal;
	color: #2a90d0;
	text-align: center;
}
	.ttlFavorite01 span {
		padding-left: 28px;
		background: url(/img/top/ico_top_favorite01.png) left center no-repeat;
		background-size: 23px 22px;
	}


/* ----------------------------------------------------------
				PC style
---------------------------------------------------------- */
@media only print, screen and (min-width: 768px) {
    
    #youtube,#youtube2,#youtube3,.ytplayer{
			position: absolute;
  
  width: 1280px !important;
  height: 720px !important;
}
#linkSpNone{
    display: block;
}
/* !sectionMainimg
------------------------------ */
.sectionMainimg { background-color: #e1e1e1;}
	.sectionMainimg .swiper-container { height: 600px !important;}
	.sectionMainimg .swiper-wrapper {}

/* swiper-slide */
.sectionMainimg .swiper-slide { position: relative;}
	.sectionMainimg .swiper-slide .img01 {}
	
	.sectionMainimg .swiper-slide .img01 { 
		display: block;
		height: 600px;
		width: 100%;
	}
    .sectionMainimg .swiper-slide .overimg {
		position: absolute;
		top:80%;
		
        font-size: 108%;
        font-weight: 600;
       
        line-height: 150%;
	}
    .sectionMainimg .swiper-slide .overimg br{
        display: none;
}
		.sectionMainimg .swiper-slide .img01 img { 
			margin: -300px 0 0 -640px;
			-webkit-transform: translate(0%,0%);
				  transform: translate(0%,0%);
		} 
		.sectionMainimg .swiper-slide img {
			width: auto;
			height: auto;
			position: absolute;
			width: 1280px;
			left: 50%;
			margin-left: -640px;
		}
	.sectionMainimg .swiper-slide a {}
		
/* pagination */
.sectionMainimg .pagination { bottom: 25px;}
	.sectionMainimg .swiper-pagination-switch {
		width: 16px;
		height: 16px;
		margin: 0 5px;
	}

/* !favoriteSlider
------------------------------ */
.favoriteSlider { 
	padding: 45px 0 60px;
	border-top: 1px #ccc solid;
}
	.favoriteSlider .slide {
		position: relative;
	}
		.favoriteSlider .slide a {
			width: 202px;
		}
			.favoriteSlider .slide img {
				width: 200px;
				height: auto;
			}
			.favoriteSlider .slide .boxHover {
				display: none;
				position: absolute;
				top: 0;
				width: 200px;
				height: 200px;
			}
				.favoriteSlider .slide .boxHoverIn {
					display: table;
					width: 100%;
					height: 100%;
					background-color: rgba(42,144,208,0.9);
				}
					.favoriteSlider .slide .boxHover dl {
						display: table-cell;
						vertical-align: middle;
						text-align: center;
						color: #fff;
						font-weight: bold;
					}
						.favoriteSlider .slide .boxHover dt { 
							position: relative;
							font-size: 108%;
							padding-bottom: 5px;
							margin-bottom: 5px;
						}
							.favoriteSlider .slide .boxHover dt:after {
								content: "";
								display: block;
								position: absolute;
								bottom: 0;
								left: 50%;
								background-color: #fff;
								width: 40px;
								height: 1px;
								margin-left: -20px;
							}
						.favoriteSlider .slide .boxHover dd { font-size: 86%;}
.favoriteSlider .sliderWrap {
	width: 920px;
	margin: 0 auto;
}
.slick-prev, 
.slick-next {
	display: block !important;
	position: absolute !important;
	top: 20px !important;
	width: 60px !important;
	height: 200px !important;
}
.slick-prev {
	
	left: -60px !important;
	background: url(/img/top/ico_prev_top01.png) no-repeat 0 0 !important;
}
.slick-next {
	right: -60px !important;
	background: url(/img/top/ico_next_top01.png) no-repeat 0 0 !important;
}
	
.slick-prev:hover {
	background: url(/img/top/ico_prev_top01_on.png) no-repeat 0 0 !important;
}
.slick-next:hover {
	background: url(/img/top/ico_next_top01_on.png) no-repeat 0 0 !important;
}
.slick-prev:before,
.slick-next:before { display: none !important;}

.ttlFavorite01 {
	margin-bottom: 35px;
	font-size: 243%;
}
	.ttlFavorite01 span {
		padding-left: 40px;
		background: url(/img/top/ico_top_favorite01.png) left center no-repeat;
		background-size: 31px 30px;
	}



/* !boxNewsWrap01
------------------------------ */
.boxNewsWrap01 {
	width: 100%;
	margin: 0 auto;
	padding: 45px 0 130px;
	background-color: #f2f2f2;
}
	.boxNews01 {
		width: 980px;
		margin: 0 auto;
	}
		.ttl_top01 {
			margin-bottom: 20px;
			font-size: 243%;
		}
		
		 .ul_news_top01 { margin-bottom: 40px;}
			.ul_news_top01 li { border-bottom: 1px #ccc solid;}
				.ul_news_top01 li a { padding: 24px 8px;}
					.ul_news_top01 li a .boxIn01 {
						padding-left: 17px;
						background: url(/common/img/ico_arrow_pc01.png) left center no-repeat;
						background-size: auto auto;
					}
						.ul_news_top01 li a dl {
							float: left;
							width: 850px;
							margin-bottom: 0;
						}
							.ul_news_top01 li a dl dt {
								float: left;
								min-width: 90px;
								margin-right: 10px;
								padding: 2px 6px;
								font-size: 79%;
							}
								.ul_news_top01 li a dl dt span {
									padding: 2px 0 2px 13px;
									background: url(/common/img/ico_product01.png) left center no-repeat;
									background-size: 6px 14px;
								}
							.ul_news_top01 li a dl dd { 
								font-size: 108%;
								overflow: hidden;
							}
						.ul_news_top01 li a .date01  {
							float: right;
							display: block;
							font-size: 86%;
						}
				
				.ul_news_top01 li.type01 a dt span {
					background: url(/common/img/ico_information01.png) left center no-repeat;
					background-size: 8px 16px;
				}
				.ul_news_top01 li.type02 a dt span {
					background: url(/common/img/ico_wifi01.png) left center no-repeat;
					background-size: 11px 15px;
				}
					.ul_news_top01 li a:hover { color: #2a90d0;}
						.ul_news_top01 li a:hover .boxIn01 { background: url(/common/img/ico_news_pc01_on.png) left center no-repeat;}
							.ul_news_top01 li a:hover dd { text-decoration: underline;}

		
/* !ul_top01
------------------------------ */
.ul_top01 {
	overflow: hidden;
	width: 970px;
	margin: 0 auto -19px;
	padding: 30px 0;
}
	.ul_top01 > li { 
		position: relative;
		border: 1px #ccc solid;
		float: left;
		width: 310px;
		margin-bottom: 19px;
		margin-right: 20px;
	}
	.ul_top01 > li.spNone { display: block;}
		.ul_top01 > li:nth-child(3n) { margin-right: 0px;}
		 .ul_top01 > li > a { display: block;}
		 	.ul_top01 > li > a:hover {
				opacity: 0.7;
				filter: alpha(opacity=70); 
				-ms-filter: "alpha(opacity=70)";
				-webkit-opacity: 0.7;
			}
			.ul_top01 > li > a > .img01 { display: none;}
			.ul_top01 > li > a > .img02 { 
				display: block;
				width: 308px;
			}
			.ul_top01 > li > a > .boxIn01 { padding: 10px 10px 40px;}
				.ul_top01 > li > a > .boxIn01 > .ttl01 {
					position: absolute;
					bottom: 7px;
					right: 10px;
					font-size: 86%;
				}
					.ul_top01 > li > a > .boxIn01 > .txt01 {
						display: block;
						padding-left: 15px;
						background: url(/common/img/ico_arrow_pc01.png) left 4px no-repeat;
						font-size: 100%;
					}		
		
		.ul_top01 > li.sns01 { border: none;} 
		.ul_top01 > li > .ul_sns01 { padding: 97px 0 0 0;}
			.ul_top01 > li > .ul_sns01 > li { 
				position: relative;
				width: 50px;
			}
				.ul_top01 > li > .ul_sns01 > li.twitter { background: url(/img/top/ico_twitter01_no.png) left top no-repeat;}
				.ul_top01 > li > .ul_sns01 > li.google { background: url(/img/top/ico_google01_no.png) left top no-repeat;}
				.ul_top01 > li > .ul_sns01 > li.facebook { background: url(/img/top/ico_facebook01_no.png) left top no-repeat;}
					.ul_top01 > li > .ul_sns01 > li > a { height: 50px;}
					
					.ul_top01 > li > .ul_sns01 > li.twitter:hover { background: url(/img/top/ico_twitter01_on.png) left top no-repeat;}
					.ul_top01 > li > .ul_sns01 > li.google:hover { background: url(/img/top/ico_google01_on.png) left top no-repeat;}
					.ul_top01 > li > .ul_sns01 > li.facebook:hover { background: url(/img/top/ico_facebook01_on.png) left top no-repeat;}
					.ul_top01 > li > .ul_sns01 > li:hover .boxSns01 { display: block;}
						.ul_top01 > li > .ul_sns01 > li > a { position: relative;}
							.ul_top01 > li > .ul_sns01 > li > a:after {
								content: "";
								display: block;
								position: absolute;
								top: -11px;
								left: 0;
								background: url(/img/top/bg_blank01.png) left top repeat;
								width: 50px;
								height: 64px;
							}
						.boxSns01 {
							/* display: block; */
							position: absolute;
							top: -44px;
							left: -32px;
							width: 114px;
							padding: 5px 0;
							border-radius: 4px;
							background-color: #fafafa;
							border: solid 1px #ddd;
							text-align: center;
						}
							.boxSns01:before {
								content: "";
								display: block;
								position: absolute;
								bottom: -8px;
								left: 50%;
								margin-left: -4px;
								background: url(/img/top/ico_arrow_sns01.png) left center no-repeat;
								width: 8px;
								height: 8px;
							}
							
								


/* !English
------------------------------ */

#en .ul_top01 > li > a > .boxIn01 > .txt01 { background: url(/common/img/ico_arrow_pc01.png) left 7px no-repeat;}

}

#en .sectionMainimg .swiper-slide .overimg br{
        display: inline;
}

@media only print, screen and (min-width: 1280px) {
.favoriteSlider .sliderWrap {
	width: 1150px;
	margin: 0 auto;
}
}