@charset "utf-8";
/* --------------------------------
	(各ページ個別スタイル)
--------------------------------

	index
	
	1. index.html
	2. topics
	3. contact
	4. shop
	5. concept
	6. brands
	7. season
	8. items
	9. stamp
	
	
--------------------------------- */




/* ==========================================================================================================

	 1. index.html
 
============================================================================================================*/
#home #wrapper {
	width : 100%;
	background: url(../img/frame/bodyBG.png) repeat-x -1000px top;
}
#home #header {
	margin-bottom: 23px;
}
#home #mainContent {
	padding-bottom: 60px;
}

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

	1-1.	mainGraphic

---------------------------------------------------------------------*/
#home #mainGraphic {
	margin-bottom: 32px;
	position: relative;
	height: 375px;
	width: 1010px;
	z-index: 10;
	margin-right: auto;
	margin-left: auto;
}
/* スライダー */
#home #mainGraphic #image-block {
	height: 375px;
	width: 3030px;
	position: absolute;
	left: 50%;
	margin-left: -1515px;
	z-index: 50;
}
#home #mainGraphic .slider {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#home #mainGraphic .slider li.slide {
	width: 1010px !important;
	margin: 0;
	padding: 0;
}
#home #mainGraphic .slider li.slide img {
	width: 100%;
	vertical-align: bottom;
}
/*  ------------------------------------------------------------------

	1-2.	bannerBlock

---------------------------------------------------------------------*/
#home .bannerBlock01 {
	margin-left: -64px;
	margin-bottom: 80px;
	height: 98px;
}
#home .bannerBlock01 li {
	float: left;
	margin-left: 64px;
}
#home .bannerBlock02 {
	border: 1px solid #dccfcc;
	background-color: #fff;
	text-align: center;
	font-size: 0;
}

#home .bannerBlock02 li {
	display: inline-block;
	font-size: 12px;
}
/*  ------------------------------------------------------------------

	1-3.	infoBlock

---------------------------------------------------------------------*/
#home div.sectionWrap {
	margin-bottom: 85px;
}
#home div.sectionWrap div.section {
	position: relative;
	width: 470px;
	min-height: 290px;
	min-height: auto !important;
	height: 290px;
}
#home div.sectionWrap div.section .title {
	position: absolute;
	left: 10px;
	top: -50px;
	z-index: 10;
}
#home div.sectionWrap div.section .all {
	position: absolute;
	right: 0px;
	top: -2em;
}
#home div.sectionWrap div.section .all a {
	color: #82b043;
	font-weight: bold;
	background-position: 0 4px;
}
/* scroll */
#scroll01,
#scroll02 {
	position: relative;
	width: 413px;
	height: 310px;
	padding: 0px 30px 0px 25px;
	overflow: hidden;
	background: #FFF;
	border: 1px solid #dccfcc;
}
#scroll01 .scrollbar,
#scroll02 .scrollbar {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10px;
	height: 310px;
	z-index: 1;
}
#scroll01 .scrollbar .track,
#scroll02 .scrollbar .track {
	position: absolute;
	top: 0px;
	left: 0;
	background: #f8b308;
	width: 10px;
	height: 310px;
	z-index: 2;
}
#scroll01 .scrollbar .track .thumb,
#scroll02 .scrollbar .track .thumb {
	position: absolute;
	top: 0;
	left: 0;
	background: #eb6112;
	width: 10px;
	z-index: 3;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
}
/*  ------------------------------------------------------------------

	1-4.	shop_map *

---------------------------------------------------------------------*/
#shop_map {
	height: 479px;
	width: 902px;
	background: url(../img/home/shop_mapBG.jpg) repeat-y left top;
	position: relative;
	padding: 33px 25px 23px 33px;
	margin-bottom: 38px;
}
#shop_map .title01 {
	position: absolute;
	height: 70px;
	width: 157px;
	left: 10px;
	top: -51px;	
}
#shop_map .title02 {
	position: absolute;
	height: 175px;
	width: 162px;
	right: 98px;
	top: 30px;
	z-index: 20;
}
#shop_map .mapBlock {
	position: relative;
	height: 467px;
	width: 601px;
}

/* mapBlock */
.toolBtn {
	cursor: pointer;
}
.toolBtn img {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
.toolBtn:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60); /* IE7 */
	-ms-filter: "alpha(opacity=60)"; /* IE8 */
}
/* tooltip styling */
.tooltip {
	display: none;
	z-index: 99;
	text-decoration: none;
	font-weight: normal;
	background: #FFF;
	border: 3px solid #f8b308;
	padding: 10px 0px 0px 8px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	min-width: 150px;
	width: auto !important;
	width: 150px;
	position: absolute !important;
	top: 50px !important;
	left: -50px !important;
}
.tooltip ul {
	float: left;
}
.tooltip ul.lastChild {
	margin-left: 10px;
	float: left;
}
.tooltip ul li {
	margin-bottom: 10px;
}

#shop_map .mapBlock div.map01,
#shop_map .mapBlock div.map02,
#shop_map .mapBlock div.map03,
#shop_map .mapBlock div.map04,
#shop_map .mapBlock div.map05,
#shop_map .mapBlock div.map06,
#shop_map .mapBlock div.map07,
#shop_map .mapBlock div.map08 {
	position: absolute;
	height: 71px;
	width: 65px;
}
#shop_map .mapBlock div.map01 {
	top: 1px;
	right: 44px;
}
#shop_map .mapBlock div.map02 {
	top: 121px;
	right: 104px;
}
#shop_map .mapBlock div.map03 {
	top: 245px;
	right: 129px;
}
#shop_map .mapBlock div.map04 {
	top: 204px;
	right: 210px;
}
#shop_map .mapBlock div.map05 {
	top: 269px;
	right: 266px;
}
#shop_map .mapBlock div.map06 {
	top: 212px;
	right: 312px;
}
#shop_map .mapBlock div.map07 {
	top: 283px;
	right: 351px;
}
#shop_map .mapBlock div.map08 {
	bottom: 87px;
	left: 60px;
}
/* searchBlock */
#shop_map .searchBlock {
	background: #faf6f4;
	width: 255px;
	position: absolute;
	right: 25px;
	bottom: 25px;
	padding: 30px 20px 20px 25px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 5px rgba(212,195,187,1);
	-webkit-box-shadow: 0px 5px rgba(212,195,187,1);
	-o-box-shadow: 0px 5px rgba(212,195,187,1);
	-ms-box-shadow: 0px 5px rgba(212,195,187,1);
	z-index: 10;
}
#shop_map .searchBlock hr {
	border-top: 1px dotted #997247;
	background: none;
	margin: 15px 0 10px;
}

/* ==========================================================================================================

	 2. topics
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	2-1.	accordion

---------------------------------------------------------------------*/
#topics dl.accordion table {
	width: 100%;
	margin-top: 5px;
}
#topics dl.accordion table th {
	width: 85px;
	padding-left: 15px;
}
#topics dl.accordion table th,
#topics dl.accordion table td {
	border-bottom: 1px dotted #eb6112;
	padding-top: 15px;
	padding-bottom: 15px;
}
#topics dl.accordion table tr.even th,
#topics dl.accordion table tr.even td {
	background: #FFF;
}
#topics dl.accordion table td a {
	padding-left: 20px;
	background: url(../img/frame/linkArrow03.png) no-repeat left 4px;
}
#topics dl.accordion dt {

	border-bottom: 1px solid #eb6112;
	height: 55px;
	line-height: 65px;

	font-size: 24px;
}
#topics dl.accordion dt span {
	background: url(../img/frame/linkArrow02.png) no-repeat left 5px;
	padding-left: 28px;
}
#topics dl.accordion dt.open {
}
#topics dl.accordion dd {
	line-height: 1.2;
	font-size: 16px;
}

/* ==========================================================================================================

	 3. contact
 
============================================================================================================*/
#contact #mainContent {
	padding-bottom: 30px;
}
/*  ------------------------------------------------------------------

	3-1.	contact

---------------------------------------------------------------------*/
#contact #mainContent {
	font-weight: normal;
}
#contact #mainContent .contentsBlock {
	padding: 50px 30px 30px;
	width: 900px;
}
/*  ------------------------------------------------------------------

	3-2.	form

---------------------------------------------------------------------*/
#contact input.inputS,
#contact input.inputM,
#contact input.inputL,
#contact input.inputXL,
#contact textarea.inputXL {
	border: 1px solid #a9a9a9;
	line-height: 1em;
	height: 22px;
	font-size: 12px;
	padding-left: 8px;
}

#contact textarea.inputXL {
	padding-top: 8px;
}
#contact select.inputM {
	border: 1px solid #a9a9a9;
	line-height: 1em;
	height: 22px;
	font-size: 12px;
	padding-left: 3px;
}
#contact .inputS {
	width: 10%;
}
#contact .inputM {
	width: 30%;
}
#contact .inputL {
	width: 40%;
}
#contact .inputXL {
	width: 70%;
}
#contact textarea.inputXL {
	height: 6em;
}
#contact select {
	color: #5b3932;
	letter-spacing: -0.03em;
}

/* ==========================================================================================================

	 4. shop
 
============================================================================================================*/
#shop #mainContent .contentsBlock {
	padding: 50px 30px;
}
/*  ------------------------------------------------------------------

	4-1.	shop

---------------------------------------------------------------------*/
#shop .shop_title { /* 検索結果・中タイトル */
	font-weight: bold;
	font-size: 18px;
	padding-left: 20px;
	background: url(../img/frame/linkArrow03.png) no-repeat left 8px;
	margin-bottom: 20px;
	line-height: 1.8;
}
#shop .result_title { /* 検索結果・中タイトル */
	font-weight: bold;
	font-size: 18px;
	padding-left: 20px;
	border-bottom: 1px solid #eb6112;
	background: url(../img/frame/linkArrow03.png) no-repeat left 8px;
	margin-bottom: 30px;
	line-height: 1.8;
}
#shop .city_title { /* 市町村・中タイトル */
	font-weight: bold;
	font-size: 18px;
	padding-left: 20px;
	border-bottom: 1px solid #eb6112;
	background: url(../img/frame/linkArrow03.png) no-repeat left 8px;
	margin-bottom: 20px;
	line-height: 1.8;
}
#shop .prefectures_title { /* 都道府県・大タイトル */
	font-weight: bold;
	font-size: 24px;
	padding-left: 28px;
	background: url(../img/frame/linkArrow02.png) no-repeat left 2px;
	margin-bottom: 30px;
	line-height: 1.2;
}
#shop .prefectures_title.border { /* ボーダー付き */
	border-bottom: 1px solid #eb6112;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
/*  ------------------------------------------------------------------

	店舗詳細

---------------------------------------------------------------------*/
#shop div.sectionWrap {

}
#shop div.sectionWrap div.section {
	width: 320px;
}
#shop div.sectionWrap div.section.shop_info {
	height: 473px;
	display: flex;
	flex-direction: column;
}
#shop div.sectionWrap div.section .shop_service { /* サービス情報 */
	color: #777;
}
#shop div.sectionWrap div.section .shop_service::before {
	content: '[サービス] ';
}
#shop div.sectionWrap div.section a.linkbtn { /* リンク */
	color: #fff;
	background-color: #93C74C;
	text-align: center;
	padding: 0.8em 1em 0.8em 0;
	width: 300px;
	border-radius: 10px;
	display: inline-block;
	position:relative;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: .05em;
	box-sizing: border-box;
	font-size: 15px;
}
#shop div.sectionWrap div.section a.linkbtn::after{
	position: absolute;
	top: 18px;
	right: 16px;
	width: 9px;
	height: 9px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: " ";
	display: block;
}
#shop div.sectionWrap div.section a.linkbtn:hover{
	color: #93C74C;
	background-color: transparent;
	border: 1px solid;
}
#shop div.sectionWrap div.section a.linkbtn:hover::after{
	border-color: #93C74C;
}
#shop div.sectionWrap div.section.shop_info iframe {
	margin: auto 0 22px;
}
#shop div.sectionWrap div.section p {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 8px;
}
#shop div.sectionWrap div.section.lastChild {
	width: 560px;
}
#shop div.sectionWrap div.section.lastChild p {
	margin-bottom: 0px;
}
/*  ------------------------------------------------------------------

	google map

---------------------------------------------------------------------*/
#map_canvas .pop_box {
	display:block;
	width: 300px;
	height: auto;
	padding: 0;
}
#map_canvas{
	width: 560px !important;
	height: 450px !important;
}
#map_canvas p{
	margin:0;
	font-size: 12px;
	color: #7a7a7a;
	line-height: 2.0;
}
#map_area {
	width: 560px;
	height: 450px;
	float: left;
	overflow:hidden;
}

/* ==========================================================================================================

	 5. concept
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	5-1.	mainGraphic

---------------------------------------------------------------------*/
#concept #mainGraphic {
	height: 623px;
	width: 961px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	background: #FFF;
}
#concept #mainGraphic ul {
	height: 623px;
	width: 961px;
	overflow: hidden;
	position: relative;
}
#concept #mainGraphic ul li {
	display: none;
	position: absolute;
	top: 0;
	left: 0px;
	height: 623px;
	width: 961px;
}

/* ==========================================================================================================

	 6. brands
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	6-1.	mainContent

---------------------------------------------------------------------*/
#brands #mainContent .contentsBlock {
	padding: 75px 30px 50px;
}
/*  ------------------------------------------------------------------

	div.sectionWrap

---------------------------------------------------------------------*/
#brands div.sectionWrap div.section {
	width: 272px;
	padding-left: 93px;
}
#brands div.sectionWrap div.section.lastChild {
	width: 505px;
	padding: 0px;
	font-size: 20px;
}

.hntxt_min {
	border-left: 5px solid #82b043;
	padding-left: 10px;
}


/* ==========================================================================================================

	 7. season
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	7-1.	mainContent

---------------------------------------------------------------------*/
#season #mainContent .contentsBlock {
	padding: 40px 30px 25px;
}
/*  ------------------------------------------------------------------

	7-2.	div.sectionWrap

---------------------------------------------------------------------*/
#season div.sectionWrap div.section {
	width: 467px;
}
#season div.sectionWrap div.section.lastChild {
	width: 400px;
	font-weight: normal;
	line-height: 1.7;
}
#season div.sectionWrap div.section.lastChild p {
	margin-bottom: 1.5em;
}
#season div.sectionWrap div.section.lastChild p:last-child {
	margin-bottom: 0;
}
/*  ------------------------------------------------------------------

	7-3.	season general

---------------------------------------------------------------------*/
#season .seasonTitle {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 15px;
}

/* ==========================================================================================================

	 8. items
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	8-1.	mainContent

---------------------------------------------------------------------*/
#items #mainContent .contentsBlock {
	padding: 80px 30px 20px;
}
#items #mainContent .informationBlock {
	padding: 30px;
	background: #faf6f4;
	border: 3px solid #e4d8d2;
	font-weight: normal;
}
/*  ------------------------------------------------------------------

	8-2.	div.sectionWrap

---------------------------------------------------------------------*/
#items div.sectionWrap div.section {
	width: 216px;
	padding-left: 77px;
}
#items div.sectionWrap div.section.lastChild {
	width: 480px;
	font-size: 16px;
	font-weight: normal;
	line-height: 2.0;
	padding-top: 10px;
	padding-right: 50px;
	padding-left: 0px;
}

div.sectionWrap div.section02 {
    clear: none;
    float: left;
    margin-bottom: 0;
}
#items div.sectionWrap div.section02 {
	width: 306px;
	padding-left: 30px;
}
#items div.sectionWrap div.section02.lastChild {
	width: 520px;
	font-size: 16px;
	font-weight: normal;
	line-height: 2.0;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 40px;
}

#items div.sectionWrap div.section.lastChild p {
	margin-bottom: 1.5em;
}
#items div.sectionWrap div.section.lastChild p:last-child {
	margin-bottom: 0;
}
/*  ------------------------------------------------------------------

	7-3.	season general

---------------------------------------------------------------------*/
#items .selectTitle {
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 10px;
}
#items .txtHeading01 {
	margin-bottom: 45px;
}
/*  ------------------------------------------------------------------

	7-4.	categoryBlock

---------------------------------------------------------------------*/
#items .categoryBlock {
	margin-left: -21px;
}
#items .categoryBlock dl {
	float: left;
	margin-left: 21px;
	margin-bottom: 30px;
}
#items .categoryBlock dl dt {
	font-weight: normal;
	color: #fff;
	line-height: 1.0;
	background: #90c31f;
	padding: 10px;
	margin-bottom: 10px;
}
#items .categoryBlock dl dt.orange {
	background: #eb6112;
}

#sitemap ul li a {
	background: url(../img/frame/linkArrow01.png) no-repeat left 50%;
	padding-left: 15px;
}

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

	2-9.	topics_detail（一時的）

---------------------------------------------------------------------*/
#topics_detail .detail_title {
	font-weight: bold;
	font-size: 24px;
	padding-left: 28px;
	background: url(../img/frame/linkArrow02.png) no-repeat left 2px;
	margin-bottom: 30px;
	line-height: 1.2;
	border-bottom: 1px solid #eb6112;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
#topics_detail .detail_title2 {
	font-weight: bold;
	font-size: 18px;
	padding-left: 20px;
	background: url(../img/frame/linkArrow03.png) no-repeat left 8px;
	margin-bottom: 20px;
	line-height: 1.8;
}

a.topics{
	color:#82B043;
	}
#topics_detail .section p{
	font-weight:normal;
	}
#topics_detail .section p .orange{
	color:#EB6112;
	}
#topics_detail .section a{
	color:#82B043;
	}

/* ==========================================================================================================

	 9. stamp
	  
============================================================================================================*/

.stamp-table {
	width:auto;
	height:auto;
}

.stamp-table table {
	border-collapse: separate;
	border-spacing: 3px;	
}

.stamp-table table th {
	font-weight:bold;
	background-color:#feeadf;
}

.stamp-table table th,
.stamp-table table td {
	padding:10px 15px;
}

.stamp-table table td {
    border-bottom: 1px dotted #eb6112;
}

/* ==========================================================================================================

	99. clearFix (pkg)

============================================================================================================*/

/* start clearfix */
.categoryBlock:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* ie6 hack */
* html .categoryBlock,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx {
	zoom: 1;
}
/* ie7 hack */
*:first-child+html .categoryBlock,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx {
	zoom: 1;
}
/* end clearfix */