@charset "utf-8";
/* ===================================================================
CSS information

 file name  :homepage.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------

メインスライダー　表示or非表示

----------------------------------------------------------- */
.slide_pc{
	display: block;
}

.slide_sp{
	display: none;
}

@media screen and (max-width: 640px) {
	.slide_pc{
		display: block;
	}
	
	.slide_sp{
		display: none;
	}
}

/* -----------------------------------------------------------

.con_slide

----------------------------------------------------------- */
#homepage .con_slide{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 0px;
}

#homepage .con_slide .flexslider{
	width: 320px;
	padding: 0px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#homepage .con_slide .flexslider ul.slides{
	text-align:center;
}

#homepage .con_slide .flexslider ul.slides li{
	display: none;
}


/*サムネイル*/
#homepage .con_slide .flexslider .flex-control-nav{
	text-align:center;
	height: 13px;
	position:relative;
	bottom: -20px;
	/zoom: 1;
}

#homepage .con_slide .flexslider .flex-control-nav li{
	display:inline-block;
	margin:0 7px;
	/display: inline;
	/zoom: 1;
}

#homepage .con_slide .flexslider .flex-control-nav li a{
	display:block;
	width:13px;
	height:13px;
	cursor:pointer;
	text-indent:-9999px;
	background:url(../images/home/btn_thum.png) 0 0 no-repeat;
}

#homepage .con_slide .flexslider .flex-control-nav li a.flex-active{
	background:url(../images/home/btn_thum.png) 0 -13px no-repeat;
}


/*ページャー*/
#homepage .con_slide .flexslider .flex-direction-nav li a{
	display:block;	
	height:49px;
	width:24px;
	text-indent:-9999px;
	position:absolute;
	z-index:50;
	top:175px;
}

#homepage .con_slide .flexslider .flex-direction-nav li a.flex-prev{
	background: url(../images/home/btn_l.png) 0 0 no-repeat;
	left:10px;
}

#homepage .con_slide .flexslider .flex-direction-nav li a.flex-next{
	background: url(../images/home/btn_r.png) 0 0 no-repeat;
	right:10px;
}

@media screen and (max-width: 1024px) {
	#homepage .con_slide{
		width: 98%;
	}
	
	#homepage .con_slide img{
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
    }
	
	#homepage .con_slide .flexslider{
		width:100%;
		padding: 0;
	}
	
	#homepage .con_slide .flexslider .flex-direction-nav li a.flex-prev{
		left:0;
	}
	
	#homepage .con_slide .flexslider .flex-direction-nav li a.flex-next{
		right:0;
	}
}



@media screen and (max-width: 640px) {
	
	#homepage .con_slide{
		margin: 0 auto;
		padding-bottom: 15px;
		/*background: none;*/
		width: 100%;
	}
	
	#homepage .con_slide img{
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
    }
	
	#homepage .con_slide .flexslider{
		width: 100%;		
		padding:0;
	}
	
	#homepage .con_slide .flexslider ul li{
		display: none;
	}
	
	#homepage .con_slide .flexslider .flex-control-nav{
		bottom: 0px;
	}
	
	#homepage .con_slide .flexslider .flex-control-nav li a{
		width: 10px;
		height: 10px;
		background:none;
		background-size: 0px;
	}
	
	#homepage .con_slide .flexslider .flex-control-nav li a.flex-active{
		background:none;
	}
	
	
	#homepage .con_slide .flexslider .flex-direction-nav{
		display:none;
	}
	
	#homepage .con_slide .flexslider .flex-direction-nav li a.flex-prev{
		left:0;
	}
	
	#homepage .con_slide .flexslider .flex-direction-nav li a.flex-next{
		right:0;
	}
	
}



/* -----------------------------------------------------------

.con_menu

----------------------------------------------------------- */

#homepage .con_menu{
	width:100%;
	padding-bottom:45px;
}

#homepage .con_menu .box_menu{
	width:980px;
	margin:0 auto;
}

#homepage .con_menu .box_menu h3{
	width:100%;
	height:80px;
	margin-bottom:30px;
	text-indent:-9999px;
	background:url(../images/home/st_menu.png) center center no-repeat;
}

#homepage .con_menu .box_menu .box_line{
	background:url(../images/home/bg_menu_02.png) center center repeat-x;
}

#homepage .con_menu .box_menu ul{
	overflow:hidden;
	background:url(../images/home/bg_menu_01.png) center bottom repeat-y;
}


#homepage .con_menu .box_menu ul li{
	float:left;
	width:25%;
}

#homepage .con_menu .box_menu ul li a{
	display:block;
	padding:10px 0 20px;
}

#homepage .con_menu .box_menu ul li a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}


#homepage .con_menu .box_menu ul li a p.pic{
	text-align:center;
	margin-bottom:12px;
}
#homepage .con_menu .box_menu ul li a p.det{
	text-align: center;
}

@media screen and (max-width: 640px) {
	
	#homepage .con_menu .box_menu{
		width: 96%;
	}
	
	#homepage .con_menu .box_menu .box_line,
	#homepage .con_menu .box_menu ul{
		background: none;
	}
	
	#homepage .con_menu{
		padding-bottom:0;
		/*background: url(../images/bg_kusa.png) right bottom no-repeat;*/
	}
	
	#homepage .con_menu .box_menu h3{
		background-size: auto 50px;
		margin-bottom:0;
	}
	
	#homepage .con_menu .box_menu ul li{
		float:left;
		width:50%;
	}
	
	#homepage .con_menu .box_menu ul li a{
		padding:0;
	}
	
	#homepage .con_menu .box_menu ul li a p.det{
		display:none;
	}
	
	
}




/* -----------------------------------------------------------

.con_feed

----------------------------------------------------------- */

#homepage .con_feed{
	width:100%;
	padding-bottom:45px;
	margin-bottom:25px;
	background: url(../images/home/bg_news_pc.png) center 0 repeat-x;
	overflow:hidden;
}


/* .box_tit */
#homepage .con_feed .box_tit{
	margin:0 auto 15px;
}

#homepage .con_feed .box_tit h3{
	width:100%;
	height:90px;
	background: url(../images/home/st_news.png) center center no-repeat;
	text-indent:-9999px;
}



/* .box_feed */
#homepage .con_feed .box_feed{
	width:980px;
	margin:0 auto;
}

#homepage .con_feed .box_feed .tabNav{
	display: none;
}





/*  .box_shop */
#homepage .con_feed .box_feed .box_shop{
	width:480px;
	position:relative;
}

#homepage .con_feed .box_feed .box_shop h4.name{
	text-align:center;
	position: absolute;
	left:50%;
	margin-left:-80px;
	top:-15px;
}

#homepage .con_feed .box_feed .box_f{
	float:right;
}

#homepage .con_feed .box_feed .box_h{
	float:left;
}




/* .box_photo */
#homepage .con_feed .box_feed .box_shop .box_photo{
	overflow:hidden;
	padding:10px;
	margin-bottom:5px;
}

#homepage .con_feed .box_feed .box_f .box_photo{
	background: #e4944e url(../images/home/bg_osusume_f.png) 0 0 no-repeat;
}

#homepage .con_feed .box_feed .box_h .box_photo{
	background: #b4c244 url(../images/home/bg_osusume_h.png) 0 0 no-repeat;
}


#homepage .con_feed .box_feed .box_shop .box_photo h5,
#homepage .con_feed .box_feed .box_shop .box_photo p.box_img{
	float:left;
}

#homepage .con_feed .box_feed .box_shop .box_photo h5{
	margin-right:20px;
}

#homepage .con_feed .box_feed .box_shop .box_photo p.box_img{
	width:190px !important;
	max-height:140px !important;	
	margin-top:20px;
	text-align: center;
	overflow: hidden;
}

#homepage .con_feed .box_feed .box_f .box_photo p.box_img{
	border:5px #e0802c solid;
	background:#e4944f;
}

#homepage .con_feed .box_feed .box_h .box_photo p.box_img{
	border:5px #8d982f solid;
	background:#87932d;
}

#homepage .con_feed .box_feed .box_shop .box_photo p.box_img img{
	width: auto;
	max-height: 140px !important;
	max-width: 190px !important;
}

#homepage .con_feed .box_feed .box_shop .box_photo .box_date{
	float:right;
	width:110px;
	padding-top:20px;
	color: #fff;
}

#homepage .con_feed .box_feed .box_shop .box_photo .box_date .txt_date{
	padding:0 0 5px 15px;
	margin-bottom:5px;
	border-bottom:#FFF dotted 2px;
}

#homepage .con_feed .box_feed .box_f .box_photo .box_date .txt_date{
	background: url(../images/home/ic_book_f.png) 0 center no-repeat;
}

#homepage .con_feed .box_feed .box_h .box_photo .box_date .txt_date{
	background: url(../images/home/ic_book_h.png) 0 center no-repeat;
}




/*.box_recom*/
#homepage .con_feed .box_feed .box_shop .box_recom{
	margin-bottom:5px;
	padding:1% 2%;
	background:url(../images/home/bg_osusume.png);
}

#homepage .con_feed .box_feed .box_shop .box_recom h5{
	text-align:center;
	margin-bottom:13px;
}

#homepage .con_feed .box_feed .box_shop .box_recom dl{
	background:#FFF;
	padding:2% 4%;
}

#homepage .con_feed .box_feed .box_shop .box_recom dl dt p{
	display:inline;
	margin-right:5px;
}

#homepage .con_feed .box_feed .box_shop .box_recom dl dt p.date_f{
	color:#f29162;
}

#homepage .con_feed .box_feed .box_shop .box_recom dl dt p.date_h{
	color:#87912e;
}

#homepage .con_feed .box_feed .box_shop .box_recom dl dd a{
	padding-left:20px;
	color:#9f5702;
	background: url(../images/ic_li.png) left center no-repeat;
}




/*.box_news*/
#homepage .con_feed .box_feed .box_shop .box_news{
	margin-bottom:15px;
	padding:20px 20px 10px 20px;
	background:#FFF;
}

#homepage .con_feed .box_feed .box_shop .box_news dl{
	border-bottom:#d0ba88 2px dotted;
	padding-bottom:5px;
	margin-bottom:18px;
}

#homepage .con_feed .box_feed .box_shop .box_news dl dt{
	margin-bottom:5px;
}

#homepage .con_feed .box_feed .box_shop .box_news dl dt p{
	display:inline;
	margin-right:5px;
}

#homepage .con_feed .box_feed .box_shop .box_news dl dt p.date_f{
	color:#df8d44;
}

#homepage .con_feed .box_feed .box_shop .box_news dl dt p.date_h{
	color:#87912e;
}

#homepage .con_feed .box_feed .box_shop .box_news dl dd a{
	padding-left:20px;
	color:#797053;
	background: url(../images/ic_li.png) left center no-repeat;
}

#homepage .con_feed .box_feed .box_shop .box_news p.btn_lnk{
	text-align: right;
}


/*.btn_fb*/
#homepage .con_feed .box_feed .box_shop .btn_fb{
	text-align:left;
}

/*SP専用*/
#homepage .con_feed .box_feed .fadeNext{
	display:none;
	cursor: pointer;
	padding:15px 2%;
	margin-bottom:5px;
	border: 2px dotted #D0BA88;
	font-weight: bold;
	text-align: center;
	background: url(../images/ic_arrow_b.png) center 90% no-repeat;
}


@media screen and (max-width: 640px) {
	
	#homepage .con_feed{
		padding-bottom:20px;
		background: url(../images/home/bg_news.png);
	}	
	
	#homepage .con_feed .box_tit h3{
		background-size: auto 60px;
		margin-bottom:0;
	}
	
	#homepage .con_feed .box_feed{
		width:96%;
	}
	
	#homepage .con_feed .box_feed .fadeNext{ display:block;}
	
	#homepage .con_feed .box_feed .box_shop h4.name{
		display:none;
	}
	
	#homepage .con_feed .box_feed .tabNav{
		display:block;
	}
	
	#homepage .con_feed .box_feed .box_shop .box_photo{
		padding:1% 1% 10px;	
	}
	
	#homepage .con_feed .box_feed .box_shop .box_photo h5{
		margin-right:10px;
		width:30%;
	}
	
	#homepage .con_feed .box_feed .box_shop .box_photo p.box_img{
		float:right;
		margin-top:5px;
	}
	
	
	
	#homepage .con_feed .box_feed .box_shop .box_photo .box_date{
		padding:5px;
		float:none;
		clear:both;
		width: auto;
	}
	
	/*  .box_shop */
	#homepage .con_feed .box_feed .box_shop{
		width:100%;
		padding-bottom:20px;
	}
	
	#homepage .con_feed .box_feed .box_f,
	#homepage .con_feed .box_feed .box_h{
		float:none;
	}
	
	#homepage .con_feed .box_feed .box_shop .box_news dl dt img{
		margin-bottom:6px;
	}
	
	
}

/* -----------------------------------------------------------

.con_point

----------------------------------------------------------- */

#homepage .con_point{
	width: 100%;	
	clear:both;
	background: url(../images/line_base.png) 0 bottom repeat-x;
}

#homepage .con_point .box_point{
	width:980px;
	padding-bottom: 60px;
	margin:0 auto;
	position: relative;
}

#homepage .con_point .box_point .bg_elephant{
	position:absolute;
	bottom: 1px;
	left: -42px;
}

#homepage .con_point .box_point h3{
	width:100%;
	height:75px;

	background:url(../images/home/st_point.png) center 0 no-repeat;
	margin-bottom:30px;
	text-indent:-9999px;
}

#homepage .con_point .box_point ul{
	overflow:hidden;
	margin-bottom:60px;
}

#homepage .con_point .box_point ul.bg01{
	background:url(../images/home/bg_point01.png) 462px 0 no-repeat;
}

#homepage .con_point .box_point ul.bg02{
	background:url(../images/home/bg_point02.png) 312px 0 no-repeat;
}

#homepage .con_point .box_point ul li{
	float:left;
	width:33%;
}

#homepage .con_point .box_point ul li.wide{
	width:50%;
}

#homepage .con_point .box_point ul li.point03{
	width:283px;
	margin-right:65px;
}

#homepage .con_point .box_point ul li.point04{
	width:289px;
	margin-right:60px;
}

#homepage .con_point .box_point ul li.point05{
	width:275px;
}

#homepage .con_point .box_point ul li a{
	display:block;
}


#homepage .con_point .box_point ul li .txt{
	display:none;
	font-size:smaller;
}


#homepage .con_point .box_point p.bn_flow{
	width: 619px;
	margin: 0 auto;
}

#homepage .con_point .box_point p.bn_flow a{
	display: block;
	width: 619px;
	height: 0;
	padding-top: 85px;
	overflow: hidden;
	background: url(../images/home/btn_flow.jpg) 0 0 no-repeat;
}

#homepage .con_point .box_point p.bn_flow a:hover{
	filter:alpha(opacity=70);
	opacity:0.7;
}



@media screen and (max-width: 640px) {
	
	
	#homepage .con_point .box_point{
		padding-bottom: 30px;
		width: 96%;
	}
	
	#homepage .con_point .box_point ul.bg01,
	#homepage .con_point .box_point ul.bg02{
		background:none;
	}
	
	#homepage .con_point .box_point h3{
		background-size: auto 50px;
		margin-bottom:0;
	}
	
	#homepage .con_point .box_point ul{
		overflow:hidden;
		margin-bottom:0;
	}
	
	#homepage .con_point .box_point ul li{
		float: none;
		width: 100%;
		margin-bottom:10px;
	}
	
	#homepage .con_point .box_point .bg_elephant,
	#homepage .con_point .box_point ul li img{
		display:none;
	}
		
	#homepage .con_point .box_point ul li.wide,
	#homepage .con_point .box_point ul li.point01,
	#homepage .con_point .box_point ul li.point02,
	#homepage .con_point .box_point ul li.point03,
	#homepage .con_point .box_point ul li.point04,
	#homepage .con_point .box_point ul li.point05{
		width: auto;
		margin:0 0 10px;
		padding:0;
		border-bottom:2px dotted #D0BA88;
	}
	
	#homepage .con_point .box_point ul li .txt{
		display:block;
		padding:0 0 0 60px;
	}
	
	#homepage .con_point .box_point ul li .txt span{
		color:#f37d6c;
		font-weight:bold;
		font-size:medium;
	}
	
	#homepage .con_point .box_point ul li a{
		display:block;
		min-height:60px;
		text-decoration:none;
		background: right center url(../images/ic_arrow.png) no-repeat
	}
		
	
	#homepage .con_point .box_point ul li.point01{
		background: url(../images/home/img_po01.png) 0 0 no-repeat;
		background-size:50px;
	}
	
	#homepage .con_point .box_point ul li.point02{
		background: url(../images/home/img_po02.png) 0 0 no-repeat;
		background-size:50px;
	}
	
	#homepage .con_point .box_point ul li.point03{
		background: url(../images/home/img_po03.png) 0 0 no-repeat;
		background-size:50px;
	}
	
	#homepage .con_point .box_point ul li.point04{
		background: url(../images/home/img_po04.png) 0 0 no-repeat;
		background-size:50px;
	}
	
	#homepage .con_point .box_point ul li.point05{
		background: url(../images/home/img_po05.png) 0 0 no-repeat;
		background-size:50px;
	}
	
	#homepage .con_point .box_point p.bn_flow{
		text-align:center;
		padding-top:15px;
	}
	
	#homepage .con_point .box_point p.bn_flow{
		width: 520px;
	}
	
	#homepage .con_point .box_point p.bn_flow a{
		width: auto;
		padding-top: 130px;
		background: url(../images/home/btn_flow_sp.jpg) 0 0 no-repeat;
		background-size: 100%;
		
	}
}


@media screen and (max-width: 320px) {	
	#homepage .con_point .box_point p.bn_flow{
		width: 300px;
	}
	#homepage .con_point .box_point p.bn_flow a{
		padding-top: 65px;
	}
}



/* -----------------------------------------------------------

.con_gallery

----------------------------------------------------------- */

#homepage .con_gallery{
	width: 100%;
	padding: 15px 0 30px;
	margin-bottom:45px;
	background: #FFF url(../images/line_base.png) 0 bottom repeat-x;
	overflow: hidden;
}

#homepage .con_gallery .box_tit{
	width: 980px;
	margin: 0 auto 15px;
	overflow:hidden;
}

#homepage .con_gallery .box_tit h3,
#homepage .con_gallery .box_tit p{
	float:left;
	padding-right:15px;
}

#homepage .con_gallery .box_tit p{
	padding-top:5px;
}

#scroll01{
	height:180px;
}

#scroll02{
	height:90px;
}

#scroll01 li{
	width: 240px;
	height: 180px;
	overflow: hidden;
	background: #fef1ce;
}

#scroll01 li.pic_v{
	width: 135px;
	height: 180px;
}

#scroll01 li img{
	height: 180px !important;
	margin: 0 auto;
}

#scroll02 li{
	width: 120px;
	height: 90px;
	overflow: hidden;
	background: #fef1ce;
}

#scroll02 li.pic_v{
	width: 68px;
	height: 90px;
}

#scroll02 li img{
	height: 90px !important;
	margin: 0 auto;
}

#homepage .con_gallery .simply-scroll{
	/*max-width:1280px;*/
	margin: 0 auto 10px;
}

#homepage .bn_gallery_sp{
	display: none;
} 


@media screen and (max-width: 1024px) {
	#homepage .con_gallery{
		width: 980px;
		margin: 0 auto 45px;
		overflow: hidden;
	}
}


@media screen and (max-width: 640px) {
	#homepage .con_gallery{
		display: none;
	}
	
	#homepage .bn_gallery_sp{
		display: block;
		margin-bottom:10px;
	}
}




/* -----------------------------------------------------------
	.con_f_info
		フッター
----------------------------------------------------------- */

.con_f_info{
	width:100%;
	background: url(../images/bg_con_f_info.png) center bottom repeat-x;
}

.con_f_info .box_f_info{
	width:980px;
	padding-bottom: 70px;
	margin: 0 auto;
	overflow:hidden;
}

.con_f_info .box_f_info .box_bn{
	float:right;
	overflow:hidden;
	width: 620px;
}

.con_f_info .box_f_info .box_bn li{
	float:left;
	margin: 0 12px 12px 0;
}


.con_f_info .box_f_info .box_bn li.bn_staff a{
	background: url(../images/bn_staff.jpg) 0 0 no-repeat;
	height: 0;
	padding-top: 79px;
	width: 261px;
	overflow: hidden;
	display: block;
}

.con_f_info .box_f_info .box_bn li.bn_staff a:hover{
	filter:alpha(opacity=70);
	opacity:0.7;
}


@media screen and (max-width: 640px) {
	
	.con_f_info{
		width:100%;
		background: url(../images/line_base.png) 0 bottom repeat-x;
	}
	
	.con_f_info .box_f_info{
		padding:20px 0;
		width:96%;
	}

	
	.con_f_info .box_f_info .box_bn{
		float: none;
		width: 100%;
	}
	
	.con_f_info .box_f_info .box_bn li{
		margin:0 1% 10px;
		width:48%;
	}
	
	.con_f_info .box_f_info .box_bn li img{
		width:100%;
		height: auto;
	}
	
	.con_f_info .box_f_info .box_bn li.bn_long{
		width: 100%;
		margin:0 0 10px;
		text-align:center;
	}
	
	.con_f_info .box_f_info .box_bn li.bn_long img{
		
	}
	
	.con_f_info .box_f_info .img_l{
		display: none;
	}
	
	.con_f_info .box_f_info .box_bn li.bn_staff a{
		background: url(../images/bn_staff_sp.jpg) 0 0 no-repeat;
		width: 322px;
		margin: 0 auto;
	}
}

#homepage .con_slide .flexslider .flex-viewport {
	overflow: visible !important;
}
.leftmenuwaku p {
	text-align: center;
}