@charset "UTF-8";
/* CSS Document */

#IDX .ttl-bg {
	height: 600px;
	margin-bottom: 72px;
}
.section{
	margin-bottom: 120px;
}
.bnrs-section{
	margin-bottom: 85px;
}
.copy-section{
	background: url(/images/home/copy_bg.png) top center no-repeat;
	margin-bottom: 120px;
}
.copy-section .copy-ttl{
	width: 874px;
	margin: 0 auto 70px;
}
.copy-section .copy-txt{
	margin-left: 100px;
	padding-bottom: 70px;
}
.sub-section{
	width: 1080px;
	margin: 0 auto 120px;
}
.sub-section .txt{
	font-size: 1.2em;
}
.sub-section-01{
	background: url(/images/home/clm1_img01.png) top center no-repeat;
	height: 438px;
}
.sub-section-01 .ttl{
	padding: 22px 0 30px 500px;
}
.sub-section-01 .txt{
	margin-left: 500px;
}
.sub-section-02{
	background: url(/images/home/clm1_img02.png) top center no-repeat;
	height: 371px;
}
.sub-section-02 .ttl{
	padding-bottom: 30px;
}
.sub-section-02 .txt{
	margin-left: 0;
}
.sub-section-03{
	background: url(/images/home/clm1_img03.png) top center no-repeat;
	height: 427px;
}
.sub-section-03 .ttl{
	padding: 0 0 30px 500px;
}
.sub-section-03 .txt{
	margin-left: 500px;
}
.btn-lists{
	margin: 0 auto;
	width: 801px;
}
.btn-lists .btn02 {
    width: 380px;
    float: left;
    margin-right: 41px;
}
.btn-lists .btn02:last-child{
	margin-right: 0;
}
.btn-lists .btn02 a {
    width: 100%;
    display: inline-block;
    padding: 20px 0 18px;
    text-align: center;
    font-size: 1.333em;
    box-sizing: border-box;
    background: url(/common/images/arrow_bk.png) 24px center no-repeat;
    border: 1px solid #333;
    border-radius: 4px;
}
.btn-lists a:hover {
    text-decoration: none;
    background: url(/common/images/arrow_wh.png) 24px center no-repeat #3e603b;
    color: #fff;
    border: 1px solid #3e603b;
}
.products-section{
	background-color: #fff3e7;
	margin-bottom: 60px;
}
.products-section .ttl{
	padding-top: 60px;
	margin: 0 auto 100px;
	width: 439px;
}
.products-section .bx-viewport{
	margin-bottom: 80px;
	background-color: transparent;
}
.products-section .product-lists{
	width: 990px;
	margin: 0 auto;
	overflow:  hidden;
}
.products-section .product-lists li{
	width: 330px;
	float: left;
	text-align: center;
}
.products-section .product-lists li a{
	display: inline-block;
}
.products-section .product-lists li img{
	margin: 0 auto 30px;
}
.products-section .shop-btn{
	margin: 0 auto 50px;
	width: 474px;
}
.bx-wrapper .bx-controls-direction a {
	width: 22px;
	height: 42px;
	top: 30%;
}
.bx-wrapper .bx-prev {
	left: 0px;
	margin-left: -30px;
	background: url(/common/images/slide_arrow_left.png) no-repeat;aho
}
.bx-wrapper .bx-next {
	right: 0px;
	margin-right: -30px;
	background: url(/common/images/slide_arrow_right.png) no-repeat;
}
.bx-wrapper .bx-next:hover {
	background-position: 0 0;
}
.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}
.shops-section{
	background-color: #f6f6f6;
}
.shops-section .ttl{
	padding-top: 60px;
	margin: 0 auto 80px;
	width: 439px;
}
.shops-section .shop-lists{
	overflow:  hidden;
	margin: 0 0 80px 75px;
}
.shops-section .shop-lists li{
	width: 290px;
	float: left;
	margin-right: 30px;
	overflow:  hidden;
}
.shops-section .shop-lists li a.photo{
	display: block;
	height: 0;
	overflow: hidden;
	text-decoration: none;
	padding-top: 229px;
	margin-bottom: 20px;
}
.shops-section .shop-lists li.shop01 a.photo{
	background: url(/images/home/shop_img01.jpg) no-repeat left top;
	background-position: 0 0;	
}
.shops-section .shop-lists li.shop02 a.photo{
	background: url(/images/home/shop_img02.jpg) no-repeat left top;
	background-position: 0 0;	
}
.shops-section .shop-lists li.shop03 a.photo{
	background: url(/images/home/shop_img03.jpg) no-repeat left top;
	background-position: 0 0;	
}
.shops-section .shop-lists li.shop01 a.photo.mouse-over:hover,
.shops-section .shop-lists li.shop02 a.photo.mouse-over:hover,
.shops-section .shop-lists li.shop03 a.photo.mouse-over:hover{
	background-position: -290px 0;
}
/*.shops-section .shop-lists li .photo{
	margin-bottom: 20px;
	overflow:  hidden;
}
.shops-section .shop-lists li .photo img{
	width: 580px;
	max-width: 580px;
}
.shops-section .shop-lists li a.mouse-over:hover  .photo img{
	margin-left: -290px;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	opacity: 1;
}*/
.shops-section .shop-lists li .txt{
	text-align: left;
}
.shops-section .shop-lists li .txt .tel{
	text-align: left;
	font-size: 1.143em;
}
.topics-section{
	width: 732px;
	float: left;
	overflow: hidden;
}
.oshirase-section{
	width: 298px;
	float: right;
}
.topics-section .ttl,
.oshirase-section .ttl{
	margin-bottom: 40px;
	font-size: 100%;
}
.topics-section ul,
.oshirase-section ul{
	color: #555;
	overflow: hidden;
}
.topics-section ul{
	margin-right: -24px;
}
.topics-section ul li a{
	display: block;
}
.topics-section ul li .detail{
	width: 226px;
	margin: 0 24px 36px 0;
	border: 1px solid #bcbcbc;
	float: left;
	position: relative;
	padding-bottom: 2em;
}
.topics-section ul li a.mouse-over:hover .detail{
	border: 1px solid #3e603b;
	color: #11903d;
	text-decoration: none;
}
.topics-section ul li .photo{
	margin-bottom: 20px;
}
.topics-section ul li .txt-box{
}
.topics-section ul li .txt-box .txt{
	padding: 0 14px 0 20px;
	margin-bottom: 14px;
	text-align: left;
}
.topics-section ul li .txt-box .date{
	text-align: right;
	font-size: 0.857em;
	padding-right: 20px;
	padding-bottom: 10px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.oshirase-section ul li{
	border-bottom: 1px dashed #a7a7a7;
	margin-bottom: 24px;
	padding-bottom: 24px;
}
.oshirase-section ul li:first-child{
	border-top: 1px dashed #a7a7a7;
	padding-top: 30px;
}


/*----------------NotFound*/
#ERROR .wrapper .ttl-02-1 {
	color: #555;
}
#ERROR .wrapper .lead-section{
	border-bottom:1px solid #aaa;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
#ERROR .wrapper .lead-section .lead{
	font-weight:bold;
	margin-bottom:10px;
}
#ERROR .lead-section .img-01{
	float: right;
	width: 127px;
	margin-left: 27px;
	margin-right: 34px;
}
#ERROR .sec-btn-lst{
	margin-right:-24px;
}
#ERROR .sec-btn-lst li{
	width: 330px;
	float: left;
	margin-bottom: 24px;
	margin-right: 24px;
}
#ERROR .sec-btn-lst .txt-btn-01 a{
	padding: 18px;
	height: 64px !important;
}
#ERROR .sec-btn-lst .txt-btn-01.icon a{
	background-size: 27px auto;
	background-position: 22px center;
	background-repeat:no-repeat;
	padding-left: 36px;
}
#ERROR .sec-btn-lst .txt-btn-01.icon.icon-01 a{
	background-image:url(common/images/icon_home_02.png);
}
#ERROR .sec-btn-lst .txt-btn-01.icon.icon-02 a{
	background-image:url(common/images/icon_list.png);
}
#ERROR .sec-btn-lst .txt-btn-01.icon.icon-03 a{
	background-image:url(common/images/icon_cookie.png);
}
#ERROR .sec-btn-lst .txt-btn-01.icon.icon-01:hover a{
	background-image:url(common/images/icon_home_02_hv.png);
}
#ERROR .sec-btn-lst .txt-btn-01.icon.icon-02:hover a{
	background-image:url(common/images/icon_list_hv.png);
}
#ERROR .sec-btn-lst .txt-btn-01.icon.icon-03:hover a{
	background-image:url(common/images/icon_cookie_hv.png);
}

.section .top10bnr-lists{
	margin-right: -40px;
}
.section .top10bnr-lists li{
	float: left;
	width: 520px;
	margin: 0 40px 22px 0;
}

/* SP
----------------------------------------------------------*/
@media only screen and (max-width: 640px) {

#IDX .ttl-bg {
	height: auto;
	margin-bottom: 11.25%;
}
.section{
	margin-bottom: 12.5%;
}
.copy-section{
	background: url(/images/home/copy_bg_sp.png) 30px bottom  no-repeat;
	margin-bottom: 50px;
	background-size: contain;
}
.copy-section .copy-ttl{
	width: 100%;
	margin: 0 auto 10%;
}
.copy-section .copy-txt{
	margin-left: 3.125%;
	padding-bottom: 7.8125%;
	width: 70%;
	max-width: 348px;
}
.sub-section{
	width: 100%;
	margin: 0 auto 7.8125%;
}
.sub-section-01,
.sub-section-02,
.sub-section-03{
	background: none;
	height: auto;
	margin-bottom: 14%;
}
.sub-section-01 .ttl,
.sub-section-02 .ttl,
.sub-section-03 .ttl{
	padding: 0;
	margin-bottom: 5%;
	width: 38.67%;
	min-width: 140px;
	font-size: 100%;
}
.sub-section-02 .photo{
	margin-bottom: -5.625%;
}
.sub-section-03 .photo{
	margin-bottom: 4.6875%;
}
.sub-section-01 .txt,
.sub-section-02 .txt,
.sub-section-03 .txt{
	margin-left: 0;
}
.btn-lists{
	width: 100%;
}
.btn-lists .btn02 {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 5%;
}
.btn-lists .btn02 a {
    width: 100%;
    padding: 4.5% 0 4%;
}
.products-section{
	margin-bottom: 8%;
}
.products-section .ttl,
.shops-section .ttl{
	padding-top: 9.375%;
	margin-bottom: 12.5%;
	width: 100%;
	max-width: 439px;
}
.products-section .bx-viewport{
	margin-bottom: 9.375%;
}
.products-section .product-lists{
	width: 100%;
	margin-bottom: 12.5%;
}
.products-section .product-lists li{
	width: 100%;
	margin: 0 auto;
}
.products-section .product-lists li img{
	max-width: 285px;
	width: 75%;
}
.products-section .shop-btn{
	width: 93.75%;
	max-width: 474px;
	margin-bottom: 10%;
}
.products-section .bx-wrapper{
	width: 100%;
}
.products-section .bx-wrapper .bx-prev {
	left: 0px;
	margin-left: 0;
}
.products-section .bx-wrapper .bx-next {
	right: 0px;
	margin-right: 0;
}
.shops-section .shop-lists{
	padding-left: 0;
	width: 103.125%;
	margin: 0 auto 3.125%;
	margin-right: -3.125%;
}
.shops-section .shop-lists li{
	margin-right: 3.125%;
	margin-bottom: 6.25%;
	width: 46.875%;
	box-sizing: border-box;
}
.shops-section .shop-lists li a.photo{
	margin-bottom: 3.125%;
	padding-top: 80%;
}
.shops-section .shop-lists li.shop01 a.photo{
	background: url(/images/home/shop_img01_sp.jpg) no-repeat left top;
	background-size: contain;
}
.shops-section .shop-lists li.shop02 a.photo{
	background: url(/images/home/shop_img02_sp.jpg) no-repeat left top;
	background-size: contain;
}
.shops-section .shop-lists li.shop03 a.photo{
	background: url(/images/home/shop_img03_sp.jpg) no-repeat left top;
	background-size: contain;
}
.shops-section .shop-lists li.shop01 a.photo.mouse-over:hover,
.shops-section .shop-lists li.shop02 a.photo.mouse-over:hover,
.shops-section .shop-lists li.shop03 a.photo.mouse-over:hover{
	background-position: 0 0;
}
.shops-section .shop-lists li .txt .tel {
	font-size: 1em;
}
.shops-section .shop-lists li .txt .tel .small {
	font-size: 0.75em;
}
.topics-section,
.oshirase-section{
	width: 100%;
	float: none;
}
.topics-section .ttl,
.oshirase-section .ttl{
	margin-bottom: 6.25%;
	min-width: 140px;
	width: 33.33%;
}
.topics-section ul{
	margin-right: 0;
	margin-bottom: 10%;
}
.topics-section ul li .detail,
.topics-section ul li a .detail{
	width: 100%;
	margin: 0 0 3.125% 0;
	box-sizing: border-box;
	padding-bottom: 0;
}
.topics-section ul li .photo{
	margin-bottom: 0;
	margin-right: 3.125%;
	padding: 2%;
	float: left;
	width: 30%;
}
.topics-section ul li .txt-box .txt{
	float: left;
	padding: 2% 2% 2% 0;
	width: 59.5%;
}
.topics-section ul li .txt-box .date{
	padding-right: 3.125%;
	margin-bottom: 0;
	padding-bottom: 0;
}
.oshirase-section ul li{
	margin-bottom: 4.69%;
	padding-bottom: 4.69%;
}
.oshirase-section ul li:first-child{
	border-top: 1px dashed #a7a7a7;
	padding-top: 4.69%;
}


/*----------------NotFound*/
#ERROR .lead-section .img-01{
	float: none;
	width: 25.5%;
	margin: 10% auto 0;
	text-align: center;
}
#ERROR .sec-btn-lst{
	margin-right: 0;
}
#ERROR .sec-btn-lst li{
	width: 100%;
	max-width: 474px;
	margin-right:0;
}
#ERROR .sec-btn-lst .txt-btn-01 a{
	height: auto !important;
	padding: 6.445% 0;
}
#ERROR .sec-btn-lst .txt-btn-01.icon a{
	background-position: 4.5%;
	font-size: 1.24em;
	padding-left: 10%;
}

.section .top10bnr-lists{
	margin-right: 0;
}
.section .top10bnr-lists li{
	float: left;
	width: 100%;
	margin: 0 auto 5% 0;
}
}