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

/*---------------------------------------------------------------------------------
COMMON
---------------------------------------------------------------------------------*/

*{
margin:0;
padding:0;
border:0;}

body{
margin:0;
padding:0;
color:#666;
text-align:center;
font-weight:normal;
font-style:normal;
font-family:"�ᥤ�ꥪ",Meiryo,Verdana,sans-serif;
letter-spacing: 0.02em;
background:url(https://img08.shop-pro.jp/PA01206/887/etc/bg_body.jpg) 0 120px repeat-x;
}


a			{color:#dfb916;text-decoration:none;outline:none;}
a:hover		{color:#9fbf54; text-decoration:underline;}
a:visited	{color:#dfb916;}

strong 	{font-weight:bold;}
em 		{color:#333; font-style:normal;}
h3 em 	{color:#a40000; font-style:bold;}
img 	{margin:0 0 10px 10px;}
p 		{margin:10px 0 10px 10px; word-break: break-all;}

a.arrow,.arrow a{background:url(https://img08.shop-pro.jp/PA01206/887/etc/arrow_00.png) 0 0.5em no-repeat;padding-left:10px;margin-left:3px;margin-right:3px;}
a.arrow:hover,.arrow a:hover{background-image:url(https://img08.shop-pro.jp/PA01206/887/etc/arrow_01.png);}


a img:hover	{
opacity: 0.85;
filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=85);
}




/*---------------------------------------------------------------------------------
OTHER
---------------------------------------------------------------------------------*/
/* FROAT */
.fright	{float:right; margin:0 0 10px 10px;}
.fleft	{float:left; margin:0 10px 10px 0;}

img.fright	{margin:10px 0 10px 10px;}
img.fleft	{margin:10px 10px 10px 0;}


.fcenter{float:none; margin:10px auto; text-align:center; clear:both;}
.cboth{clear:both; /*height:auto;*/ padding:0; margin:10px auto;}
.tright{text-align:right;}

div.three{width:300px; margin-left:25px; float:left;}

/* UL OL LIST */
ul{margin:0 0 10px 25px;}
ol{margin:0 0 10px 30px;}
dl{margin:0 0 10px 0;}
ul,dl,ol{padding-bottom:5px;}

#main ul{margin:0 0 10px 33px;}
#main ol{margin:0 0 10px 35px;}
#main dl{margin:0 0 10px 10px;}

#main dl dt{padding:15px 0 5px;}

table 		{margin:10px 0 0 10px; word-break: break-all; clear:both; min-width:320px;}
table th 	{padding:5px 7px; background-color:#e3d3bf; text-align:left;}
table td 	{padding:5px 7px; background-color:#f9f0e5;}

#main dl.str {font-size:90%;}
#main dl.str dt {
    clear: left;
    float: left;
    margin: 6px 0 6px;
    min-width: 4em;
    padding: 0 0.7em 0 0;
    color:#999;
}
#main dl.str dd {
	padding: 6px 10px 6px 0;
border-top:dashed 1px #d9d9d9;
}

#main table dl{margin:5px 0 0;}
#main table dl dt{margin:0 0 0 20px; font-weight:bold; padding:0; display:list-item; list-style-type: disc;}
#main table dl dd{margin:0 0 5px;}


#main table ul{margin:5px 0 0 20px;}


hr{
border-color:#d9d9d9;
border-style:dotted;
border-width:1px 0 0;
display:block;
height:1px;
margin-bottom:20px;
margin-left:10px;
/*border-top:dashed 1px #d9d9d9;
height:10px;
border:none;
height:1px;
border-style:dotted;
border-width:1px 0 0;
clear:both;
margin-left:10px;*/}

#wrapper{min-width:1024px;}

/*---------------------------------------------------------------------------------
HEAD
---------------------------------------------------------------------------------*/
#header{display:flex !important; flex-wrap:wrap; align-items:center; width:1000px;  margin:0 auto; text-align:left;}

	#header h1			{width:100px; height:120px; margin:0;}
	#header h1 a		{width:100px; height:120px; display:block; }
	#header h1 a img{margin:0;}
	#header h1 a:hover 	{}
	
	#header #site_description {flex:1; font-size:85%;}

	#header ul {list-style:none; float:right; clear:right; margin:10px 0 0 0; padding:0;}
	#header ul li{float:left; margin:0;}

	ul#hnav li a {width:105px; height:25px; display:block; background-image:url(https://img08.shop-pro.jp/PA01206/887/etc/bg_hnav.jpg); text-indent:-99999px;}
		ul#hnav li a#hn1 {background-position:0 0; width:111px;}
		ul#hnav li a#hn2 {background-position:-116px 0; margin:0 5px;}
		ul#hnav li a#hn3 {background-position:-226px 0; }





		ul#hnav li a#hn1:hover {background-position:0 -30px;}
		ul#hnav li a#hn2:hover {background-position:-116px -30px;}
		ul#hnav li a#hn3:hover {background-position:-226px -30px;}

	#header .arrow {/min-width:263px; height:20px; float:right; clear:right; margin:10px 0 0 0; padding:0;}

#header .arrow a{
background-image:url(https://img08.shop-pro.jp/PA01206/887/etc/arrow_01.png); color:#666;
margin:0 0 0 20px;
font-size:small;
line-height:1.6em;
padding-top:0;
display:block;
float:right;
}

	#header .arrow a:hover{background-image:url(https://img08.shop-pro.jp/PA01206/887/etc/arrow_00.png); color:#dfb916;}
	
	#header img.fright {clear:right; margin-top:10px;}

/*---------------------------------------------------------------------------------
MAIN,CONTENTS
---------------------------------------------------------------------------------*/
#content{width:1000px; margin:0 auto; text-align:left; padding:15px 0 0;}
	#main{width:780px; margin:0; float:right;}
	#main a{text-decoration:underline;}
	#main a:hover{color:#9fbf54;}

	.breadcrumbs {
		font-size:small;
		margin:0 0 0 10px;
		padding:0;
	}
	#main .breadcrumbs a{color:#666; text-decoration:none; }
	#main .breadcrumbs a:hover{color:#dfb916;text-decoration:underline;}
	.breadcrumbs img {margin:0.4em 0.3em 0 0.2em;}
	

/*---------------------------------------------------------------------------------
SIDE
---------------------------------------------------------------------------------*/
#side .navToggle{display:none;}
#side{width:210px; margin:0; float:left; text-align:left;}

	#side h3 	{margin:0 5px; padding:0;}
	#side h4 	{margin:0 5px; padding:0; border:none; font-weight:normal; font-size:85%;}
	#side img	{margin:0 0 10px 0;}
	#side dl	{width:210px;}
	#side dl dt	{margin:10px 0 0;}


	/*ABOUT*/
	#side .about{padding:0 0 10px;}
		#side .about h3{background:url(https://img08.shop-pro.jp/PA01206/887/etc/h3_about.jpg) 0 0 no-repeat; text-indent:-99999px; height:35px; margin:0;}
		#side .about p{font-size:90%; margin:5px 0; padding:0;}
		#side .about a.more{background:url(https://img08.shop-pro.jp/PA01206/887/etc/arrow_more.jpg) 0 0 no-repeat; display:block; width:63px; height:25px; text-indent:-99999px; float:right; margin-bottom:10px;}
		#side .about a.more:hover{background-position:0 -30px;}



	/*CORNBOX*/
	#side .cornbox{clear:both; background:url(https://img08.shop-pro.jp/PA01206/887/etc/bg_corn.jpg) 0 0 repeat; padding: 0 5px 10px 5px; margin-bottom:10px;}

	#side .cornbox h3 {clear:both; background:url(https://img08.shop-pro.jp/PA01206/887/etc/h3_dakekimi.jpg) 0 0 no-repeat; text-indent: -99999px; width:200px; height:40px; margin:0 0 5px 0; border:none;}
	#side .cornbox img {margin: 0 0 5px 0;}

	#side .cornbox a.more{background:url(https://img08.shop-pro.jp/PA01206/887/etc/more_corn.jpg) 0 0 no-repeat; display:block; width:130px; height:20px; text-indent:-99999px; float:right;}
	#side .cornbox a.more:hover{background-position:0 -20px;}

/*APPPLEBOX*/
	#side .applebox{clear:both; background:url(https://img08.shop-pro.jp/PA01206/887/etc/bg_apple.jpg) 0 0 repeat; padding: 0 5px 10px 5px; margin-bottom:10px;}

	#side .applebox h3 {clear:both; background:url(https://img08.shop-pro.jp/PA01206/887/etc/h3_apple.jpg) 0 0 no-repeat; text-indent: -99999px; width:200px; height:30px; margin:0 0 0px 0; border:none;}
	#side .applebox img {margin: 0 0 5px 0;}

	#side .applebox a.more{background:url(https://img08.shop-pro.jp/PA01206/887/etc/apple_more.jpg) 0 0 no-repeat; display:block; width:155px; height:20px; text-indent:-99999px; float:right;}
	#side .applebox a.more:hover{background-position:0 -20px;}


	/*CATEGORY*/
	#side dl{clear:both;}

		#side dd{clear:both; padding:5px 0 3px; border-bottom:#e3d3bf dashed 1px;}

			#side dl dt {
			width:210px;
			display:block;
			height:35px;
			text-indent:-99999em;
			background-position:0 0;
			}
			
			#side dl dd a{
			color:#666;
			font-size:85%;
			display:block;
			line-height:1.6em;
			padding:0 5px 0 22px;
			background-position: 2px 4px;
			background-repeat:no-repeat;
			}
	
			#cat1 dt {background-image:url(https://img08.shop-pro.jp/PA01206/887/etc/cat1.jpg);}
			#cat2 dt {background-image:url(https://img08.shop-pro.jp/PA01206/887/etc/cat2.jpg);}
			#cat1 dd a{background-image:url(https://img08.shop-pro.jp/PA01206/887/etc/arrow_11.png);}
			#cat2 dd a{background-image:url(https://img08.shop-pro.jp/PA01206/887/etc/arrow_12.jpg);}
			
			#side dl dd a:hover{background:url(https://img08.shop-pro.jp/PA01206/887/etc/arrow_10.png) 3px 4px no-repeat; color:#dfb916;}
	

	/*ABOUT*/
	#side .address{padding:15px 15px 5px 15px ; background-image:url(https://img08.shop-pro.jp/PA01206/887/etc/bg_brown.jpg); color:#FFF; margin-bottom:15px;}
		#side .address h3{border:none; margin:0; font-size:80%;}
		#side .address p{margin:5px 0; font-size:80%; padding:0;}
		#side .address a.arrow{background-image:url(https://img08.shop-pro.jp/PA01206/887/etc/arrow_02.png); color:#FFF;}
		#side .address a.arrow:hover{background-image:url(https://img08.shop-pro.jp/PA01206/887/etc/arrow_00.png); color:#dfb916;}

	/*SIDEITEM*/
	#side .item_area {margin:0; padding:0;}
	#side .item_area img{width:190px;}
	#side .item_area .icon img{width:60px; height:60px; margin:0;}
	#side .saleprice{text-align:right;}
	#side span.soldout {font-size:90%; display:block; margin-bottom:5px;}
	#side dd span{font-size:90%; display:block; line-height:15px; padding:0 0 10px 0; margin-bottom:0;}


/*---------------------------------------------------------------------------------
FOOTER
---------------------------------------------------------------------------------*/
.pageup {clear:both; width:1000px; height:20px; margin:15px auto;}
#main .pageup {width:770px;}

	.pageup a {
		background: url(https://img08.shop-pro.jp/PA01206/887/etc/pageup.jpg) no-repeat 0 0;
		display: block;
		width: 107px;
		height: 20px;
		text-indent: -99999px;
		float:right;
		clear:both;
	}
	.pageup a:hover { background-position:0 -20px;}

#footer {
clear:both;
padding:20px 0 5px 0;
background: url(https://img08.shop-pro.jp/PA01206/887/etc/bg_brown.jpg) repeat 0 0; color:#fff;
font-size:95%;
line-height:1.5em;
font-size:85%;}

	#footer a{color:#fff;}
	
	#f_nav,#f_nav2 {clear:both; width:1000px; margin:15px auto; text-align:left;}
		#f_nav ul{float:left;}
		#f_nav dl{float:left; margin:0 30px 0 5px;}
		#f_nav dl dt{display:list-item; margin-left:15px; list-style-type: disc;}
		#f_nav dl dd{display:list-item; margin-left:35px; list-style-type: circle;}
		#f_nav .bn{width:210px; float:right;}

	#f_nav2 {border-top:#FFF dotted 1px; padding-top:15px;}
	#others  {float:left; display:block;}
	#copy {text-align:right; float:right; color:#A28563;}
	#copy a {color:#A28563;}



/*---------------------------------------------------------------------------------
TITLE
---------------------------------------------------------------------------------*/
h2{
font-size:140%;
background:#f9f0e5;
border:#e3d3bf solid 4px;
margin:10px 0 10px 10px;
padding:5px 10px 2px;
clear:both;}

	h2 em{padding-left:10px;}
	h2 span{font-size:85%; padding-left:10px; color:#999;}

h3{
font-size:120%;
border-bottom:1px solid #e3d3bf;
margin:10px 0 10px 10px;}



h4{
font-size:110%;
border-left:8px solid #e3d3bf;
padding:0 5px 0 10px;
margin:20px 0 5px 12px;
min-height:24px;
line-height:24px;}


.sub{margin-top:30px;}


/*---------------------------------------------------------------------------------
PRODUCT
---------------------------------------------------------------------------------*/
/*ITEM*/
.price {color:#f00; font-family:"Arial Black","�ᥤ�ꥪ",Meiryo;/* text-decoration: line-through;*/}
.regularprice {color:#f00; font-family:"Arial Black","�ᥤ�ꥪ",Meiryo; text-decoration: line-through; font-size:90%;}
.saleprice {color:#f00; font-family:"Arial Black","�ᥤ�ꥪ",Meiryo;}
.member_price{font-size:72%;}
.item_list .member_price span {
    display: inline;
    text-decoration: line-through;
}
.name	{text-align:left;}
h3.name a{color:#666666;}
h3.name a:hover{color:#9fbf54;}
.noimage{max-width:175px; height:175px;}
.ci_img {
background-color:#ffffff; 
padding: 4px;
border: 1px #CCC solid;
margin: 0 0 5px 0;
}


	/*ITEMLIST*/
	
	.item_list .name {margin:5px 0; border:none; padding:0 5px; font-size:85%; min-height:6em; line-height:1.5em;}
	.item_list .name a{color:#666;}
	.item_list .name a:hover{color:#9fbf54;}

	.item_list h4.name {min-height:7.5em; line-height:1.5em;}

	.item_list .price_all{margin:5px 0;}
	.item_list .price{text-align:right; margin-bottom:0;}
	.item_list .expl {color:#999; font-size:80%; text-align:left;}
	.item_list span{display:block; font-weight:normal;}

	.item_list .icon img{border:none; width:50px; height:50px;}
	.item_list .icons img{border:none; width:50px; height:50px; margin:5px;}

.popularity .item_list .icons img{width:45px; height:45px;}

	.list_str{float:left; margin-left:10px; padding-bottom:15px; width:185px;}


	/*NEWITEM*/
	.new img{width:175px; height:175px;}


	/*RELATED*/
	.related_item {background-color:#f9f0e5; margin:10px 0 10px 10px; padding:10px 0; clear:both; font-size:80%;}
	.related_item h3{margin:10px;}

		.related_item .item_list {float:left; margin-left:10px; width:116px;}
		.related_item .item_list a img{width:106px; height:106px;}

	/*POPULARITY*/
	.popularity {clear:both;}
		.popularity .item_list {width:165px; background-color:#f9f0e5; margin:10px 0 10px 10px; padding:10px;}
		.popularity .item_list a img{width:155px; height:155px;}


/*---------------------------------------------------------------------------------
PARTS
---------------------------------------------------------------------------------*/
/* easyfeed */
#main ul.rss-items {margin:0 0 0 20px; list-style:none;}

#main ul.rss-items li{margin:0; border-bottom:#e3d3bf dashed 1px; padding:8px 0 5px 22px; background:url(https://img08.shop-pro.jp/PA01206/887/etc/dot.jpg) 0.5em 0.9em no-repeat;}

#main ul.rss-items li a{color:#75552e;}
#main ul.rss-items li a:hover{color:#dfb916;}
#main ul.rss-items li span{
	display:inline-block;
	margin-left: 15px;
	font-size: 80%;
	color: #A9A9A9;
}
#main ul.rss-items li br{display:none;}

/* feed201708 */
#main .info_news ul {margin:0 0 10px 20px; list-style:none;text-align:left;}

.info_news li{margin:0; border-bottom:#e3d3bf dashed 1px; padding:8px 0 5px 22px; background:url(https://img08.shop-pro.jp/PA01206/887/etc/dot.jpg) 0.5em 0.9em no-repeat;}

.info_news li a{color:#75552e; margin-left:15px;}
.info_news li a:hover{color:#dfb916;}
.info_news li span{
	display:inline-block;
	margin-left: 15px;
	font-size: 80%;
	color: #A9A9A9;
}
.info_news li br{display:none;}

/* googleAPI */
#main ul.info {margin:0 0 0 20px; list-style:none;}
#main ul.info li{margin:0; border-bottom:#e3d3bf dashed 1px; padding:8px 0 5px 22px; background:url(https://img08.shop-pro.jp/PA01206/887/etc/dot.jpg) 0.5em 0.9em no-repeat;}
#main ul.info li a{color:#75552e;}
#main ul.info li a:hover{color:#dfb916;}

#main ul.info span{display:inline-block; width:100px; margin-right:10px;}


/*--------------------------------MIKAMI-start��---------------------------------*/
/*---------------------------------------------------------------------------------
CONTENTS_style
---------------------------------------------------------------------------------*/
/*SHOP INFO*/
.shop_info{
width:1000px;
margin:0 auto 20px;
padding:10px 0 0;
text-align:left;
background:#f9f0e5;
border:1px solid #e3d3bf;}

	.shop_info .three{width:300px; margin-left:25px; float:left;}
	.shop_info h3{font-size:medium; margin:10px 0 5px 0;}
	.shop_info h4{font-size:medium; margin:10px 0 0 0; color:#75552e; background:url(https://img08.shop-pro.jp/PA01206/887/etc/h4_info.png) 0 50% no-repeat; border:none; padding:0 5px 0 18px;}
	.shop_info p{font-size:80%; margin:10px 0 15px 0;}
	.shop_info p.p_style{margin:10px 0 5px 0;}
	.shop_info em{color:#a40000;}
	.shop_info ul{font-size:80%;}
	.shop_info img{margin:0;}
	
	.shop_info a.arrow{background:url(https://img08.shop-pro.jp/PA01206/887/etc/arrow_01.png) 0 0.5em no-repeat; color:#666; text-decoration:underline;}
	.shop_info a.arrow:hover{background-image:url(https://img08.shop-pro.jp/PA01206/887/etc/arrow_00.png); color:#deb915;}

	.shop_info .w650{width:650px; float:left;}
	.shop_info .three_right{width:300px; margin-right:25px; float:right;}
	.shop_info .w650 h3{width:625px; margin:10px 0 5px 25px;}


/*PAGES*/
a.arrow2{
color:#666;
line-height:1.6em;
padding:0 5px 0 22px;
margin:0 0 0 5px;
background-position: 2px 4px;
background-repeat:no-repeat;
background-image:url(https://img08.shop-pro.jp/PA01206/887/etc/arrow_11.png);
}
a.arrow2:hover{
	background:url(https://img08.shop-pro.jp/PA01206/887/etc/arrow_10.png) 3px 4px no-repeat;
	color:#dfb916;
}
.col3.list .item img{
	margin:0;
	vertical-align: bottom;
}
.col3.list .item{width:auto;}

.box_img{
	width:780px;
	margin:0 0 20px 0;
}
.box_img img{float:right;}

#main dl.dl_style{
	width:770px;
	margin:0 0 10px 10px;}

	#main dl.dl_style dt{
	height:20px;
	padding:0 0 5px 0;
	color:#75552e;
	font-weight:bolder;
	border-bottom:1px dotted #e3d3bf;}
	
	#main dl.dl_style dd{
	padding-top:0;
	padding:5px 0 20px 0;}

.box_gray{
width:720px;
/*
margin:0 0 20px 10px;
*/
margin:0 0 10px 10px;
padding:20px 25px 0;
border:1px solid #ccc;
background:#f7f7f7;}

	.box_gray h3{margin:0 0 10px 0;}
	.box_gray h4{margin:0 0 10px 0;}
	.box_gray p{margin:0 0 10px 0;}
	.box_gray img{ float:right; margin:0 0 10px 10px;}
	.box_gray em{color:#cc3333;}
	#main .box_gray ul{margin:0 0 10px 25px;}
	#main .box_gray ul li span{color:#333;}
	#main .box_gray table{width:400px; margin:0 0 10px 0; clear:none;}
	
.mb_20{margin-bottom:20px;}
.mb_10{margin-bottom:10px;}


.menu ul.fleft{float:left; margin:0 0 10px 10px; width:350px;}
.menu ul.fright{float:right; margin:0 10px 10px 0; width:370px;}
.menu ul.fnone{width:600px;}

#main .menu ul{margin:0 0 10px 0;}
.menu ul li{
list-style-position:outside;
margin-left:20px;}

.btn_sweets a{
display:block;
width:400px;
height:60px;
line-height:60px;
text-indent:-99999px;
margin:0 0 15px 0;
background:url(https://img08.shop-pro.jp/PA01206/887/etc/btn_sweets.jpg) 0 0 no-repeat;}

.btn_sweets a:hover{background-position:0 -60px;}



#apple{	
width:770px;
height:490px;
text-indent:-99999px;
margin:0 0 10px 10px;
background:url(https://img08.shop-pro.jp/PA01206/887/etc/apple.jpg) 0 0 no-repeat;}


	#apple ul{display:none;}

.box_apple{
width:720px;
margin:0 0 15px 10px;
padding:20px 25px 5px;}

	.box_apple h4{margin:0 0 10px 0;}
	.box_apple table{width:720px; margin:0 0 10px 0; clear:none;}
	.box_apple table thead th{color:#fff; text-align:center;}
	.box_apple table th,
	.box_apple table td{background:#fff;}
	.box_apple table td.price{text-align:right; color:#666; font-size:100%;}
	.box_apple table img{margin:0; margin:0 auto;}
		
	.green{background:#d7e5b7;}
	.green h4{border-left:8px solid #6d8f22;}
	.green table thead th{background:#6d8f22;}
	
	.orange{background:#ffdfb2;}
	.orange h4{border-left:8px solid #fca222;}
	.orange table thead th{background:#fca222;}
	
	.sky{background:#d7e5e5;}
	.sky h4{border-left:8px solid #71a4a5;}
	.sky table thead th{background:#71a4a5;}

.red{
font-weight:bold;
color:#cc3333;}

.box_mail,
.box_flow{
width:718px;
margin:0 0 20px 10px;
padding:10px 25px 20px;
border-left:1px solid #e3d3bf;
border-right:1px solid #e3d3bf;
border-bottom:1px solid #e3d3bf;
background:#f9f0e5;}

	.box_mail img{float:right; margin:0 0 0 15px;}
	.box_mail p{margin:0 0 15px 0;}
	.box_flow p{margin:0 0 0 0;}

.mail_h4,
.flow_h4{
width:670px;
height:30px;
padding:30px 0 0 100px;
margin:0 0 0 10px;
font-size:20px;
border:none;}

	#mail_h4_step1{background:url(https://img08.shop-pro.jp/PA01206/887/etc/mail_h4_step1.jpg) 0 0 no-repeat;}
	#mail_h4_step2{background:url(https://img08.shop-pro.jp/PA01206/887/etc/mail_h4_step2.jpg) 0 0 no-repeat;}
	#mail_h4_step3{background:url(https://img08.shop-pro.jp/PA01206/887/etc/mail_h4_step3.jpg) 0 0 no-repeat;}

	#flow_h4_step1{background:url(https://img08.shop-pro.jp/PA01206/887/etc/flow_h4_step1.jpg) 0 0 no-repeat;}
	#flow_h4_step2{background:url(https://img08.shop-pro.jp/PA01206/887/etc/flow_h4_step2.jpg) 0 0 no-repeat;}
	#flow_h4_step3{background:url(https://img08.shop-pro.jp/PA01206/887/etc/flow_h4_step3.jpg) 0 0 no-repeat;}
	#flow_h4_step4{background:url(https://img08.shop-pro.jp/PA01206/887/etc/flow_h4_step4.jpg) 0 0 no-repeat;}

a.a_w400{
display:block;
margin:20px auto;
width:400px;
height:60px;}

.box{
width:770px;
margin:0 0 10px 10px;}

.box div{
width:345px;
margin:0 0 10px 0;
padding:15px 15px 0;
border:1px solid #ccc;
background:#f7f7f7;}

.box .harfleft{float:left;}
.box .harfright{float:right;}
.box .harfleft,.box .harfright{min-height:360px;}

	.box h4{margin:0 0 10px 0; border:none; padding:0 0 0 0; font-size:93%;}
	.box p{margin:0 0 10px 0;}
	.box img{margin:0 0 10px 0;}


/*TABLE*/
table 		{margin:10px 0 0 10px; word-break: break-all; clear:both; min-width:320px;}
table th 	{padding:5px 7px; background-color:#e3d3bf; text-align:left;}
table td 	{padding:5px 7px; background-color:#f9f0e5;}

table.tbl_basic {width:770px; margin:10px 0 20px 10px;}
table.tbl_basic th{width:150px;}

table.tbl_basic2 {width:770px; margin:10px 0 20px 10px;}
table.tbl_basic2 th{width:600px;}

#main table td ul,
#main table td ol{margin:0 0 0 35px;}



/*������̤ξ��ʰ�����*/
#main .navi_sort a{color:#75552e;}
#main .navi_sort a:hover{color:#9fbf54;}
#main .navi_sort a:visited{color:#75552e;}





/*20130320 �����ɲ�*/
dl.sitemap {float:left; width:380px;}

dl.link dt,
dl.sitemap dt{
display: list-item;
list-style: disc;
margin-left: 25px;
font-weight:bold;
font-size:large;}

dl.link dt a,
dl.sitemap dt a{
color:#663300;}

dl.link dd{margin-left:25px;}

dl.sitemap dd{
display: list-item;
list-style: circle;
margin-left: 50px;}


/* 20160308 �����ɲ� */
.bg_red{
  	background:#a40000;
  	padding:15px;
  	box-sizing:border-box;
  	width:770px;
  	color:#ffffff;
  	font-weight:bold;
  	text-align:center;
  	margin-bottom:20px;
  	display:block;
}

/* 20160321 �ſ��ɲ� */
.bg_green{
  	background:#008000;
  	padding:15px;
  	box-sizing:border-box;
  	width:770px;
  	color:#ffffff;
  	font-weight:bold;
  	text-align:center;
  	margin-bottom:20px;
  	display:block;
}
/*サイドバー バナー*/
#side .bn.award{margin:0 auto 20px;}
#side .bn.award a{ 
display:block;
margin:0 auto 20px !important;
}

/*20170413Ĺ���ɲ�*/
.cart_btn div{
  	margin: 0 12px 0 0 !important;
  	float: left;
}
.cartjs_cart_in{
  	text-align:left !important;
}

.cartjs_cart_in input{
	width:200px !important;
	height: 36px;
	padding: 6px 0;
}


.cartjs_product_table{
  	/* display:none; */
}

.cartjs_product_table table{
	float: left;
	margin: 8px 0 !important;
	min-width: 160px !important;
	width: 160px !important;
	font-size: 80%;
}

.cartjs_product_table table th{
	background:#ececec !important;
	width: 50%;
	padding: 4px 8px;
}

.cartjs_product_table table td{
	background:#ffffff !important;
	width: 20%;
	padding: 0 !important;
}

.cartjs_product_table table td input{
	padding: 20%;
	width: 60% !important;
}

#others_cartbtn .cartjs_product_table table{
	min-width: 200px !important;
	width: 200px !important;
}

#others_cartbtn .cartjs_product_table table th{
	width: 75% !important;
}

#others_cartbtn .cartjs_product_table table td input{
	padding: 8%;
	width: 60% !important;
}
#others_cartbtn .cartjs_cart_in input{
	padding: 18px 0;
}
.cartjs_product_info{/* width:0 !important; */}

/*googleマップ*/
.g_map{
	padding-left:10px;
}
.g_map p{
	text-align:right;
	
}
/*共通3カラム*/
.col3{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.col3 .item{
	width:32%;
	margin: 0 2% 15px 0;
}
.col3 .item:nth-child(3n){margin:0;}

/*共通4カラム*/
#main ul.col4{
	list-style-type:none;
		display:flex;
	flex-wrap:wrap;
	margin:0 0 10px 0;
}
#main ul.col4 li{
	width:calc((100% - 40px) /4);
	margin:5px;
}
#main ul.col4 li img{
	max-width:100%;
	margin:0;
}

/*セクション間隔*/
section + section{margin:4rem 0;}

/*---------------------------------------------------------------------------------
CLEARFIX-HACK
---------------------------------------------------------------------------------*/
#header:after,
#content:after,
#footer:after,
#shop-info:after,
#f_nav:after,
.navi_sort:after,
h2:after,
.pageup:after,
.mediacontents:after,
.navigation:after,
.shop_info:after,
.box_img:after,
.box_apple:after,
.w650:after,
.box_mail:after,
.box_flow:after,
.box:after,
.bn:after,
.about:after,
.clearfix:after{
content: "";
display: block;
height: 1;
clear: both;
visibility: hidden;}


#header,
#content,
#footer,
#shop-info,
#f_nav,
.navi_sort
h2,
.pageup,
.mediacontents,
.navigation,
.shop_info,
.box_img,
.box_apple,
.w650,
.box_mail,
.box_flow,
.box,
.bn,
.about,
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/

* html #header,
* html #content,
* html #footer,
* html #shop-info,
* html #f_nav,
* html .navi_sort
* html h2,
* html .pageup,
* html .mediacontents,
* html .navigation,
* html .shop_info,
* html .box_img,
* html .box_apple,
* html .w650,
* html .box_mail,
* html .box_flow,
* html .box,
* html .bn,
* html .about,
* html .clearfix{height: 1%;}



#header,
#content,
#footer,
#shop-info,
#f_nav,
.navi_sort
h2,
.pageup,
.mediacontents,
.navigation,
.shop_info,
.box_img,
.box_apple,
.w650,
.box_mail,
.box_flow,
.box,
.bn,
.about,
.clearfix{display: block;}
/* End hide from IE-mac */


/*マップレスポンシブ*/
.mapbox {
position: relative;
padding-bottom: 45.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.mapbox iframe,
.mapbox object,
.mapbox embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/*スマホ用*/
@media screen and (max-width: 480px){
	body{background:none;}
	img{max-width:100%; margin:0 0 10px 0;}
#wrapper{min-width:unset;}
#header{width:unset; position:relative;}
#header h1 a{width:70px; height:inherit;}
#header h1{width:unset; height:unset;}

#header #site_description{flex:unset;font-size:75%; padding:5px;}
.h_s_nav{width:331px; margin:0 auto;}
#header ul{
	display:flex;
	float:none;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}
#header ul li{margin-bottom:8px ; float:none;}
#header ul:after{content:""; display:block;}
#header .arrow{float:none; margin:10px 0;}
#header .arrow a{margin:0 0 0 8px;}
#header img.fright{position:absolute; right:56px; top:0px;}

#side{float:none;}
#side .navToggle{display:block;}
/*---ハンバーガー---*/
nav.globalMenuSp {
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    background: #fff;
    color: #000;
    text-align: center;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
		margin:0;
		width:210px;
		padding:75px 10px 0;
		height:calc(100% - 75px);
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		/* IE, Edge 対応 */
    -ms-overflow-style: none;
    /* Firefox 対応 */
    scrollbar-width: none;
}
/* Chrome, Safari 対応 */
nav.globalMenuSp::-webkit-scrollbar {display:none;}
nav.globalMenuSp ul {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	display:block;
}
nav.globalMenuSp ul li {
	font-size: 1rem;
	list-style-type: none;
	padding: 0;
	width: 100%;
}
/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {
	padding-bottom: 0;
}
nav.globalMenuSp ul li a {
	display: block;
	padding: 1em 0;
}
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
	transform: translateY(0%);
}
.navToggle {
	display: block;
	position: fixed;    /* bodyに対しての絶対位置指定 */
	right: 10px;
	top: 10px;
	width: 42px;
	height: 42px;
	cursor: pointer;
	z-index: 3;
	background: #74542d;
	text-align: center;
	z-index:999;
	border-radius:5px;
}
.navToggle span {
	display: block;
	position: absolute;    /* .navToggleに対して */
	width: 22px;
	border-bottom: solid 3px #eee;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	left: 10px;
}
.navToggle span:nth-child(1) {top: 11px;}
.navToggle span:nth-child(2) {top: 19px;}
.navToggle span:nth-child(3) {top: 27px;}
.navToggle span:nth-child(4) {
	border: none;
	color: #eee;
	font-size: 9px;
	font-weight: bold;
	top: 34px;
}
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
	top: 18px;
	left: 10px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
	top: 18px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*----ハンバーガー end----*/

#content,
.pageup,
#main .pageup,
.shop_info,
#f_nav,
#f_nav2{width:unset;}
#main{width:98%; margin: 0 auto; float:none;}


#main .bx-wrapper .bx-viewport{margin-bottom:20px;}

.top-free .col2{display:block;}
#free_space a{display:block; margin:0 auto 10px; text-align:center;}
.top-free .col2 a img{margin:0;}



.shop_info{padding:10px;}
.shop_info .w650{width:unset; float:none;}
.shop_info .three{width:unset; margin-left:0; float:none;}

#footer{padding:8px;}
#f_nav .bn{float:none; width:unset;}

h2{margin:5px 0; font-size:115%;}
.shop_info .w650 h3{width:unset; margin:10px 0 5px 0;}

.item_area{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin:10px;
}

.related_item .item_list{
	width:calc((100% - 30px) /3);
	margin:5px;
	float:unset;
}
.related_item .item_list a img{
	width: calc(100% - 12px);
	height: inherit;
}
.related_item h3{width:calc(100% - 20px);}
.list_str{width:calc((100% - 40px) /2); padding:10px;margin:0;}
.new img{width:unset; height:unset;box-sizing:border-box;}
.list_str .icons{display:flex;align-items: flex-start;}
.item_list .icons img{width:30%; height:inherit; margin:1px;}

.popularity{background:#f9f0e5;}
.popularity .item_list{width:calc((100% - 40px) /2); padding:10px;margin:0;}
.popularity .item_list a img{width:unset; height:unset;box-sizing:border-box;}
/*scrollテーブル*/
#main .scroll{
	overflow: auto;
    white-space: nowrap;
    margin-bottom: 1em;}
#main .scroll table{width: 100%;
    margin-bottom: .5em;}
		
/*改行テーブル*/
.tbl-block th,
.tbl-block td{display:block; padding:5px 0;}


/*フリーページ使用*/

.bg_green,
table.tbl_basic{width:unset; margin:0 0 20px;}
.tbl-block table.tbl_basic th{width:unset !important;}
.box{
	width:unset;
	margin:0 auto;
}
.box .harfleft, .box .harfright{
	float:none;
	width:unset;
	padding: 15px;
	margin: 0 auto 20px;
}
.box_img{width:unset; margin:0 auto;}
.box_img img{float:none;}
.box_gray{width:unset; margin:0 auto;}

.btn_sweets a{
	width:250px;
	height:38px;
	background-size:100% auto;
}
.btn_sweets a:hover{background-position:0 -38px;}

.menu ul.fright,
.menu ul.fleft{float:none; width:unset;}

a.a_w400{width:unset; height:unset;}
.box_mail, .box_flow{
	width:unset;
	border:none;
	padding:10px;
	margin:0 auto;
}
.box_mail img{
	float:none;
	margin: 0 auto 10px;
	display: block;}
}

.mail_h4, .flow_h4{width:unset;}

#flow_h4_step1,
#flow_h4_step2,
#flow_h4_step3,
#flow_h4_step4,
#mail_h4_step1,
#mail_h4_step2,
#mail_h4_step3,
#mail_h4_step4{
	background:none;
	padding:10px;
	margin:0;
}

dl.sitemap{float:none; width:unset;}

/*page f7 */
#main .k_menu {
  display: flex;
	flex-wrap:wrap;
	margin:1em 0;
}

.k_menu li {
	list-style-type: none;
	width: 25%;
	padding:0;
	margin-bottom:1rem;
}
#main .k_menu li a{
  display: block;
  color:#555;
}
#main .k_menu li a img{
	max-width:100%;
	margin:5px;
}
#main .k_menu li a span{
display: block;
text-decoration: none;
    font-size: 12px;
text-align: center;
color:#555;
}
@media only screen and (max-width: 480px) {
	.k_menu li{width:50%;}
	
}