@charset "UTF-8";
/*----------------------------------------
top
----------------------------------------*/
/*　common
----------------------------------------*/
#top #content {
	position: relative;
	z-index: 100;
	/*margin-top: -172px; 2018.8.3.K*/
}
/*@media screen and (min-width: 0px) and (max-width: 667px) { #top #content { margin-top: 0; } }2018.8.3.K*/

/* 2018.9.25 ブログバナーの背景が消えるため非表示
---------------------------------------------*/
/* file icons */
#top #mainArea .icoBlank { padding-right: 16px !important; margin-right: 0.5em !important;}
#top #mainArea .icoBlankOverlay:before { content: ''; position: absolute; bottom: 6px; right: 8px; width: 11px; height: 10px;}

/*　index
----------------------------------------*/
#top #topNav01 .topNav01Content { margin-left: 200px; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #topNav01 .topNav01Content { margin-left: 0; } }
#top #topNav01 #shopSearchArea { background: white url("../img/bg_top_shop201701.jpg") 0 0 no-repeat; }
#top #topNav01 #shopSearchArea .headingLv03top { float: left; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #topNav01 #shopSearchArea { background: white url("../img/bg_top_shop_mb.jpg") 100% 0 no-repeat; background-size: 400px auto; }
	#top #topNav01 #shopSearchArea .headingLv03top { float: none; } }
#top #topNav01 #productSearchArea { background: white url("../img/bg_top_products.jpg") 0 0 no-repeat; }
#top #topNav01 #productSearchArea .headingLv03top { float: left; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #topNav01 #productSearchArea { background: white url("../img/bg_top_products_mb.jpg") 100% 0 no-repeat; background-size: 400px auto; }
	#top #topNav01 #productSearchArea .headingLv03top { float: none; } }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #topNav01 #topBnrArea > li { max-width: 306px; float: none; margin-left: auto; margin-right: auto; } }
#top #photologArea { padding-top: 0; }
#top #photologArea h2 { margin-left: -18px; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #photologArea h2 { margin-left: -10px; } }
#top #photologArea a:hover { text-decoration: none; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #sliderArea { border-top: none; } }
#top #sliderArea .mainSlideControll, #top #sliderArea .mainSlideContent { position: relative; width: 978px; margin: 0 auto; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #sliderArea .mainSlideControll, #top #sliderArea .mainSlideContent { width: auto; } }
#top #sliderArea .mainSlideControll .mainLeft, #top #sliderArea .mainSlideContent .mainLeft, #top #sliderArea .mainSlideControll .mainRight, #top #sliderArea .mainSlideContent .mainSlideControll .mainRight, #top #sliderArea .mainSlideControll .mainSlideContent .mainRight, #top #sliderArea .mainSlideControll .mainSlideContent .mainRight, #top #sliderArea .mainSlideContent .mainSlideControll .mainRight, #top #sliderArea .mainSlideContent .mainRight { cursor: pointer; position: absolute; bottom: 298px; left: 0; margin: auto 0; z-index: 20; }
#top #sliderArea .mainSlideControll .mainLeft:hover, #top #sliderArea .mainSlideContent .mainLeft:hover, #top #sliderArea .mainSlideControll .mainRight:hover, #top #sliderArea .mainSlideContent .mainSlideControll .mainRight:hover, #top #sliderArea .mainSlideControll .mainSlideContent .mainRight:hover, #top #sliderArea .mainSlideControll .mainSlideContent .mainRight:hover, #top #sliderArea .mainSlideContent .mainSlideControll .mainRight:hover, #top #sliderArea .mainSlideContent .mainRight:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #sliderArea .mainSlideControll .mainLeft, #top #sliderArea .mainSlideContent .mainLeft, #top #sliderArea .mainSlideControll .mainRight, #top #sliderArea .mainSlideContent .mainSlideControll .mainRight, #top #sliderArea .mainSlideControll .mainSlideContent .mainRight, #top #sliderArea .mainSlideControll .mainSlideContent .mainRight, #top #sliderArea .mainSlideContent .mainSlideControll .mainRight, #top #sliderArea .mainSlideContent .mainRight { left: 12px; bottom: 68px; }
	#top #sliderArea .mainSlideControll .mainLeft img, #top #sliderArea .mainSlideContent .mainLeft img, #top #sliderArea .mainSlideControll .mainRight img, #top #sliderArea .mainSlideContent .mainSlideControll .mainRight img, #top #sliderArea .mainSlideControll .mainSlideContent .mainRight img, #top #sliderArea .mainSlideControll .mainSlideContent .mainRight img, #top #sliderArea .mainSlideContent .mainSlideControll .mainRight img, #top #sliderArea .mainSlideContent .mainRight img { max-width: 60%; height: auto; } }
#top #sliderArea .mainSlideControll .mainRight, #top #sliderArea .mainSlideContent .mainRight { left: auto; right: 0; }
#top #sliderArea .mainSlideControll .mainRight:hover, #top #sliderArea .mainSlideContent .mainRight:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#top #sliderArea .mainSlideControll .sliderPagination, #top #sliderArea .mainSlideContent .sliderPagination { cursor: pointer; position: absolute; bottom: 186px; left: 0; right: 0; margin: 0 auto; z-index: 20; text-align: center; }
#top #sliderArea .mainSlideControll .sliderPagination .swiper-pagination-switch, #top #sliderArea .mainSlideContent .sliderPagination .swiper-pagination-switch { display: inline-block; background: #8a8a8a; width: 10px; height: 10px; margin: 0 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); }
#top #sliderArea .mainSlideControll .sliderPagination .swiper-active-switch, #top #sliderArea .mainSlideContent .sliderPagination .swiper-active-switch { background: #fdf100; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #sliderArea .mainSlideControll .sliderPagination, #top #sliderArea .mainSlideContent .sliderPagination { bottom: 12px; }
	#top #sliderArea .mainSlideControll .sliderPagination .swiper-pagination-switch, #top #sliderArea .mainSlideContent .sliderPagination .swiper-pagination-switch { width: 8px; height: 8px; } }
#top #sliderArea .mainSlideContent { /*　mainSlider01 */ /*　mainSlider02 */ }
#top #sliderArea .mainSlideContent .vhCenter:before { min-height: 300px; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #sliderArea .mainSlideContent .vhCenter { padding-top: 20px; }
	#top #sliderArea .mainSlideContent .vhCenter:before { vertical-align: top; min-height: 150px; } }
#top #sliderArea .mainSlideContent .mainSlider01title { font-size: 186%; color: #fff; }
#top #sliderArea .mainSlideContent .mainSlider01title a { color: #fff; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #sliderArea .mainSlideContent .mainSlider01title { font-size: 143%; } }
#top #sliderArea .mainSlideContent .addTshadowSlide01 { text-shadow: 0 0 13px #0b3290; }
#top #sliderArea .mainSlideContent .mainSlider02title { font-size: 186%; color: #fff; }
#top #sliderArea .mainSlideContent .mainSlider02title a { color: #fff; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #sliderArea .mainSlideContent .mainSlider02title { font-size: 143%; } }
#top #sliderArea .mainSlideContent .addTshadowSlide02 { text-shadow: 0 0 13px #0b3290; }
#top #mainSlider, #top #mainSlider .swiper-wrapper > li { width: auto; height: 484px; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #mainSlider, #top #mainSlider .swiper-wrapper > li { height: 209px; } }
#top #mainSlider #mainSlider01, #top #mainSlider .swiper-wrapper > li #mainSlider01 { background: url("../../img/bg_main_slider01.jpg") 50% 50% no-repeat; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #mainSlider #mainSlider01, #top #mainSlider .swiper-wrapper > li #mainSlider01 { background: url("../../img/bg_main_slider01_mb.jpg") 50% 50% no-repeat; background-size: 375px auto; } }
#top #mainSlider #mainSlider02, #top #mainSlider .swiper-wrapper > li #mainSlider02 { background: url("../../img/bg_main_slider02.jpg") 50% 50% no-repeat; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #mainSlider #mainSlider02, #top #mainSlider .swiper-wrapper > li #mainSlider02 { background: url("../../img/bg_main_slider02_mb.jpg") 50% 50% no-repeat; background-size: 375px auto; } }
#top #mainSlider #mainSlider03, #top #mainSlider .swiper-wrapper > li #mainSlider03 { background: url("../../img/bg_main_slider03.jpg") 50% 50% no-repeat; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #mainSlider #mainSlider03, #top #mainSlider .swiper-wrapper > li #mainSlider03 { background: url("../../img/bg_main_slider03_mb.jpg") 50% 50% no-repeat; background-size: 375px auto; } }
#top #mainSlider #mainSlider04, #top #mainSlider .swiper-wrapper > li #mainSlider04 { background: url("../../img/bg_main_slider04.jpg") 50% 50% no-repeat; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #mainSlider #mainSlider04, #top #mainSlider .swiper-wrapper > li #mainSlider04 { background: url("../../img/bg_main_slider04_mb.jpg") 50% 50% no-repeat; background-size: 375px auto; } }
#top #mainSlider #mainSlider05, #top #mainSlider .swiper-wrapper > li #mainSlider05 { background: url("../../img/bg_main_slider05.jpg") 50% 50% no-repeat; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #mainSlider #mainSlider05, #top #mainSlider .swiper-wrapper > li #mainSlider05 { background: url("../../img/bg_main_slider05_mb.jpg") 50% 50% no-repeat; background-size: 375px auto; } }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #mainSlider [id^=mainSlider], #top #mainSlider .swiper-wrapper > li [id^=mainSlider] { background-position: 50% 50% !important; } }
#top #businessArea .navPageContHorizon { background: #f3f7ff url("/corp../img/bg_top_business01.jpg") 100% 0 no-repeat; }
#top #businessArea .navPageContHorizon > dt { width: 22.49%; }
#top #businessArea .navPageContHorizon > dd { margin-left: 22.49%; text-align: left; padding: 22px 40px 12px; font-size: 86%; min-height: 73px; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #businessArea .navPageContHorizon { background-position: 100% 40px; background-size: 90% auto; }
	#top #businessArea .navPageContHorizon > dd { text-align: center; padding: 72px 20px 12px; } }
#top #topNav02 .navPageContHorizon > dt { color: #333; font-weight: 400; font-size: 88%; }
#top #topNav02 .navPageContHorizon > dt span img { padding: 12px 20px; }
#top #topNav02 .navPageContHorizon > dd { padding: 15px 40px 11px 45px; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #topNav02 .navPageContHorizon > dd { padding: 130px 40px 11px 45px; } }
#top #topAsideArea dl { padding: 6px; }
#top #topAsideArea dl > dd:before { min-height: 80px; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #topAsideArea dl > dd:before { min-height: 70px; } }
#top #photologSlideArea { padding-bottom: 32px; position: relative; }
#top #photologSlideArea #photologSlider { margin: 0 auto; }
#top #photologSlideArea #photologSlider .slide-list:before, #top #photologSlideArea #photologSlider .slide-list:after { content: ""; display: table; }
#top #photologSlideArea #photologSlider .slide-list:after { clear: both; }
#top #photologSlideArea #photologSlider .slide-list li { float: left; }
#top #photologSlideArea #photologSlider .slide-list li a { display: block; width: 100%; color: inherit; border-left: 3px solid transparent; border-right: 3px solid transparent; box-sizing: border-box; }
#top #photologSlideArea #photologSlider .slide-list li a .slideText { margin-top: 10px; text-align: left; color: #0a3190; }
#top #photologSlideArea #photologSlider .slide-list li a .slideText dt { font-weight: 700; }
#top #photologSlideArea #photologSlider .slide-list li a .slideText dd { font-size: 86%; }
#top #photologSlideArea #photologPagination { cursor: pointer; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; z-index: 20; text-align: center; }
#top #photologSlideArea #photologPagination .swiper-pagination-switch { display: inline-block; background: #8a8a8a; width: 10px; height: 10px; margin: 0 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }
#top #photologSlideArea #photologPagination .swiper-active-switch { background: #fdf100; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #photologSlideArea #photologPagination { bottom: 12px; }
	#top #photologSlideArea #photologPagination .swiper-pagination-switch { width: 8px; height: 8px; } }

#top .discount .thum{
	width:auto;
	display: inline-block;
}
#top .discount dl{
	vertical-align: top;
	padding-left: 20px;
	display: inline-block;
	width:auto;
}
@media screen and (min-width: 0px) and (max-width: 667px) {
	#top .discount .thum{
		width:107px;
		padding-right: 8px;
	}
	#top .discount dl{
		padding-left: 0px;
		width:60%;
	}
}

/*----------------------------------------
2018.8.3 kamiya
----------------------------------------*/
#top .banner_area{
	text-align: center;
}
#top .banner_area a{
	margin-right:30px;
}
#top .banner_area a:last-of-type{
	margin-right:0;
}
#top .banner_area a img{
	margin-top:15px;
}
/*#movie {
position: relative;
padding-bottom: 350px;
padding-left: 177.5px;
height: 0;
overflow: hidden;
margin: 0 auto;
background-image: url(../img/movie-bg.png);
}
#player {
position: absolute;
width: 623px;
height: 350px;
}*/
#container:after {
	content: none;
}
#top .gridSection02 > *:first-child + * ~ * {
	margin-top: 0;
}
@media screen and (min-width: 0px) and (max-width: 667px) {
	#container {
		width: 95%;
	}
	#top .banner_area a{
		margin-right:0;
	}
	/*#movie {
	position: relative;
	padding-bottom: 56.25%;
	padding-left: 0;
	overflow: hidden;
	background-image:none;
}
	#player {
	position: absolute;
	width: 100%;
	height: 100%;
}*/
	#top .gridSection02 > *:first-child + * ~ * {
		margin-top: 16px;
	}
}

/*#video-background {
position: fixed;
left: 0;
top: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -999;
}*/


/** 20180830 BLOGパーツ追加 **/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
}

.clearfix {
	min-height: 1px;
}

.img_thumb {
	width: 100%;
	height: 100%;
	padding: 100% 0 0 0;
}

.blog_photo {
	display: flex;
	max-width: 978px;
	margin: 30px auto;
}
.blog_photo a:hover{
	text-decoration: none;
}

.blog_area,
.photo_area {
	flex: 1;
	padding: 15px;
	box-sizing: border-box;
}

.blog_area h2,
.photo_area h2 {
	position: relative;
	margin-left:-15px;
	font-size: 18px;
	font-weight: bold;
	padding-left: 15px;
}

.blog_area h2:before,
.photo_area h2:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 2px;
	content: '';
	border-left: 4px solid #fbf500;
}

.blog_area h3,
.photo_area h3 {
	font-size: 28px;
	font-weight: bold;
	line-height: 100%;
}

.blog_area h3 span,
.photo_area h3 span {
	color: #231815;
	font-size: 14px;
	font-weight: normal;
}

.blog_area h3 {
	color: #007F41;
}

.photo_area h3 {
	color: #EA5504;
}

.blog_photo .blog_area {
	border: 2px solid #009944;
	border-radius: 4px;
	background: linear-gradient(to bottom, #E8F2D7, #ffffff);/*IE10*/
	background: -webkit-gradient(linear, center top, center bottom, from(#E8F2D7), to(#ffffff));
	background: -moz-linear-gradient(top, #E8F2D7, #ffffff);
}

.blog_photo .area_detail {
	display: flex;
	align-items: center;
	margin-top: 8px;
}

.blog_photo .area_detail .image {
	flex-basis: 180px;
}

.blog_photo .area_detail .image img {
	width: 100%;
}

.blog_photo .area_detail .button {
	flex: 1;
	padding-left: 30px;
}

.blog_photo .area_detail .button a {
	width: 100%;
}

.blog_photo .photo_area {
	margin-left: 30px;
	border: 2px solid #F29100;
	border-radius: 4px;
	background: linear-gradient(to bottom, #FFFDDF, #ffffff);/*IE10*/
	background: -webkit-gradient(linear, center top, center bottom, from(#FFFDDF), to(#ffffff));
	background: -moz-linear-gradient(top, #FFFDDF, #ffffff);
}

h3.icoNew:after{
	font-size: 50%!important;/*K*/
}

@media screen and (max-width: 667px) and (min-width: 0px) {
	.blog_photo {
		display: block;
		padding: 15px;
		margin-bottom:0;
	}
	.blog_photo .blog_area,
	.blog_photo .photo_area {
		width: 100%;
		margin: 0 0 30px;
		display: block;
	}

	.blog_photo .area_detail {
		display: block;
	}

	.blog_photo .area_detail .button {
		padding: 0;
	}
}