@charset "utf-8";


body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}
html {
	color: #AAA;
	-webkit-text-size-adjust: none;
}


body {
line-height: 1.2em;
font-size: 13px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #333;
}
* html body {font-size: small;}
*:first-child+html body {font-size: small;}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

img {
border: 0;
vertical-align: top;
}

h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}

ul,dl,ol {text-indent: 0;}
li {list-style: none;}

address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}


sub {vertical-align: text-bottom;}

input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}

table {border-collapse: collapse; border-spacing: 0; font-size: inherit;}
th,td {text-align: left; vertical-align: middle;}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}

a{
	transition:.3s;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

header{
	width:1000px;
	margin: 0 auto 30px;
}

.h_left{
	width:500px;
	float:left;
}

.h_right{
	width:500px;
	float:right;
}

.h_left img{
	padding-top:18px;
}

.h_left a:hover{
	opacity:0.6;
}

.cart{
	float:right;
	display:table;
	width:100px;
	color:#000;
	text-decoration:none;
	font-size:13px;
	border-radius:6px;
	margin-left:10px;
	background:#977935;	
}

.cart p{
	display:table;
	width:auto;
	padding:10px 0 8px;
	padding-left:24px;
	background:url(https://img02.shop-pro.jp/PA01317/324/etc/cart.png?cmsp_timestamp=202809144208) no-repeat 0 9px ;	
	margin:0 auto;
}

.login{
	float:right;
	display:block;
	width:120px;
	color:#000;
	text-decoration:none;
	font-size:13px;
	border-radius:6px;
	margin-left:20px;
	background:#977935;	
}

.login p{
	display:table;
	width:auto;
	padding:10px 0 8px;
	padding-left:24px;
	background:url(https://img02.shop-pro.jp/PA01317/324/etc/pass.png?cmsp_timestamp=202809144208) no-repeat 0 6px;	
	margin:0 auto;
}

.cart:hover{
  color:#fff;
	background:#6C5626	;	
  text-decoration:none;
}

.login:hover{
  color:#fff;
	background:#6C5626	;
  text-decoration:none;
}

.h_link1{
	float:right;
	display:table;
	width:auto;
	color:#000;
	text-decoration:none;
	font-size:13px;
	padding-top:10px;
	margin-left:10px;
}

.h_link1:hover{
	text-decoration:underline;
}

.h_link2{
	margin-top:38px;
}

.h_link2 a{
	float:right;
	display:table;
	width:auto;
	font-weight:bold;
	font-size:13px;
	color:#000;
	text-decoration:none;
	padding:0 12px;
	border-left:dotted 1px #ccc;
}

.h_link2 a:last-child{
	border-left:none;
}

.h_link2 a:hover{
	text-decoration:underline;
}

header nav{
	width:100%;
	margin-top:50px;
}

header nav > ul{
position:relative;
  max-width:800px;
  margin:0 auto;
}

.nav_menu{
	opacity:0;
	transition:.4s;
	z-index:-100;
}

header nav > ul > li{
	float:left;
	width:200px;
}

header nav > ul > li:hover .nav_menu{
	z-index:999;
	opacity:1;
}

header nav li a:hover{
	opacity:0.6;
}

#mySlider{
	display:none;
}

#mySlider a:hover{
	opacity:0.7;
}

#main{
	width:1000px;
	margin:0 auto;
}

.main_shop{
	width:100% !important;
	max-width:1000px !important;
}

.award{
	display:block;
	margin:20px 0 60px;
}

.top_h{
	margin-bottom:30px;
	width:100%;
	overflow:hidden;
}
.top_box1 a:hover,.top_box2 a:hover,.top_box3 a:hover,.top_box4 a:hover{
	opacity:0.6;
}

.top_box1,.top_box2,.top_box3,.top_box4{
	margin-bottom:80px;
}


.top_box1 a{
	display:block;
	width:300px;
	float:left;
	margin-right:50px;
	text-decoration:none;
}

.top_box1 a:last-child{
	margin-right:0px;
}

.top_box1 a h3{
	font-size:14px;
	margin:12px 0 12px;
	text-align:center;
	color:#977935;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.top_box1 a p{
	font-size:13px;
	color:#000;
	line-height:130%;
}

.top_box2 a{
	display:block;
	width:170px;
	float:left;
	margin-right:37.5px;
	text-decoration:none;
}

.top_box2 a:last-child{
	margin-right:0;
}

.top_box2 a h3{
	font-size:16px;
	margin:12px 0 12px;
	text-align:center;
	color:#977935;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.top_box2 a p{
	font-size:13px;
	color:#000;
	line-height:130%;
}

.top_box3 a{
	display:block;
	width:232px;
	height:260px;
	float:left;
	margin-right:24px;
	text-decoration:none;
	margin-bottom:50px;
}

.top_box3 a:nth-child(4n){
	margin-right:0px;
}

.top_box3 a h3{
	font-size:14px;
	margin:12px 0 12px;
	text-align:left;
	color:#977935;
  height:30px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.top_box3 a p{
	font-size:13px;
	color:#000;
	line-height:130%;
}

.top_box4 a{
	display:block;
	width:320px;
	float:left;
	margin-right:20px;
	text-decoration:none;
	margin-bottom:15px;
}

.top_box4 a:nth-child(3n){
	margin-right:0px;
}

.top_box5 > div:first-child{
	width:470px;
	float:left;
}

.top_box5 > div:last-child{
	width:470px;
	float:right;
}

.top_box5 > div a{
	display:block;
	margin-top:16px;
	padding-bottom:12px;
	border-bottom:1px dotted #ccc;
	color:#000;
	text-decoration:none;
	font-size:13px;
  box-sizing:border-box;
}

.top_box5 > div a p:first-child{
	width:125px;
	display:block;
	float:left;
  padding-top:1px;
}

.top_box5 > div a p:last-child{
	width:345px;
	display:block;
	float:left;
	line-height:150%;
}

.trim {
    overflow: hidden;
    width: 98px;/* トリミングしたい枠の幅 */
    height: 74px;/* トリミングしたい枠の高さ */
    position: relative;
	float:left;
	margin-right:16px;
}

.trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

/*
.top_box5 > div:last-child a{
	display:block;
	width:100%;
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	color:#000;
	text-decoration:none;
}

.top_box5 > div:last-child a:hover{
	opacity:0.7;
}
*/

.event_box{
	float:left;
	width:470px;
}

.event_date{
	font-size:13px;
	padding-bottom:5px;
}

.event_title{
	font-size:13px;
	font-weight:bold;
	padding-bottom:6px;
}

.event_content{
	font-size:13px;
}

footer{
	margin-top:70px;
	width:100%;
	min-width:1000px
}

#go_top{
	height:30px;
	background:#977935;
	padding-top:9px;
	cursor:pointer;
}

#go_top img{
	display:block;
	width:75px;
	margin:0 auto;
}

.ft_box{
	width:100%;
	height:575px;
	background:url(https://img02.shop-pro.jp/PA01317/324/etc/ft_bg.jpg?cmsp_timestamp=202809091939) repeat;
}

.ft_wrap{
	width:1000px;
	height:475px;
	margin:0 auto;
}

.ft_l{
	float:left;
	width:50%;
}

.ft_logo{
	padding-top:16px;
	padding-left:70px;
}

.ft_p1{
	padding-top:24px;
}

.ft_p2{
	padding-top:12px;
	padding-bottom:10px;
	font-size:13px;
	color:#fff;
}

.ft_p3{
	line-height:160%;
	font-size:13px;
	color:#fff;
}

.ft_r{
	float:right;
	width:50%;
	margin-top:52px;
}

.ft_r > div{
	width:250px;
	float:left;
}

.ft_nav_h{
	padding-bottom:24px;
}

.ft_r > div li{
	margin-bottom:20px;
}

.ft_r > div li a{
	color:#fff;
	text-decoration:none;
	font-size:13px;
}

.ft_r > div li a:hover{
	text-decoration:underline;
}

.ft_r > div ul{
	margin-bottom:44px;
}

.ft_ban{
	display:table;
	margin-top:200px;
}

.ft_ban:hover{
	opacity:0.6;
}

.ft_bottom{
	width:100%;
	height:56px;
	background:#333;
}

.ft_bottom div{
	width:1000px;
	margin:0 auto;
}

.ft_bottom a{
	display:table;
	float:left;
	color:#fff;
	text-decoration:none;
	padding-top:22px;
	margin-right:30px;
	font-size:12px;
}

.ft_bottom a:hover{
	text-decoration:underline;
}

.ft_bottom p{
	display:table;
	float:right;
	color:#fff;
	padding-top:22px;
	font-size:12px;
}

.nav_menu{
	position:absolute;
	border:1px solid #ccc;
	padding:0 4px;
	top:38px;
	left:50%;
	margin-left:-485px;
	background:#fff;
	width:970px;
}

.nav_menu ul{
	padding:6px;
	border-bottom:1px solid #ccc;
}

.nav_menu ul:last-child{
	border-bottom:none;
}

.nav_menu ul li{
	width:280px;
	margin-right:50px;
	float:left;
	font-size:13px;
	transition:.3s;
}

.nav_menu ul li:last-child{
	margin-right:0px;
}

.nav_menu ul li img{
	display:block;
	float:left;
	width:42px;
	height:42px;
	margin-right:10px;
}

.nav_menu ul li p{
	display:block;
	float:left;
	width:228px;
	padding-top:6px;
}

.nav_menu ul li a{
	color:#000;
	text-decoration:none;
}

.nav_menu ul li:hover{
	opacity:0.6;
}

.sec_h2{
	width:100%;
	height:262px;
	background:url(https://img02.shop-pro.jp/PA01317/324/etc/sec_h2.jpg?cmsp_timestamp=202809130736) no-repeat;
	margin-bottom:20px;
}

.shop_h2{
	background:url(https://img02.shop-pro.jp/PA01317/324/etc/shop_h2.jpg?cmsp_timestamp=202809141031) no-repeat;
}

.sec_h2 p{
	font-size:30px;
	line-height:100%;
	color:#fff;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding-top:116px;
	padding-left:20px;
}

.breadcrumbs{
	width:100%;
	margin-bottom:26px;
	padding:16px 0 13px 4px;
	background:#eee;
}

.breadcrumbs li{
	float:left;
}

.breadcrumbs li a{
	color:#000;
	text-decoration:none;
}

.breadcrumbs li a:hover{
	text-decoration:underline;
}

.sec_top_p{
	display:block;
	margin-bottom:36px;
	line-height:180%;
	font-size:13px;
}

.item_list_box a{
	display:block;
	width:300px;
	float:left;
	margin-right:50px;
	margin-bottom:80px;
	text-decoration:none;
	height:457px;
	position:relative;
    overflow:hidden;
}

.item_list_box a span{
  display:block;
  width:300px;
  height:300px;
  overflow:hidden;
}

.item_list_box a span img{
  max-width:none !important;
	height:100%;
}

.item_list_box a:nth-child(3n){
	margin-right:0px;
}

.item_list_box a h4{
	font-size:14px;
	margin:12px 0 12px;
	text-align:center;
	color:#977935;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.item_list_box a p{
	font-size:13px;
	color:#000;
	line-height:130%;
}

.item_list_box a div{
	text-align:center;
	background:#000;
	width:100%;
	color:#fff;
	font-size:13px;
	padding:5px 0 4px;
	position:absolute;
	bottom:0;
	left:0;
}


/* mod_thumbnail
--------------------------------------------*/
.mod_thumbnail{
float:left;
 margin:0 0 0 0;
}
/* サムネイル画像表示（thumbnaillist）
-----------------------------------------*/
.thumbnaillist{
}
.thumbnaillist ul{
	width:580px;
}
.thumbnaillist li{
    width:112px;
    float:left;
    background:none;
    margin:0 5px 5px 0;
}

.thumbnaillist li:nth-child(5){
	margin-right:0;
}

.thumbnaillist li a{
	width:100%;
    display:block;
}
.thumbnaillist li a img{
	width:100%;
	height:auto;
}
.thumbnaillist li a:link    {}
.thumbnaillist li a:visited {}
.thumbnaillist li a:hover   {opacity:0.8;}
.thumbnaillist li a:active  {opacity:0.8;}
/* IE用 ↓*/
.thumbnaillist li a:hover img {filter:alpha(opacity=80);}
 
/* メイン画像表示（mod_mainimglist）
-----------------------------------------*/
.mainimglist{
    width:580px;
    height:390px;
    padding-bottom:10px;
	box-sizing:content-box;
}
.mainimglist img{
}

/*画像表示調整用*/
.mainimglist {
display: table-cell; /*上下中央*/
text-align: center; /*左右中央*/
vertical-align: middle; /*上下中央*/
layout-grid-line:166px; /*IE7*/
}

.mainimglist img {
width:auto;
height:auto;
max-width:580px;
max-height:390px;
vertical-align: middle;/*IE7*/
}

.thumbnaillist li{
    overflow: hidden;
    width: 112px;/* トリミングしたい枠の幅 */
    height: 74px;/* トリミングしたい枠の高さ */
    position: relative;
}

/* 横幅に合わせてリサイズ、はみ出た分をトリミング */
.thumbnaillist li img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.setsumei{
	width:390px;
	float:right;
}

.setsumei h2{
	font-size:16px;
	font-weight:bold;
	line-height:160%;
	margin-bottom:30px;
}

.setsumei p{
	line-height:140%;
	font-size:13px;
	padding-bottom:24px;
}

.setsumei > a{
	display:block;
	margin-bottom:12px;
	color:#996633;
	text-decoration:none;
}

.setsumei > a:hover{
	color:#000;
	text-decoration:underline;
}

.item_box1{
	margin-bottom:50px;
}

.item_box2 > div{
	background:#eee;
	padding:8px 26px 6px 16px;
	margin-bottom:8px;
}

.item_cart{
	font-size:14px;
	float:left;
	display:block;
	width:230px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	background:#d36515;
	padding:18px 0 16px;
	border-radius:6px;
}

.item_cart:hover{
	background:#8C521E;
}

.item_price{
	font-size:14px;
	float:left;
	display:block;
	width:210px;
	text-align:center;
	color:#600606;
	text-decoration:none;
	padding:18px 0 16px;
}

.item_cart_box{
	display:table;
	width:auto;
	float:right;
}

.item_zaiko{
	font-size:14px;
	float:left;
	display:block;
	width:140px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	background:#5f0606;
	padding:8px 0 6px;
	border-radius:6px;
	margin-top:10px;
}

.item_name{
	font-size:13px;
	float:left;
	display:table;
	width:auto;
	text-align:center;
	color:#000;
	text-decoration:none;
	padding:18px 0 16px;
}

.zaikonashi,.shinagire{
	background:#ccc
}

.item_box3{
	margin-top:150px;
	padding:6px 5px;
	border:1px solid #9e9e9e;
	border-radius:6px;
	margin-bottom:68px;
}

.item_box3 h3{
	margin-bottom:16px;
}

.item_box3 > div{
	padding:0 14px 26px;
}

.item_box3 > p{
	padding:0 14px 26px;
}

.item_box3 li{
	width:217.5px;
	float:left;
	margin-right:30px;
}

.item_box3 li img{
	width:100%;
}

.item_box3 ul li:last-child{
	margin-right:0;
}

.item_box3 > div ul:first-child{
	margin-bottom:42px;
}

.item_box3 li h4{
	text-align:center;
	margin:10px 0 12px;
	font-size:14px;
	font-weight:bold;
}

.item_box3 li p{
	font-size:13px;
	padding:0 3px;
}

/*店舗一覧*/

.shop_box{
	margin-bottom:75px;
}

.shop_box .shop_box_wrap {
	border-bottom:1px dotted #ccc;
}

.shop_box .shop_box_wrap:last-child {
	border-bottom:none;
}

.shop_box .shop_box_wrap > div{
	float:left;
	box-sizing:border-box;
	border-right:1px dotted #ccc;
	padding:25px 15px 0 0;
	width:500px;
	height:230px;
}

.shop_box .shop_box_wrap:first-child > div{
	height:205px;
}

.shop_box .shop_box_wrap:last-child > div{
	height:auto;
}

.shop_box .shop_box_wrap > div > img{
	float:left;
	padding-right:20px;
	width:226px;
	height:170px;
}

.shop_box .shop_box_wrap > div > div{
	float:left;
	width:238px;
}

.shop_box .shop_box_wrap > div > div h4{
	color:#996633;
	font-size:15px;
	line-height:140%;
	padding-bottom:10px;
}

.shop_box .shop_box_wrap > div > div p{
	padding-bottom:6px;
}

.shop_box .shop_box_wrap > div > div p a{
	color:#000;
	text-decoration:underline;
}

.shop_box .shop_box_wrap > div > div p a:hover{
	color:#3193D4;
	text-decoration:none;
}

.shop_box .shop_box_wrap:first-child > div{
	padding-top:0;
}

.shop_box .shop_box_wrap > div:last-child{
	border-right:0;
	padding-right:0;
	padding-left:15px;
}

.shop_box .shop_box_wrap > div > div div{
	height:123px;
	word-break: break-all;
}

.shop_box .shop_box_wrap > div > div img{
	padding-right:6px;
}

.shop_box .shop_box_wrap span{
	display:none;
}

/*
@media screen and (max-width: 1000px) {
.shop_box .shop_box_wrap > div{
	float:none;
	margin:0 auto 10px;
	padding:0 5px 10px !important;
	border-right:none;
	border-bottom:1px dotted #ccc;
}

.shop_box .shop_box_wrap > div div{
	heifght:auto;
}

.shop_box .shop_box_wrap{
	border-bottom:none;
}

.shop_box .shop_box_wrap:last-child > div:last-child{
	border-bottom:none;
}
}

@media screen and (max-width: 500px) {
.shop_box .shop_box_wrap > div{
	width:100%;
	height:auto;
}
	
.shop_box .shop_box_wrap > div > img{
	float:left;
	padding-right:5px;
	width:123px;
	height:85px;
}

.shop_box .shop_box_wrap > div > div img{
	display:none;
}

.shop_box .shop_box_wrap > div span{
	display:block;
	float:left;
	height:85px;
	width:35px;
	padding-right:10px;
}

.shop_box .shop_box_wrap > div span img{
	width:25px;
	height:auto;
	padding-bottom:5px;
}

.shop_box .shop_box_wrap > div span img:last-child{
	padding-bottom:0px;
}

.shop_box .shop_box_wrap > div > div{
	width:calc(100% - 158px);
}

.shop_box .shop_box_wrap > div > div div{
	width:100%;
	height:auto;
}

}
*/

section .shop_box:last-child{
	margin-bottom:150px;
}

.icon_guide{
	width:100%;
	padding:8px 8px 0;
	background:#f8efda;
	margin-bottom:35px;
	border-radius:6px;
}

.icon_guide h3{
	background:#333;
	color:#fff;
	border-radius:6px;
	padding:6px 0 4px;
	text-align:center;
	margin-bottom:16px;
}

.icon_guide > div{
	padding:0 4px;
}

.icon_guide > div div{
	width:320px;
	float:left;
	margin-right:8px;
	margin-bottom:20px;
}

.icon_guide > div div:last-child{
	margin-right:0;
}

.icon_guide > div div img{
	float:left;
	padding-right:10px;
}

.icon_guide > div div p{
	width:264px;
	display:table-cell;
	vertical-align:middle;
	height:46px;
}

/*
@media screen and (max-width: 1000px) {
.icon_guide > div{
	width:656px;
	margin:0 auto;
}
.icon_guide > div div:nth-child(2){
	margin-right:0;
}
}
*/

/*
@media screen and (max-width: 656px) {
.icon_guide > div{
	width:304px;
	margin:0 auto;
}
.icon_guide > div div{
	width:296px;
	float:none;
	margin-right:0;
}

.icon_guide > div div p{
	width:240px;
	display:table-cell;
	vertical-align:middle;
	height:46px;
}
}
*/

.shop_navi{
	width:490px;
	margin:0 auto;
}

.shop_navi a{
	display:block;
	float:left;
	width:150px;
	margin-right:20px;
	margin-bottom:20px;
}

.shop_navi a img{
	width:100%;
	height:auto;
}

.shop_navi a:last-child{
	margin-right:0;
}

/*
@media screen and (max-width: 490px) {
.shop_navi{
	width:320px;
}
.shop_navi a:nth-child(2){
	margin-right:0;
}
}
*/

/*店舗一覧ここまで*/

/*パッケージ*/

.pack_bt{
  border-top:1px solid #ccc;
  padding-top:10px;
}

.pack_bt_h{
  font-size:14px;
  font-weight:bold;
  padding-bottom:14px;
}

.pack_bt_p{
  padding-bottom:20px;
}

.tea_b01{
  float:left;
}

.tea_b_r{
  width:740px;
  float:left;
  box-sizing:border-box;
  padding-left:14px;
}

.tea_b_r > div{
  float:left;
  width:340px;
  margin-bottom:10px;
  margin-right:20px;
}

.tea_b_r > div:nth-child(3),.tea_b_r > div:nth-child(4){
  margin-bottom:0;
}

.tea_b_r > div:nth-child(2n){
  margin-right:0;
}

.tea_b_r > div img{
  float:left;
  padding-right:10px;
}

/*パッケージここまで*/