@charset "EUC-JP";
/*
	Site Name: 産直だより
	Description: mobile setting
	Version: 1.0
	Author: Shigeru Hanashima Peacepack, Inc.
*/

/*
===== CONTENTS ===========================================

	1: body and base setting
		: general params
		: acronyms and abbreviations styles
	2: link setting
	4: hack
	5: top search

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

/*
===== 1: body and base setting ===========================
*/

html.gold,body.gold {
	background:none;
}

#wrapper {
	width:750px;
}

.gold #header {
	margin-bottom:20px;
	width:750px;
	height:250px;
/*	background:url(https://www.rakuten.ne.jp/gold/sanchokudayori/images/head180901_grape-sr.jpg) top center no-repeat;*/
/*	background:url(../images/head150305_mango-sr.jpg) top center no-repeat;*/
/*	柑橘　background:url(../images/head150120_orange_sr.jpg) top center no-repeat;*/
/*	background:url(https://www.rakuten.ne.jp/gold/sanchokudayori/images/head181010_orange-sr.jpg) top center no-repeat;*/
/*	background:url(../images/head180901_grape-sr.jpg) top center no-repeat;*/
/*	background:url(https://www.rakuten.ne.jp/gold/sanchokudayori/images/head150626_peach-sr.jpg) top center no-repeat;*/
/*	background:url(../images/head160125_strw_sr.jpg) top center no-repeat;*/
	background:url(../images/head150305_mango-sr.jpg) top center no-repeat;
}

html.gold #header h1 {
	position:absolute;
	top:10px;
	left:170px;
	text-indent:-9999px;
}

html.gold #header h1 a {
	display:block;
	width:390px;
	height:150px;
}

#main .inn {
	margin:0 1auto;
	width:730px;
}

.smart ul {
	margin-left:0;
}

.smart li {
	float:none;
	font-size:160%;
	border-right:none;
	background: url("data:../image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAANBAMAAAC9V5gpAAAAA3NCSVQICAjb4U%2FgAAAAKlBMVEX%2F%2F%2F%2Fn5%2Bfj4%2BPf39%2FS0tLOzs6ampqOjo6KioqGhoaCgoJ9fX15eXl1dXXwPRc5AAAACXBIWXMAAArwAAAK8AFCrDSYAAAAFnRFWHRDcmVhdGlvbiBUaW1lADA4LzA5LzEwSSHXzAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAA9SURBVAiZY2AtZoAC99MGUBbb3sMwwZzbCMHNMMHsGzBBzrMFUFbWLQOYusXoetnOHoIKeZ8RgLJYYaYBAFNJEKzgqZsZAAAAAElFTkSuQmCC")
no-repeat scroll right 50% transparent;
    display: block;
    font-weight: bold;
    padding: 8px 26px 8px 8px;
    border-bottom: 1px solid #CCCCCC;
}

.smart li a {
	display:block;
	color:#333333;
}

.smart li a:hover {
	color:#333333;
}

#top #header .rakuten {
	position:absolute;
	top:10px;
	left:10px;
}

.badge {
	position:absolute;
	top:6px;
	left:450px;
}

.pc {
	display:none;
}

.smart {
	display:block;
}

html.gold #lnavi,#footer,.cart,#headsearch {
	display:none;
}

#top #con {
	float:none;
	margin-top:0;
	width:730px;
}


/*
===== 4: hack ===========================
*/

#itemImageSlider {
	margin-top:180px
}

#shopCommonText {
	position:absolute;
	top:200px;
	left:0;
	width:100%;
}

#spbn {
	position:relative;
	display:block;
	width:100%;
	height:120px;
	background:url(https://www.rakuten.ne.jp/gold/sanchokudayori/images/event/728_90_red_5.png) center top no-repeat;
	background-size:contain;
}

#spbn p a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-9999px;
}

/*
===== 5: top search ===========================
*/
.keywordsearch {
	font-size:160%;
}

.accordion-container > div {
	flex-basis:49.5% !important;
}

#headsearchsp {
	margin-bottom:20px;
	width:100%;
	background:#eee;
}

#headsearchsp form {
	display:flex;
	padding:4px;
	justify-content:space-between;
}

#headsearchsp input[type="text"] {
	margin:4px;
	width:75%;
	font-size:2.6em;
}

#headsearchsp input[type="submit"] {
	width:23%;
	font-size:1.5em;
}

@media screen and (max-width: 768px) {
	#itemImageSlider {
		margin-top:140px
	}

	#spbn {
		height:100px;
	}

}

@media screen and (max-width: 600px) {
	#itemImageSlider {
		margin-top:120px
	}

	#spbn {
		height:60px;
	}

}

@media screen and (max-width: 480px) {
	#itemImageSlider {
		margin-top:100px
	}

	#spbn {
		height:60px;
	}

}