@charset "utf-8";

/*　共通　*/
br.clear{
	clear:both;
}
html{
	margin:0;
	padding: 0;
	height:100%;
}

body {
	margin:0;
	padding:0;
	min-height:100%;
	position:relative;
	background-color:#FFF;
	word-wrap:break-word;
}

body *{
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3","ＭＳ Ｐゴシック", Arial, verdana, sans-serif;
}

ul,li{
	list-style:none;
	padding:0;
	margin:0;
}

h1,h2,h3,h4{
	font-weight:normal;
	padding:0;
	margin:0;
}

h2{
	font-size:15px;
}

p{
	margin:0;
}

a{
	color:#333;
	text-decoration:none;
}
a:hover{
	color:#333;
}

img {
    border-style:none;
}

a img {
    border-style:none;
}



.clearfix:after {
  display: block;
  clear: both;
  content: "";
}


#wrapper{
	margin:0 auto;
	width:900px;
}


/* --header------------------------------------------------------------------------------ */

#header{
	position:relative;
	width:100%;
	padding-top: 5px;
}

#header .header_title{
	display:inline-block;
	margin:0;
	padding:0;
}

#header .header_title h1{
	display:inline-block;
	width:165px;
	margin-left:3px;
}

#header .header_title span{
	font-size:12px;

}

#header .header_sub{
	padding-top: 19px;
    float: right;
	width:380px;
	text-align:right;
}

#header .header_sub .serch_box{
	margin-bottom:10px;
}

#header .header_sub li{
	display:inline-block;
	padding:0 15px 0 10px;
	background:transparent url(../images/arrow_pic_01.gif) no-repeat left;
}

#header .header_sub li a{
	font-size:13px;
	color:#528800;
	text-decoration:none;

}

#header .header_sub li a:hover{
	opacity:0.7;

}
.arrow_box{
	display:none;
}
.arrow_box:after {
	bottom: 0;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(211, 234, 176, 0);
	border-bottom-color: #D3EAB0;
	border-width: 7px;
	margin-left: -7px;
}


#header .header_nav .drop_menu{
	*zoom: 1;
	width: 900px;
	padding: 0;

}

#header .header_nav .drop_menu li{
	position: relative;
	float: left;
	width: 14.285714%;
	text-align:center;
}


#header .header_nav .drop_menu li a{
	display: block;
	margin: 0;
	padding: 10px 0 10px;
	color: #444;
	font-size: 14px;
	font-weight:bold;
	line-height: 1;
}

#header .header_nav .drop_menu li a span{
	display:inline-block;
	width:100%;
	line-height:1.8em;
	box-sizing:border-box;
	border-right:solid 1px #ccc;
}

#header .header_nav .drop_menu li:first-child span{
	border-left:solid 1px #ccc;
}

#header .header_nav .drop_menu li a:hover{
	color:#4BAA00;
}

#header .header_nav .drop_menu li ul{
	z-index:300;
	display:none;
	position: absolute;
	width:100%;
	background: #D3EAB0;
}

#header .header_nav .drop_menu li ul li{
	width:100%;
	text-align:left;
}

#header .header_nav .drop_menu li ul li a{
	font-size:12px;
	padding-left:10px;
}
/* メインナビ個別設定 */
#header .header_nav .drop_menu li .nav_01{
	width:158px;
}

#header .header_nav .drop_menu li .nav_03{
	width:300px;
	left:-80px;
}
#header .header_nav .drop_menu li .nav_03 li{
	width:50%;
	box-sizing:border-box;
	padding-left:10px;
}

/* ホバー処理 */
#header .header_nav .drop_menu li:hover ul{
	display: block;
}
#header .header_nav .drop_menu li:hover .arrow_box{
	display: block;
}

/* ホバー処理 */
.drawer-default li{
}
.drawer_title{
	padding-left:10px;
	height:80px;
	background-color:#72BD00;
	color:#fff;
	line-height:80px;
	font-size:20px;
	font-weight:bold;
}

.drawer-default .drawer-menu-item{
	padding:0;
}

.drawer-menu li{
	padding:0;
	border-bottom:dotted 1px #aaaaaa;
}
.drawer-menu li a{
	display:block;
	margin:0;
	padding:5px 10px;
	height:35px;
	line-height:35px;
}
.drawer-menu .drawer-menu-item ul{
	display:none;
	background-color:#eee;
}
.drawer-menu .drawer-menu-item ul li:last-child{
	/*margin-top: -25px;*/
	border-bottom:none;

}
.drawer-menu .drawer-menu-item ul li a{

}

#acMenu > a{
	background: transparent url(../images/arrow_pic_08.png) no-repeat 95% 50%;
}


/* --footer----------------------------------------------------------------------------------------- */



#footer{
}

#footer .footer_contents{
	padding:20px 10px;
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	background-color:#F6F6F6;
}

#footer .footer_contents .footer_title{
	display:block;
	float:left;
	margin-bottom:15px;
	border-right:dotted 1px #CCC;
	width:295px;
	text-align: center;

}

#footer .footer_contents .footer_title img{
	margin:0 auto;
	display:block;
}


#footer .footer_contents .footer_title span{
	font-size:11px;
	color:#333;
}

#footer .footer_contents .footer_shop{
	display:block;
	width:575px;
	margin-left:auto;
	float:left;
	margin-bottom:10px;
}

#footer .footer_contents .footer_shop h2{
display:block;
float:left;
font-size:14px;

width: 80px;
padding-left: 12px;
margin-left: 20px;
background: transparent url(../images/arrow_pic_02.gif) no-repeat left;
}

#footer .footer_contents .footer_shop ul{
	display:block;
	float:left;
	width:463px;
	font-size:14px;
}

#footer .footer_contents .footer_shop  ul li{
	list-style:none;
	float:left;
	width:230px;
	line-height:18px;
}

#footer .footer_contents .footer_banner a{
	display:block;
	float:left;
	width:20%;
	padding:0 5px;
	box-sizing:border-box;
}

#footer .footer_contents .footer_banner a img{
	max-width:170px;
}
#footer .footer_contents .footer_banner a:hover{
	opacity:0.7;
}

#footer  .footer_nav_wrap{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	font-size: 12px;
	margin-top: 5px;
}

#footer .footer_nav{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	width: 80%;
}

#footer .footer_nav .fnav{
	border-left: dotted 1px #555;
	padding: 0 10px;
}

#footer .footer_nav .fnav:last-child{
	border-right: dotted 1px #555;
}


/*
#footer  .footer_nav{
	float: left;
	margin: 5px 0;
	margin-bottom:10px;
	width: 450px;
	font-size: 12px;
}

#footer  .footer_nav .fnav_01{
	width: 25%;
}*/
/*
#footer  .footer_nav .fnav_02{
	width:26%;
}
#footer  .footer_nav .fnav_03{
	width:43%;
}
#footer  .footer_nav .fnav_04{
	width: 31%;
}*/
/*
#footer .footer_nav li{
    display: block;
    float: left;
    box-sizing: border-box;
	border-right:dotted 1px #555;
    text-align: center;
}*/

#footer .footer_nav li:first-child{
	border-left:dotted 1px #555;
}

#footer .footer_nav .fnav_02{
	border-left:dotted 1px #555;
}

#footer .copyright{
	display:block;
	margin: 5px 0;
	font-size:10px;
	color:#333;
	width: 40%;
	text-align: right;
}

/* --contents---------------------------------------------------------------------------------- */

.subtitle_x{
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;
	width:100%;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	font-weight:bold;
	box-sizing:border-box;
	background-image: url(../images/subtitle_x.png);
	background-repeat:no-repeat;
	background-size:cover;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.subtitle_y{
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	width:100%;
	height: 40px;
	line-height: 40px;
	color: #333;
	box-sizing:border-box;
	border-bottom:solid 2px #A8D761;
}

.subtitle_z span{
  padding-left: 5px;
	font-weight:bold;
}

.subtitle_z:after{
    content: " ";
    display: block;
    margin: 0 0 10px 0;
    padding: 0;
    border-top: solid 1px #72BD00;
    border-bottom: solid 2px #72BD00;
    width: 100%;
    height: 1px;
}

#right_contents{
    float:none;
    width:auto;
}


/*パンくずメニュー*/
.pnkz_nav{
	overflow: hidden;
	padding:10px;
	width:100%;
	font-size:13px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pnkz_nav a{
	text-decoration:underline;
	color:#666;
}
.pnkz_nav li {
	display: inline;
	list-style-type: none;
	line-height:1.8em;
}
.pnkz_nav li:before {
  content: " > ";
	color:#666;
}
.pnkz_nav li:first-child:before {
    content:"";
}

.more_button{
	width:200px;
	margin:10px 0;
	padding-right:12px;
	text-align:right;
	margin-left:auto;
	font-size:14px;

	background:transparent url(../images/arrow_pic_02.gif) no-repeat right;
}

.more_button_top{
	width:200px;
	margin:10px 0;
	padding-right:12px;
	text-align:right;
	margin-left:auto;
	font-size:14px;

	background:transparent url(../images/arrow_pic_02.gif) no-repeat right;
}

#top_contents{
	margin-bottom:20px;
}
#top_contents img{
	width:100%;
	height:auto;
}
#top_contents .main_image img{
	width:100%;
	height:auto;
	display:block;
}

/*　left_contents共有設定　*/
#left_contents{
	float:left;
	width:620px;
	margin-right:20px;
}

/*　right_contents共有設定　*/
#right_contents{
	float:right;
	width:260px;
}
#right_contents .more_button{
	margin-right:10px;
}


/* 店舗のチラシを探す */
.serch_advertisement{
  border: solid 5px #EEEEEE;
  margin-bottom: 20px;
}

.serch_advertisement form{
	padding: 0 10px
}
.serch_advertisement .selecta {
  width: 100%;
  height: 28px;
  display: block;
  margin: 12px auto;
  color: #666666;
}
.serch_advertisement .subtitle_y span{
	display:inline-block;
	padding-left:20px;
	background:transparent url(../images/subtitle_y_serch.gif) no-repeat left;
}

/* お知らせ */
#information{
  border: solid 5px #EEEEEE;
  margin-bottom: 20px;
}
#information .info_box{
	margin-bottom:20px;
}
#information .info_box .info_item{
	border-bottom:dotted 1px #CCC;
}

#information .info_box .info_item a{
	display:block;
	padding:5px 10px;
}
#information .info_box .info_item .info_date{
	font-size:12px;
	color:#777;
	font-weight:bold;
	margin:0;
}
#information .info_box .info_item .info_title{
	font-size:14px;
	color:#777;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 30px;
	line-height:15px;
	overflow: hidden;
	padding-right:20px;
}

/* バナーボックス */


#banners .banner_box .banner_item{
	display:block;
	margin: 0 auto;
	padding: 5px;
    background-color: #EEEEEE;
}
#banners .banner_box .banner_item img{
	display:block;
	width:100%;
	box-sizing:border-box;
	height:auto;
}
#banners .banner_box .banner_item img:hover{
	opacity:0.7;
}

/*TOP*/
#scroll_top{
	margin:20px 0;
}

#scroll_top a{
	margin-left:auto;
	width:100px;
	display:block;
	background-color:#72BD00;
	height:30px;
	text-align:center;
	line-height:30px;
}

#scroll_top a span{
	color:#fff;
	font-size:14px;
	padding-left:15px;
	background:transparent url(../images/arrow_pic_11.png) no-repeat left;
}

/* ページリスト */

.p_navi_list{
    border: solid 5px #EEEEEE;
    margin-bottom: 20px;
}
.p_navi_list h3{
    margin-bottom: 10px;
}

.p_navi_list .area_name{
	font-size:16px;
	color:#333333;
	margin:10px 0 5px 15px;
}

.p_navi_list ul{
	padding:0 20px 0 30px;
}

.p_navi_list ul li{
	margin-bottom:10px;
	list-style-image: url(../images/arrow_pic_02.gif);
	list-style-position:outside;
}

.p_navi_list ul li a{
	color:#545454;
	font-size:15px;
}

.p_navi_list ul li a:hover{
		color:#528A00;
	}

.p_navi_sub{
	padding:0 !important;
}

.p_navi_sub li{
	list-style-image:none!important;
	margin-bottom:0!important;
}

/*.p_navi_sub > li a{*/
.p_navi_sub li a{
	font-size:13px;/* !important;*/
}

/*syopのみ*/
.p_navi_list .shop_ptn h3.margin_top {
	margin-top:40px!important;
}

/* 緑枠ボタン */
.green_btn{
	float:right;
	min-width:100px;
}
.green_btn a{
	display: block;
    padding: 3px 5px;
	padding-left:30px;
    box-sizing: border-box;
    border: solid 1px #50990C;
	text-align:center;
	background-color: inherit;
	background:transparent url(../images/arrow_pic_03.gif) no-repeat 15px 50% ;
}
.green_btn a:hover{

	background-color: #E9F4D7;
}
.green_btn a span{
	margin: 5px;
    color: #50990C;
    font-size: 13px;

}

.outside a{
	padding-left: 35px;
	background:transparent url(../images/outside_pic.png) no-repeat 15px 50% ;
}


.shop_section .service_info li a{
	color:#528A00;
	font-weight:bold;
}

.shop_section .service_info li .nolink{
	color:#333;
	text-decoration:none;
	font-weight:normal;
}




/* ------------------------------------------------------------------------
                        　　　 レスポンシブ
--------------------------------------------------------------------------- */
@media screen and (min-width: 768px){
    .dis_nor_r{
		display:none;
	}
	#responsible, .drawer-hamburger{
        display:none !important;
    }
}

@media screen and (max-width: 767px){
	.drawer-hamburger{
		position:absolute;
	}
	.drawer-hamburger:after{
		content:"メニュー";
		position:absolute;
		color:#777;
		font-size:10px;
		font-weight:bold;
		top:55px;
		left:18px;
		text-align:center;
	}

	.drawer-open .drawer-hamburger:after{
		content:"";
	}

	#wrapper{
		width:auto;
		overflow:hidden;
	}

	#header{
		border-top:solid 3px #72BD00;
	}

	#right_contents{
		float:none;
		width:auto;
	}
	#right_contents{
		float:none;
		width:auto;
	}
	.serch_advertisement, #information, #banners{
		display:none;
	}

	#left_contents{
		float:none;
		width:auto;
		margin:0;
	}

	#wrapper{
		width:auto;
		overflow:hidden;
	}
	#top_contents{
		margin:0;
	}
	#top_contents .main_image{
		display:none;
	}

	#top_contents .pnkz_nav{
		display:none;
	}

	/*TOP*/
	#scroll_top{
		border-top:solid 1px #ccc;
		margin-bottom:0px;
	}

	#scroll_top a{

		width:100%;
		background-color:#fff;
	}

	#scroll_top a span{
		color:#333;
		padding-left:20px;
		background:transparent url(../images/arrow_pic_12.png) no-repeat left;
	}
	#scroll_top a span:before{
		content:"PAGE";
	}


/* --ヘッダー------------------------------------------------------------- */
	#header{
		border-color:#72BD00;
	}
	.header_sub, .header_nav, .header_title span{
		display:none;
	}

/* --フッター------------------------------------------------------------- */

	#footer .footer_contents{
		display:none;
	}
	#footer .footer_main_nav{
		background-color:#f6f6f6;
	}
	#footer .footer_main_nav ul{
		overflow:hidden;
		border-bottom:solid 1px #ccc;
	}
	#footer .footer_main_nav ul:first-child{
		border-top:solid 1px #ccc;
		border-bottom:dotted 1px #ccc;
	}
	#footer .footer_main_nav ul li{
		float:left;
		width:50%;
	}

    #footer .footer_main_nav ul li:last-child{
	}

	#footer .footer_main_nav ul li a{
		display:block;
		height:30px;
		padding:0 20px;
		line-height:30px;
	}

	#footer .footer_main_nav ul li a span{
		color:#555;
		font-size:13px;
		display:block;
		width:100%;
	}

	#footer .footer_nav_wrap{
		display: block;
	}

	#footer .footer_nav{
		float: none;
		width: 100%;
		-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
		margin:0;
		box-sizing: border-box;
		padding: 10px 5px;
		background-color:#f6f6f6;
		font-size:11px;
	}

	#footer .footer_nav li:first-child{
		display: inline-block;
	}

	#footer .footer_nav .fnav{
		width: calc(50% - 22px);
		text-align: center;
	}

	#footer .footer_nav .fnav:nth-child(2){
		border-right: dotted 1px #555;
	}




	#footer .copyright{
		float: none;
		margin:0;
		padding-bottom:10px;
		width: 100%;
		text-align: center;
		background-color:#f6f6f6;

	}



	/* ページリスト */

	.p_navi_list{
		border: solid 5px #EEEEEE;
		margin-bottom: 20px;
	}
	.p_navi_list h3, .p_navi_list h2{
		margin-bottom:0;

	}
	.p_navi_list h3{
		display:none;
	}


	.p_navi_list ul{
		padding:0;
	}

	.p_navi_list ul li{
		margin:0;
		border-bottom:dotted 2px #F6F6F6;
		background:transparent url(../images/arrow_pic_07.png) no-repeat 95% 12px;
		list-style-image: none;
	}
	.p_navi_list ul li:first-child{
		border-bottom:dotted 2px #F6F6F6;
	}
	.p_navi_list ul li:last-child{
		border-bottom:dotted 2px #F6F6F6;
	}


	.p_navi_list ul:last-child li:last-child{
		border-bottom:0px;
	}

	.p_navi_list ul li a{
		display:block;
		padding:10px 40px 10px 20px;
	}


	.p_navi_sub{
		padding:0 !important;
	}

	.p_navi_sub li{
		list-style-image:none !important;
		margin-bottom:0 !important;
		background-image:none!important;
	}




	.p_navi_sub > li a{
		font-size:13px !important;


	}





	.more_button{
		width:auto;
		margin:5px !important;
		padding:0;
		border:solid 1px #090;
		background-image:none;
	}

	.more_button a{
		display:block;

		padding:10px 20%;
		text-align:center;
		background:transparent url(../images/arrow_pic_03.gif) no-repeat 20%;

		color:#50990C;
		font-size:17px;
	}


	.more_button_top{
		width:auto;
		margin:5px !important;
		padding:0;
		border:solid 1px #090;
		background-image:none;
	}

	.more_button_top a{
		display:block;

		padding:10px 10%;
		text-align:center;
		background:transparent url(../images/arrow_pic_03.gif) no-repeat 10%;

		color:#50990C;
		font-size:17px;
	}

	.subtitle_z_r span{
        padding-left: 10px;
		font-size:18px;
		color:#525252;
		display:inline-block;


    }

    .subtitle_z_r:after{
        content: " ";
        display: block;
        margin: 0 0 10px 0;
        padding: 0;
        border-top: solid 1px #72BD00;
        border-bottom: solid 2px #72BD00;
        width: 100%;
        height: 1px;
    }

    #top_contents .serch_advertisement{
        border: none;
        border-top: solid 5px #EEEEEE;
        border-bottom: solid 5px #EEEEEE;

    }

	#right_contents{
		float:none;
		width:auto;
	}

	#left_contents{
		float:none;
		width:auto;
		margin:0;
	}

	#right_contents > div{
		border-right:0 !important;
		border-left:0 !important;
	}

	#right_contents .serch_advertisement{
		display:none;
	}
	#information .info_box .info_item{
	background: transparent url(../images/arrow_pic_04.gif) no-repeat 95% 50%;
}

	#banners .banner_box{
		padding:10px 30px;
	}

	/* 緑枠ボタン */
	.green_btn{
		float:none;
		width:100%;

		box-sizing:border-box;
		padding:0 5px;
	}
	.green_btn a{
		padding:10px 5px;
		cursor: pointer;
	}
	.green_btn a span{
		color: #50990C;
    	font-size: 15px;
	}
	.p_navi_list ul li{
		list-style-image: none;
	}

	.drawer-open button.drawer-hamburger{
	    background-color: transparent;
	    display: none;
	}
	.drawer-open button.opened{
	    background-color: transparent;
	    display: block;
	}

	.top_banner_sp img{
		display:block !important;
	}
}
.top_banner_sp{
	margin:0 5px;
}
.top_banner_sp img{
	width:100% !important;
	height:auto;
	margin:0;
	margin-top:5px;
	display:none;

}