@charset "UTF-8";


/*btn
---------------------------------------------------------- */
.btn_detail {
	width: 120px;
	margin: 20px auto 0;
	text-align: center;
	background: #e81000;
	border-radius: 4px;
	-webkit-border-radius: 4px; /* Safari,Google Chrome用 */
	-moz-border-radius: 4px; /* Firefox用 */
}

.btn_detail a {
	display: block;
	padding: 8px 10px 6px 10px;
	color: #fff;
	text-decoration:none;
}


@media only screen and (max-width: 736px) {

	.btn_detail {
		width: 100%;
		max-width: 160px;
		margin: 20px auto 0;
	}

	.btn_detail a {
		padding: 12px 10px 10px 10px;
	}
}


/*main
---------------------------------------------------------- */
.main_slide #main_txt {
	width: 100%;
	position: absolute;
	z-index: 2;
	text-align: center;
	top: 270px;
}

@media only screen and (max-width: 736px) {
	.main_slide #main_slide_ph #main_txt {
		height: 45%;
		top: 20%;
		/*transform: translate(0, -55%);*/
	}

	.main_slide #main_slide_ph #main_txt img {
		height: 100%;
		width: auto;
	}

}

.main_slide {
	position: relative;
	width: 100%;
}

.main_slide li {
	position: relative;
}

#main_slide_ph,
#main_slide_ph ul li .slide img{
	width: 100%;
	/*min-width: 1400px;*/
	height: auto;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#main_slide_ph ul {
	/*min-width: 1400px;*/
	height: 819px;
	position: relative;
	z-index: 1;
}

#main_slide_ph li {
	display: block;
	width: 100%;
	/*min-width:1400px;*/
	height: 819px;
	overflow: hidden;
	text-align: center;
}

@media only screen and (min-width: 737px) {

	#main_slide_ph .slide {
		height: 819px;
	}

	#main_slide_ph ul li div.branch_name {
		position: absolute;
		color: #fff;
		width: 100%;
		font-size: 1rem;
		font-family: 'Ubuntu', sans-serif;
/*		top: 590px;
		text-align: center;*/
		display: block;
		bottom: 140px;
		right: 20px;
		text-align: right;
	}

	#main_slide_ph .main_slide01 {
		background: url(../img/top/main_slide01.jpg) no-repeat top center;
		background-size: cover;
	}

	#main_slide_ph .main_slide02 {
		background: url(../img/top/main_slide02.jpg) no-repeat top center;
		background-size: cover;
	}

	#main_slide_ph .main_slide03 {
		background: url(../img/top/main_slide03.jpg) no-repeat top center;
		background-size: cover;
	}

	#main_slide_ph .main_slide04 {
		background: url(../img/top/main_slide04.jpg) no-repeat center center;
		background-size: cover;
	}

	#main_slide_ph .main_slide05 {
		background: url(../img/top/main_slide05.jpg) no-repeat center center;
		background-size: cover;
	}

	#main_slide_ph .slide img {
		display: none;
	}
}


#main_slide_pager .prev {
	position: absolute;
	left: 15px;
	top: 370px;
	cursor: pointer;
	z-index: 2;
}

#main_slide_pager .next {
	position: absolute;
	right: 15px;
	top: 370px;
	cursor: pointer;
	z-index: 3;
}

#main_slide_parts {
	position: relative;
	width: 1000px;
	height: auto;
	margin: 0 auto;
	z-index: 4;
}

#main_slide_parts .main_slide_menu {
	position: absolute;
	top: -70px;
	left: 50%;
	margin-left: -600px;
	width: 1200px;
	height: 130px;
	background: url(../img/common/bg_texture08.png) repeat;
}

#main_slide_parts .main_slide_menu ul {
	width: 1000px;
	margin: -55px auto 0;
}

#main_slide_parts .main_slide_menu ul li:first-child {
	margin-left: 0;
}

#main_slide_parts .main_slide_menu ul li {
	float: left;
	width: 320px;
	margin-left: 20px;
	padding-bottom: 30px;
	background: url(../img/top/main_menu_bg.png) left bottom no-repeat;
}



@media only screen and (max-width: 736px) {
	#main_slide_ph, #main_slide_ph ul li .slide img {
		width: 100%;
		min-width: 100%;
	}
	#main_slide_ph {
		margin: 0;
		padding: 0;
	}


	#main_slide_ph ul {
		min-width: 100%;
	}
	#main_slide_ph li {
		min-width: 100%;
		height: auto;
	}

	#main_slide_ph ul li div.branch_name {
		position: absolute;
		top: 63%;
		color: #fff;
		text-align: center;
		width: 100%;
		font-size: 0.6rem;
		font-family: 'Ubuntu', sans-serif;
		/*display: block;*/
		display: none;
	}

	#main_slide_pager .prev,
	#main_slide_pager .next {
		top: 25%;
	}
	#main_slide_pager .next {
		text-align: right;
	}
	#main_slide_pager .prev img,
	#main_slide_pager .next img {
		width: 70%;
	}
	#main_slide_parts {
		position: absolute;
		width: 100%;
		margin: 0;
		top: 83%;
	}
	#main_slide_parts .main_slide_menu,
	#main_slide_parts .main_slide_menu ul {
		width: 100%;
		margin: 0;
	}
	#main_slide_parts .main_slide_menu {
		padding: 0 2%;
		left: 0;
		top: 0;
		/*height: 40px;*/
		height: inherit;
		background: url(../img/top/sp_bg_texture01.png) left 1.5em repeat-x;
		background-size: 2px 45px;
		-webkit-background-size: 2px 45px;
		-moz-background-size: 2px 45px;
		-ms-background-size: 2px 45px;
		-o-background-size: 2px 45px;
	}
	#main_slide_parts .main_slide_menu ul {
		margin-top: 0;
	}
	#main_slide_parts .main_slide_menu ul li:first-child {
		margin-left: 0;
	}
	#main_slide_parts .main_slide_menu ul li {
		width: 32%;
		margin-left: 5px;
	}
	#main_slide_parts ul li img {
		width: 100%;
	}
}



/*news
---------------------------------------------------------- */
.top_news {
	/*padding: 50px 0 90px;*/
	padding: 200px 0 90px;
	background: #f5f5f5;
}

.top_news_block {
	width: 1000px;
	margin: 0 auto;
}

.top_news ul {
	clear: both;
	margin-left: -35px;
}

/* アイキャッチ表示のとき */
/*.top_news li {
	float: left;
	width: 482px;
	margin: 0 0 40px 35px;
}*/

.top_news li {
	float: left;
	width: 482px;
	margin: 0 0 20px 35px;
	background: #fff;
	padding: 15px;
}

.top_news li .ph {
	float: left;
	width: 100px;
	margin-right: 20px;
	border: 2px solid #ffffff;
	display: none; /* アイキャッチ非表示 */
}

.top_news li .txt {
	overflow: hidden;
	zoom: 1;
}

.top_news li .txt p {
	font-size:116%;
}

.top_news li .txt .date {
	/*margin-bottom: 10px;*/ /*アイキャッチ表示の時のみ */
	color: #333333;
	font-size: 138.1%;
	font-weight: 500;
	font-family: 'Ubuntu', sans-serif;
}

.top_news li .txt .date .cate_motto,
.top_news li .txt .date .cate_yayoi,
.top_news li .txt .date .cate_mk {
	display: inline-block;
	width: 110px;
	text-align: center;
	margin: 0 0 3px 10px;
	padding: 2px 14px 1px 14px;
	line-height: 1.2;
	vertical-align: middle;
	color: #fff;
	font-size: 68%;
	letter-spacing: 0.05em;
	background: #e81000;
	white-space: nowrap;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,sans-serif;
}

.top_news li .txt .date .cate_yayoi {
	background: #555555;
}

.top_news li .txt .date .cate_mk {
	background: #009d65;
}
.top_news li a:link,
.top_news li a:visited {
	text-decoration: none;
}
.top_news li a:hover,
.top_news li a:focus {
	text-decoration: none;
}
.top_news li a .ttl {
	color: #333333;
	text-decoration: underline;
}
.top_news li a:hover .ttl {
	color: #e81000;
	text-decoration: none;
}

@media only screen and (max-width: 736px) {

	.top_news {
		padding: 90px 0 40px;
		margin: -60px 0 0 0;
		/*padding: 0 0 40px;*/
		/*margin: 0 0 0 0;*/
	}
	.top_news .ttl01 {
		/*padding-top: 15px;
		padding-top: 15%;*/
		margin-top: 0;
		padding-top: 17%;
	}

	.top_news_block {
		width: 100%;
	}

	.top_news ul {
		margin-left: 0;
		border-bottom: 1px solid #e2e2e2;
	}

	.top_news li {
		float: none;
		width: auto;
		margin: 0;
		padding: 20px 3%;
		border-top: 1px solid #e2e2e2;
	}

	.top_news li .ph {
		float: left;
		width: 100px;
		margin-right: 10px;
		border: 1px solid #ffffff;
	}

}





/*topics
---------------------------------------------------------- */
.top_product_info {
	padding: 80px 0 90px;
}

.top_product_info_block {
	width: 1000px;
	margin: 0 auto;
}

.top_product_info ul {
	clear: both;
	margin-left: -35px;
}

.top_product_info li {
	float: left;
	width: 310px;
	margin: 0 0 70px 35px;
}

.top_product_info li .ph {
	width: 310px;
	margin-bottom: 15px;
}


.top_product_info li .txt p {
	font-size:108%;
}

.top_product_info li .txt .date {
	margin-bottom: 10px;
	color: #333333;
	font-size: 108%;
	font-weight: 500;
	font-family: 'Ubuntu', sans-serif;
}

.top_product_info li .txt .date .cate_motto,
.top_product_info li .txt .date .cate_yayoi,
.top_product_info li .txt .date .cate_mk {
	display: inline-block;
	width: 110px;
	text-align: center;
	margin: 0 0 3px 10px;
	padding: 2px 14px 1px 14px;
	line-height: 1.2;
	vertical-align: middle;
	color: #fff;
	font-size: 89%;
	letter-spacing: 0.05em;
	background: #e81000;
	white-space: nowrap;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,sans-serif;
}

.top_product_info li .txt .date .cate_yayoi {
	background: #555555;
}

.top_product_info li .txt .date .cate_mk {
	background: #009d65;
}

.top_product_info li a:link,
.top_product_info li a:visited {
	text-decoration: none;
}
.top_product_info li a:hover,
.top_product_info li a:focus {
	text-decoration: none;
}
.top_product_info li a .ttl {
	color: #333333;
	text-decoration: underline;
}
.top_product_info li a:hover .ttl {
	color: #e81000;
	text-decoration: none;
}

.top_product_info li .ph {
	text-align: center;
}

.top_product_info li .ph img {
	width: auto;
	height: auto;
	max-width: 310px;
	max-height: 160px;
	border: 4px solid #f4f4f4;
}


@media only screen and (max-width: 736px) {

	.top_product_info {
		padding: 30px 0 40px;
	}

	.top_product_info_block {
		width: 94%;
	}

	.top_product_info_block ul {
		margin-left: -4%;
	}

	.top_product_info_block li {
		float: left;
		width: 46%;
		margin: 0 0 40px 4%;
	}

	.top_product_info li .ph {
		width: 100%;
		margin-bottom: 15px;
	}
	.top_product_info li .txt .date .cate_motto,
	.top_product_info li .txt .date .cate_yayoi,
	.top_product_info li .txt .date .cate_mk {
		width: 88px;
		margin: 0 0 3px 9px;
		padding: 2px 10px 1px 5px;
	}

	.top_product_info li .ph img {
		width: 100%;
	}
}

/*culture
---------------------------------------------------------- */
.top_culture {
	padding: 80px 0 90px;
	background:#f5f5f5;
}

.top_culture_block {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}

.top_culture ul {
	clear: both;
}

.top_culture li {
	float: left;
	width: px;
	margin: 0 0 0 24px;
}

.top_culture li:first-child {
	margin: 0 0 0 0;
}

.top_culture li .ph {
	width: 194px;
	text-align: center;
	margin-bottom: 10px;
}

.top_culture li .ph img {
	width: auto;
	height: auto;
	max-width: 228px;
	border: 2px solid #fff;
}

.top_culture li .title {
	width: 232px;
	text-align: center;
}

.top_culture li .title img {
	width: auto;
	height: auto;
	max-width: 232px;
	max-height: 72px;
}

.top_culture li:nth-child(3) .title img {
    margin-top: -6px;
}

.top_culture li a:link,
.top_culture li a:visited {
	text-decoration: none;
}

.top_culture li a:hover,
.top_culture li a:focus {
	text-decoration: none;
}


@media only screen and (max-width: 736px) {

	.top_culture {
		padding: 30px 0 40px;
	}

	.top_culture_block {
		width: 94%;
	}

	.top_culture_block ul {

	}

	.top_culture_block li {
		float: none;
		width: 100%;
		margin: 0 0 25px 0;
	}

	.top_culture_block li:first-child {
		margin: 0 0 25px 0;
	}

	.top_culture li .ph {
		width: 50%;
		margin: 0 auto 10px;
	}

	.top_culture li .ph img {
		max-width: 100%;
    max-height: auto;
	}

	.top_culture li .title {
		width: 40%;
		margin: 0 auto;
	}

	.top_culture li:nth-child(3) .title {
		width: 30%;
	}

	.top_culture li .title img {
		width: auto;
		height: auto;
		max-width: 100%;
	}
}

/*footer
---------------------------------------------------------- */
footer li {
    height: auto !important;
}

/*災害御見舞いのコメント
---------------------------------------------------------- */
.sympathy_comment {
	padding-top: 180px;
	background: #f5f5f5;
}
.sympathy_comment_block {
	width: 1000px;
	margin: 0 auto;
	font-size: 123%;
	text-align: center;
}
.sympathy_comment_block p {
	padding: 15px 10px 10px;
	background: #fff;
}
@media only screen and (max-width: 736px) {
	.sympathy_comment {
		margin-bottom: 60px;
		padding-top: 90px;
	}
	.sympathy_comment_block {
		width: 93%;
		font-size: 116%;
		text-align: left;
	}
	.sympathy_comment_block p {
		padding: 10px;
	}
}

/*告知エリア
---------------------------------------------------------- */
.top_news_announcement_inner {
	width: 1000px;
	margin: 0 auto 80px;
	padding: 20px 20px 15px;
	font-size: 123%;
	text-align: center;
	background: #fff;
}
@media only screen and (max-width: 736px) {
	.top_news_announcement_block {
		margin-top: 0;
    	padding-top: 15%;
	}
	.top_news_announcement_inner {
		width: 93%;
		margin-bottom: 0;
		padding: 10px 10px 5px;
		font-size: 116%;
		text-align: left;
	}
}