@charset "utf-8";

@font-face {
	font-family: 'PlayfairDisplay-Regular';
	font-style: normal;
    font-weight: normal;
	src: url('https://sincere-garden.jp/hpgen/HPB/font/PlayfairDisplay-Regular.eot'); /* IE9 Compat Modes */
	src: url('https://sincere-garden.jp/hpgen/HPB/font/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('https://sincere-garden.jp/hpgen/HPB/font/PlayfairDisplay-Regular.woff') format('woff'), /* Modern Browsers */
	     url('https://sincere-garden.jp/hpgen/HPB/font/PlayfairDisplay-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: 'PlayfairDisplay-Italic';
	font-style: normal;
    font-weight: normal;
	src: url('https://sincere-garden.jp/hpgen/HPB/font/PlayfairDisplay-Italic.eot'); /* IE9 Compat Modes */
	src: url('https://sincere-garden.jp/hpgen/HPB/font/PlayfairDisplay-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('https://sincere-garden.jp/hpgen/HPB/font/PlayfairDisplay-Italic.woff') format('woff'), /* Modern Browsers */
	     url('https://sincere-garden.jp/hpgen/HPB/font/PlayfairDisplay-Italic.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: 'Prata-Regular';
	font-style: normal;
    font-weight: normal;
	src: url('https://sincere-garden.jp/hpgen/HPB/font/Prata-Regular.eot'); /* IE9 Compat Modes */
	src: url('https://sincere-garden.jp/hpgen/HPB/font/Prata-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('https://sincere-garden.jp/hpgen/HPB/font/Prata-Regular.woff') format('woff'), /* Modern Browsers */
	     url('https://sincere-garden.jp/hpgen/HPB/font/Prata-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

/*-----------------------------------------------------------------------
    RESET
 -----------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: top; background: transparent; }
ul, li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; text-align: left; }
hr { display: block; height: 1px; border: 0; margin: 0; padding: 0; }
input, select { vertical-align: middle }
a img { border: none; }
img { vertical-align: top; margin: 0; padding: 0; }
html, body { height: 100%; }
body { font: 12px/1.4 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; color: #666666; }
a { color: #666666; text-decoration: none; }
::-moz-selection { background: #c8f7f8; }
::selection { background: #c8f7f8; }

#container, #container2 { width: 100%; margin: 0 auto; overflow: hidden;}

#container td { vertical-align: top; }

a:hover img, a:hover,
#search form .button1:hover,
.side-nav .accordion > li .listTitleWrap:hover,
.footer-nav li a:hover,
.brandSiteBox li a:hover,
.snsLink li a:hover,
.brandListBox .brandList a:hover,
.logo a:hover,
.side-nav .ac-trigger:hover,
.bx-SliderWrap .bxNav a:hover {
    -webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#cover #slider a:hover,
#search form .button1:hover,
.footer-nav li a:hover,
.brandSiteBox li a:hover,
.snsLink li a:hover,
.brandListBox .brandList a:hover,
.logo a:hover,
.side-nav .ac-trigger:hover,
.bx-SliderWrap .bxNav a:hover {
	opacity: 0.4;
	filter: alpha(opacity=50);
}
#cover .pager a:hover,
#sub-vi .pager a:hover,
.recommendBox a:hover,
.recommendBox a:hover img,
.ranking a:hover,
.ranking a:hover img,
.new-item a:hover,
.new-item a:hover img,
.columnBox a:hover,
.columnBox a:hover img,
.columnBox a:hover .imgBox,
.columnBox a:hover .txtBox,
.aboutBox a:hover,
.sidebox .bnr.present a:hover,
.sidebox .bnr.present a:hover img,
.list.new a:hover,
.bnr.brand a:hover,
.bnr.brand a:hover img
 {
	opacity: 1;
	filter: alpha(opacity=100);
}
/*-----------------------------------------------------------------------
    HEADER
 -----------------------------------------------------------------------*/
 #headerWrap { 
 	width: 100%;
	margin-bottom: 60px;
	border-bottom: 1px solid #efead8;
 }
 .infoAlert { 
	width: 100%; 
	margin: 0; 
	padding: 0; 
	background-color: #f8f6f0; 
	font-weight: bold;
	color:#fff;
	text-align: center;
	letter-spacing: 0.1em;
}
.infoAlert p {
    padding: 0.8em 0;
}
.infoAlert a {
    color: #fc1212;
	line-height:1.6; 
	font-size: 11px;
 }
.infoAlert a:hover {
    text-decoration: underline;
 }
.infoAlert a b {
    font-size: 17px;
    font-weight: bold;
 }
.information { 
	width: 100%; 
	margin: 0; 
	padding: 0; 
	background-color: #6ec6cc; 
	font-size: 20px;
	font-weight: bold;
	line-height:50px; 
	color:#fff;
	text-align: center;
	letter-spacing: 0.1em;
}
.information.bg2 {
	background-color: #f9a2b7;
}
.information span { color: #e80929;}
.information a { color: #fff;}
.information a:hover {
	text-decoration: underline;
}
#header { 
	position: relative;
	width: 990px;
	margin: 0 auto;
}
#header:after {
  content: ""; 
  display: block; 
  clear: both;
}
#header .shopName {
	width: 580px;
	float: left;
	color: #b3b3b3;
	letter-spacing: 0.05em;
	font-weight: normal;
	font-size: 11px;
	line-height: 46px;
}
#header .nav {
	width: 406px;
	float: right;
}
#header .nav li {
	float: left;
}
#header .nav li:hover {
	background-color: #f7f4eb;
}
/*#header .nav .member {
	width: 120px;
}
#header .nav .login {
	width: 120px;
}
#header .nav .cart {
	width: 120px;
}
#header .nav .member a {
	background: url(/USERTHEMEIMG/vol1/amara.az.shopserve.jp/header_icon01.png);
	background-repeat: no-repeat;
	background-position: 12px center;
	padding-left: 32px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
#header .nav .login a {
	background: url(/USERTHEMEIMG/vol1/amara.az.shopserve.jp/header_icon02.png);
	background-repeat: no-repeat;
	background-position: 26px center;
	padding-left: 46px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
#header .nav .cart a {
	background: url(/USERTHEMEIMG/vol1/amara.az.shopserve.jp/header_icon03.png);
	background-repeat: no-repeat;
	background-position: 18px center;
	padding-left: 38px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
#header .nav li a {
	display: block;
	margin: 8px auto;
	line-height: 30px;
	font-size: 11px;
	color: #b3b3b3;
	letter-spacing: 0.05em;
}
	#header .nav .member a {
		border-left: 1px solid #efead8;
		border-right: 1px solid #efead8;
	}
	#header .nav .login a {
		border-right: 1px solid #efead8;
	}
	#header .nav .cart a {
		border-right: 1px solid #efead8;
	}*/
#header .nav .top {
	width: 82px;
}
#header .nav .member {
	width: 116px;
}
#header .nav .login {
	width: 92px;
}
#header .nav .cart {
	width: 116px;
}
#header .nav li a {
	display: block;
	margin: 8px auto;
	line-height: 30px;
	font-size: 11px;
	color: #b3b3b3;
	letter-spacing: 0.05em;
}
#header .nav .top a {
	border-left: 1px solid #efead8;
	border-right: 1px solid #efead8;
	background-image:url(https://sincere-garden.jp/assets/images/header/header_icon04.png);
	background-repeat: no-repeat;
	background-position: 12px 7px;
	padding-left: 32px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#header .nav .member a {
	background-image:url(https://sincere-garden.jp/assets/images/header/header_icon01.png);
	background-repeat: no-repeat;
	background-position: 12px 8px;
	padding-left: 32px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #efead8;
}
#header .nav .login a {
	background-image:url(https://sincere-garden.jp/assets/images/header/header_icon02.png);
	background-repeat: no-repeat;
	background-position: 12px 8px;
	padding-left: 32px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #efead8;
}
#header .nav .cart a {
	background-image:url(https://sincere-garden.jp/assets/images/header/header_icon03.png);
	background-repeat: no-repeat;
	background-position: 12px 7px;
	padding-left: 32px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #efead8;
}
/*-----------------------------------------------------------------------
    side
 -----------------------------------------------------------------------*/

.sidebox .logo {
	margin-bottom: 60px;
}
.sidebox .list.new {
	background-color: #f8f6f0;
	border-radius: 4px;
	padding: 15px 7px 7px;
	margin-bottom: 24px;
}
.sidebox .list.new .title {
	margin-bottom: 10px;
}
.sidebox .content {
	overflow: auto;
	height: 226px;
	background-color: #fff;
	border-radius: 4px;
	padding: 17px 8px 17px 12px;
}
.sidebox .list.new li {
	border-bottom: 1px solid #e9ebea;
	line-height: 18px;
	color: #808080;
	letter-spacing: 0.05em;
	padding: 18px 0;
}
.sidebox .list.new li:first-child {
	padding: 0 0 18px;
}
.sidebox .list.new li .liT {
	color: #ff7d96;
}
.sidebox .list.new li a {
	font-size: 11px;
	color: #808080;
	display: block;
	letter-spacing: 0.1em;
}
.sidebox .list.new li a:hover {
	text-decoration: underline;
}
.sidebox .bnr.present {
	margin-bottom: 36px;
}
.sidebox .bnr.present a {
	display: block;
	position: relative;
}
.sidebox .bnr.present a .presentImg {
	position: absolute;
	z-index: 100;
	opacity: 0;
	top: 0;
	left: 0;
}
.sidebox .bnr.present a .btn {
	position: absolute;
	bottom: 48px;
	left: 43px;
	border: solid 1px #c9af73;
	text-align: center;
	width: 148px;
	border-radius: 12px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #c9af73;
}
.sidebox .bnr.present a:hover .btn {
	position: absolute;
	bottom: 48px;
	left: 43px;
	text-align: center;
	width: 148px;
	border-radius: 12px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	background: #c9af73;
}
.sidebox .bnr.brand {
	margin-bottom: 36px;
}
.sidebox .bnr.brand a {
	background-color: #fff;
}
.sidebox .bnr.brand a:hover {
	background-color: #f9f7f1;
}
#search {
	background: #f5f5f5;
	border-radius: 18px;
	margin-bottom: 46px;
}
#search form { padding: 0 }
#search form .text1 { 
	font-size: 12px;
	border: none;
	width: 171px;
	height: 24px;
	margin-right: 0px;
	padding: 0 16px;
	line-height: 2;
	background-color: #f5f5f5;
	border-radius: 18px;
	outline: 0;
}
#search form .button1 { 
	background: url(https://sincere-garden.jp/assets/images/side/btn-search.png) no-repeat left top;
	border: none;
	text-indent: -9999px;
	width: 37px;
	height: 36px;
	cursor: pointer;
}
#search form .button1:hover { background-position: top right; }

/*side-nav*/

.side-nav .ac-trigger {
	cursor: pointer;
	background-image: url(https://sincere-garden.jp/assets/images/side/side_icon2.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	margin-bottom: 11px;
}
.side-nav.open .ac-trigger {
	background-image: url(https://sincere-garden.jp/assets/images/side/side_icon.png);
}

.side-nav {
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 15px;
}
.side-nav .accordion { 
	padding: 0 0 0 8px;
	margin-bottom: 25px;
	background-image: url(https://sincere-garden.jp/assets/images/side/side_line.png);
	background-repeat: repeat-y;
	background-position: left center;
}
.side-nav .accordion > li > .listTitleWrap {
	padding-left: 10px;
}
/*.side-nav .accordion > li:hover {
	background-color: #f9f7f1;
} */
.side-nav .accordion > li > a, .side-nav .accordion > li span,
.side-nav .accordion > li > .listTitleWrap a, .side-nav .accordion > li > .listTitleWrap span {
	border-bottom: 1px dotted #e8e8e8;
	display: block;
	padding: 8px 10px 8px 0;
}
.side-nav .accordion > li > a:hover, .side-nav .accordion > li span:hover {
}
.side-nav .accordion > li .listTitleWrap:hover {
	background-color: #f9f7f1;
}
	.side-nav .accordion > li .listTitle {
		cursor: pointer;
		background-image: url(https://sincere-garden.jp/assets/images/side/side_icon22.png);
		background-repeat: no-repeat;
		background-position: 98% center;
	}
	.side-nav .accordion > li .openBox .listTitle {
		background-image: url(https://sincere-garden.jp/assets/images/side/side_icon21.png);
	}
	.side-nav .accordion > li ul {
		background-color: #f9f7f1;
		display: none;
		padding: 11px 11px;
		margin-left: 10px;
	}
	.side-nav .accordion > li ul li {
		line-height: 26px;
	}
	.side-nav .accordion > li ul li a:hover {
		text-decoration: underline;
	}
/*.side-nav .accordion > li ul {
	height: 0;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: all 0.8s ease-out;
	-moz-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
	-ms-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out;
	padding: 0px 11px;
}
.side-nav .accordion > li:hover ul {
	padding: 11px 11px;
	height:auto;
	opacity: 1;
	visibility: visible;
}*/	
/*-----------------------------------------------------------------------
    FOOTER
 -----------------------------------------------------------------------*/
#footerCntWrap {
	background-color: #a8b0ac;
	clear: both;
	padding: 58px 0 20px;
}
#footerCnt {
	width: 990px;
	margin: auto;	
}
.footer-bnr {
	overflow: hidden;
	margin-bottom: 60px;
}
.footer-bnr .bnr {
	float: left;
	position: relative;
}
.footer-bnr .bnr.bnr1 {
	margin-right: 36px;
}
.footer-bnr .bnr.bnr2 {
	margin-right: 33px;
}
.footer-bnr .bnr.bnr1 .txtBox {
	color: #666666;
	font-size: 10px;
	top: 117px;
	left: 23px;
	position: absolute;
}
.footer-bnr .bnr.bnr1 .bnrT {
	color: #c9af73;
	top: 26px;
	left: 23px;
	position: absolute;
}
.footer-bnr .bnr.bnr1 .btnBox {
	top: 117px;
	left: 162px;
	position: absolute;
}
.footer-bnr .bnr.bnr1 .btnBox {
	top: 117px;
	left: 162px;
	position: absolute;
}
.footer-bnr .bnr.bnr2 .bnrT {
	color: #c9af73;
	top: 26px;
	left: 23px;
	position: absolute;
}
.footerCnt2 {
	margin-bottom: 55px;
}
.brandListBox {
    display: flex;
    flex-wrap: wrap;
    position:relative;
    z-index:1;
}
.brandListBox::before {
    content: "";
    display:block;
    width: 100%;
    height: 1px;
    background: #fff;
    margin-top: 0px;
    position:absolute;
	top:0px;
    z-index:10;
}
.brandListBox::after {
    content: "";
    display:block;
    width: 100%;
    height: 1px;
    background: #fff;
    position:relative;
	bottom:0px;
    z-index:10;
}
.brandListBox .brandList {
    width: calc(100% / 7);
    margin-bottom: -1px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: relative;
}
.brandListBox .brandList a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.brandListBox .brandList a::after {
	content: "";
	display: block;
    background: #9FA6A2;
	width: 1px;
	height: 80px;
    margin: 12px 0;
	position: absolute;
	top: 0px;
	right: 0px;
}
.brandListBox .brandList:nth-child(7n) a::after {
	display:none;
}
.brandListBox .brandList a img {
    max-width: 100%;
}
	
.fTitle {
	-webkit-font-smoothing: antialiased;
	margin-bottom: 15px;
	font-size: 13px;
	color: #fff;
	background: url(/USERTHEMEIMG/vol1/amara.az.shopserve.jp/f_title1.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 6px;
	font-family:PlayfairDisplay-Regular;
	letter-spacing: 0.1em;
}

.footerCnt3 {
	overflow: hidden;
	margin-bottom: 30px;
}
	.brandSiteBox {
		width: 566px;
		overflow: hidden;
		float: left;
	}
	.brandSiteBox li {
		float: left;
		color: #fff;
		width: 140px;
		margin-bottom: 10px;
		list-style: inside;
		list-style-type: none;
		font-size: 11px;
		background: url(/USERTHEMEIMG/vol1/amara.az.shopserve.jp/li_disk.png);
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 8px;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box;
	}
	.brandSiteBox li a {
		color: #fff;
	}
	.snsLink {
		width: 196px;
		overflow: hidden;
		float: right;
	}
	.snsLink li {
		float: left;
		color: #fff;
		width: 30px;
		margin-top: 8px;
		margin-left: 19px;
	}

#footerWrap {
	background-color: #c9af73;
	clear: both;
	padding: 0;
}
#footer {
	width: 990px;
	margin: auto;
	overflow: hidden;
}
.footer-nav {
	width: 724px;
	float: left;
	overflow: hidden;
}
.footer-nav li {
	display: block;
	margin: 15px 0;
	background-image: url(/USERTHEMEIMG/vol1/amara.az.shopserve.jp/footer_list_line.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 11px;
	float: left;
}
.footer-nav li a {
	font-size: 11px;
	color: #fff;
	letter-spacing: 0.1em;
}

.footer-nav li:first-child {
	background-image: none;
	padding: 0 11px 0 0;
}
#copyright {
	text-align: right;
	margin: 15px 0;
	font-size: 11px;
	color: #fff;
	font-family:PlayfairDisplay-Regular;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 0.1em;
}

/*-----------------------------------------------------------------------
    CONTENT
 -----------------------------------------------------------------------*/

#content {
	width: 990px;
	margin: 0 auto;
}
#center1 { margin: 0 auto 50px; width: 706px; /padding-left: 30px; }
div#center1 { float: right; }
#centerTable { 
	width: 990px;
	margin: 0 auto;
}
td#center1 {
	vertical-align: top;
}
#center1 > table { width: 660px; margin: 0 0 50px auto; }
/* ????????? */
#bread { margin: 0 0 20px; }
#bread a { margin: 0 5px; }
#bread a:first-child { margin-left: 0; }
#bread a:hover { text-decoration: underline; }

.entry_title { display: nonel }
#center1 h1 { margin: 0 0 25px; }
#center1 #h1_cat{ margin:5px 0 30px; }

#center1 a:hover { text-decoration: underline; }

/* ??a??????? */
.footer_area { width: 654px;margin: 0 auto; text-align: left; }

/* ??????? */
.mainCont form { padding: 20px 0 0; }
.mainCont form p { margin: 5px 0; }
.mainCont .expl { font-size: 11px; overflow: hidden; margin: 20px 0 30px; }
.mainCont .expl div { float: left; width: 400px; text-align: left; }
.mainCont .expl hr { display: none; }
.mainCont div.right { float: right; width: 146px; }
/*.mainCont div.right input { background: url(https://sincere-garden.jp/assets/images/button/btn-all-cart.png) left top no-repeat; border: 0px; width: 146px; height: 23px; padding-top: 25px; }
.mainCont div.right input:hover { cursor: pointer; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70)"; -moz-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; -webkit-transition: all 0.3s ease-in-out 0; -moz-transition: all 0.3s ease-in-out 0; transition: all 0.3s ease-in-out 0; }*/
.mainCont #sortList { margin: 10px 0; }
.mainCont .auto { margin-bottom: 40px; }
.mainCont .auto td { width: 170px; text-align: center; }
.mainCont .auto td .layout1 { margin-bottom: 40px; }
.mainCont .auto td .layout1 .auto {margin: 0 auto; }
.mainCont .auto td .layout1 .auto td { position: relative; }
.mainCont .auto td .layout1 .item { margin-bottom: 10px; }
.mainCont .auto td .layout1 .item a:hover img { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
.mainCont .auto td .goods { font-size: 11px; font-weight: normal; line-height: 1.4; letter-spacing: 2px; position: relative; margin-bottom: 5px; padding-top: 28px; }
.mainCont .auto td .goods img { position: absolute; top: 0; left: 50%; margin-left: -33px; }
.mainCont .auto td .price { margin-bottom: 20px; }
/* type2 */
.viewList .auto td .layout1 { padding-bottom: 20px; border-bottom: 1px solid #eee; }
.viewList .auto td .layout1 .auto { width: auto }
.viewList .auto td .layout1 .auto .goods { font-weight: bold; text-align: left; width: 480px; margin-bottom: 15px; padding: 30px 0 0 30px; }
.viewList .auto td .layout1 .auto .goods img { left: 62px }
.viewList .auto td .layout1 .auto .fixed,
.viewList .auto td .layout1 .auto .price { margin-bottom: 20px; text-align: left; padding-left: 30px; }
.viewList .auto td .layout1 .auto .expl{ text-align: left; padding-left: 30px; }
.layoutp3 { padding: 10px 0 }
.layoutp3 > table { margin-left: 10px }
.layoutp3 > table td { padding: 6px 0; border-bottom: 1px solid #CCC; }
.layoutp3 > table td table td { border: noen:#CC0000 }
.red { }
.no2 { font-size: 14px }
.itemdata { border: 1px solid #e0e0e0; border-collapse: collapse; margin: 10px 0; padding: 1px; width: 100%; }
.itemdata th { margin: 1px; padding: 8px; background-color: #eeeeee; border: 1px solid #e0e0e0; border-collapse: collapse; width: 150px; }
.itemdata td { margin: 1px; padding: 8px; border: 1px solid #e0e0e0; }
.line_dash { border-top-width: 1px; border-top-style: dashed; border-top-color: #666666; border-right-style: none; border-bottom-style: none; border-left-style: none; margin: 20px 0; padding: 0; }

/* ???a????????????? */
.set_box { margin: 0 0 30px 0; padding: 0px; width: 660px; border: 6px solid #eeeeee; }
.set_box tr { }
.set_box th { margin: 0; padding: 5px 10px; background-color: #eeeeee; font-size: 14px; font-weight: bold; }
.set_box td { margin: 0px; padding: 10px; background-color: #FFFFFF; width: 25%; }
.info_box { font-size: 11px; background-color: #DFE4BB; margin: 0 auto; padding: 0px 20px; width: 620px; }
.info_box_left { background-color: #FFF; float: left; width: 280px; height: 360px; margin: 0; padding: 20px 15px; }
.info_box_right { background-color: #FFF; float: right; width: 290px; height: 360px; margin: 0; padding: 20px 10px; }
#charity_main { padding-top: 20px }
#charity_main h2 { text-align: center }
#charity_main h4 { font-size: 15px; margin-bottom: 5px; }
#top_text { width: 680px; height: 230px; margin: 20px auto 40px; padding: 30px 30px 30px 110px; background: url(https://sincere-garden.jp/charity/img/new_charity_01.jpg) no-repeat; line-height: 1.8; font-size: 14px; }
#charity_main .box { width: 880px; margin: 0 auto; padding: 20px 30px 60px; border-top: 1px dashed #A2C24B; }
#charity_main .box h3 { text-align: center; margin-bottom: 40px; }
#charity_main .box p { font-size: 14px; line-height: 1.8; text-align: justify; text-justify: inter-ideograph; }
#charity_main .box .now_fruit { text-align: right; font-size: 12px; }
#charity_main .icn_report { line-height: 1.8; text-decoration: underline; height: 60px; padding-left: 100px; background: url(https://sincere-garden.jp/charity/img/new_charity_icn01.gif) no-repeat left top; }
#charity_main .icn_item { height: 80px; padding-left: 100px; background: url(https://sincere-garden.jp/charity/img/new_charity_icn02.gif) no-repeat left center; }
#charity_main .icn_action { height: 80px; padding-left: 100px; background: url(https://sincere-garden.jp/charity/img/new_charity_icn03.gif) no-repeat left center; }
#charity_main .bokin { width: 878px; border: 1px solid #ED840C; }
#charity_main .bokin h5 { margin: 0; padding: 10px 10px 8px 40px; background: #FFF4E7; font-weight: bold; font-size: 16px; color: #FF6900; }
#charity_main .bokin_txt { padding: 30px }
#charity_main .bokin ol { font-size: 14px; margin: 0 0 0 30px; }
#charity_main .bokin ol li { list-style-type: decimal; line-height: 2; }
#charity_main .bokin .attention { margin-left: 8px; font-size: 12px; color: #FF6900; }
.icn_item02 { height: 80px; padding-left: 100px; }

.layoutFrame table { margin-top: 15px; }


/* ?????? */
#product .auto {
	margin-bottom: 0;
}

#product .title1 {
	border-bottom: 1px solid #595757;
	padding-bottom: 12px;
}

/* #product .title1 img, */
#product .rank {
display: none;
}
#product .title1 img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

#product .catch-copy {
	font-size: 13px;
	font-weight: bold;
	color: #595757;
	margin-bottom: 10px;
}

#product .read {
	line-height: 1.8;
}

#product .itemImage td { text-align: left !important; }

#product .itemImage .thumbnailImgs { padding-top: 8px; }
#product .itemImage .thumbnailImgs img { 
	margin-right: 8px;
	float: left;
	border: none !important;
	width: 56px;
	height: 56px;
}

#product .itemImage .center a {
	text-indent: -9999px;
	padding: 3px;
	position: absolute;
}

#product .layoutp3 .layoutp3 {
	border: 1px solid #ccc;
	margin: 0 0 0 auto;
	padding: 18px 22px 22px;
	width: 290px;
}

#product .layoutp3 .layoutp3 table {
	font-size: 13px;
	margin-left: 0;
}

#product .layoutp3 .layoutp3 table td {
	border-bottom: none;
}

#product .layoutp3 .layoutp3 table td .fixed  {
	line-height: 1.6;
	font-size: 13px;
}

#product .layoutp3 .layoutp3 .td_first {
	width: 65px;
}

#product .layoutp3 .layoutp3 .td_first .contType {
	border: none;
	width: 180px;
}

#product .layoutp3 .layoutp3 .td_first .contType .backcolor1 {
	background: #fff;
	padding: 0;
	width: 23px;
}

#product .layoutp3 .layoutp3 .td_first .contType td p {
	margin: 0;
}

#product .layoutp3 .layoutp3 .td_first .contType .backcolor2 {
	padding: 0;
}

#product .layoutp3 .layoutp3 .itemStocklist td {
	padding: 0;
	background: #fff;
}

#product .layoutp3 .layoutp3 table .te_fre td {
	font-size: 12px;
	padding: 12px 0 0 5px;
	position: relative;
}

/*#product .layoutp3 .layoutp3 table .te_fre .td_first {
	width: 20px;
}*/

#product .layoutp3 .layoutp3 table .te_fre .td_first div {


	width: 15px;
}

/* ????????????? */
.social {
	overflow: hidden;
	margin-bottom: 25px;
}

.social li {
	float: left;

	margin-right: 3px;
}

/* ??????????????? */
#product-details {
	margin: 30px 0 50px;
}

#product-details .fl,
#product-details .fr {
	width: 285px;
}

#product-details .net, #product-details .size, #product-details .materials {
	margin-bottom: 10px;
}

#product-details .net h3, #product-details .size h3, #product-details .materials h3 {
	margin-bottom: 5px;
}

#product-details .net p, #product-details .size p, #product-details .materials p {
	font-size: 10px;
	line-height: 1.8;
}

#product-details .net h3, #product-details .size h3 {
	display: inline;
}

#product-details .net p, #product-details .size p {
	display: inline;
	margin-left: 10px;
}



#product-details .usage { width: 335px; }

#product-details .usage h3 {
	font-size: 14px;
	border-bottom: 1px solid #595757;
	margin-bottom: 12px;
	padding-bottom: 5px;
}

/*#product-details .usage p {
	margin: 0 0 5px 1em;
	text-indent: -1em;
}*/

#user-voice,
#product-news {
	margin-bottom: 50px;
}

/* ????????? */
#user-voice h3 {
	font-size: 14px;
	border-bottom: 1px solid #000;
	background: url(https://image1.shopserve.jp/sincere-garden.jp/pic-labo/ico_balloon.gif) center left no-repeat;
	margin-bottom: 12px;
	padding: 8px 0 8px 25px;
}

/* ????NEWS */
#product-news h3 {
	font-size: 14px;
	border-bottom: 1px solid #000;
	margin-bottom: 12px;
	padding: 8px 0;
}


#product-news .news {
	width:620px;
	margin:0 0 20px;
	padding:0;
}
#product-news .news td  {
	line-height: 1.4;
	background: url(https://sincere-garden.jp/assets/images/common/dotted.gif) repeat-x left bottom;
	margin: 0 0 14px;
	padding: 12px 0;
	vertical-align: middle;
}


/* ??????? */
#product .layoutFrame h3 {
	font-size: 14px;
	border-bottom: 1px solid #595757;
	margin-bottom: 30px;
	padding-bottom: 5px;
}

#product .layoutFrame .layout1 {
	width: 145px;
	margin: 0 auto 30px;
}

/* information */
#shopInfo {
	width: 660px;
	margin-left: 37px;
}
#shopInfo h3 {
	font-size: 14px;
	border-bottom: 1px solid #595757;
	margin-bottom: 30px;
	padding-bottom: 5px;
}

#shopInfo a { 
	color: #598257;
	text-decoration: underline;
}

#shopInfo a:hover { 
	text-decoration: none;
}

#shopInfo .fl,
#shopInfo .fr {
	width: 290px;
}

#shopInfo .info-box {
	line-height: 1.6;
	margin-bottom: 50px;
}

#shopInfo .info-box h4 {
	font-size: 14px;
	margin-bottom: 10px;
}

#shopInfo .rapping img {
	float: right;
	margin-left: 10px;
}

#shopInfo .rapping p {
	margin-bottom: 10px;
}

/*#_gaBtnFriendStn { 
	position: absolute;
	bottom: -3px;
	left: -60px;
}*/



/* ?????????? */
.item_category:after {
  content: "";
  clear: both;
  display: block;}

p.item_category_ttl {
	margin: 0 0 20px 0;
	border-bottom: 2px solid #E6E6E6;
	font-size: 18px;
	font-weight: bold;	}

ul.item_category_list li {
	float: left;
	margin: 0 11px 20px 0;
	padding: 0;}

ul.item_category_list li img { margin: 0 0 5px 0;}

ul.item_category_list li span {
	display: block;}

ul.item_category_list li:nth-child(4n){ margin: 0 0 20px 0;}

ul.item_link { margin: 30px 0 20px;}
ul.item_link li { margin: 0 0 7px;}
ul.item_link li a.color01 { color: #ff00ff;}

#_gaBtnFriend img {
	padding: 4px 8px 0 0
}

#_gaCartButton { background: #D8C48C; text-align:center; display: block; padding: 0 0 0; height: 36px; }
#_gaCartButton:hover { background: #e5d7b1; }


.title1 { font-size: 18px; border-bottom: 1px solid #595757;
padding-bottom: 12px; margin: 10px 0 20px; }
/* ????#????????"???????#?????*/
#privacy { }
#privacy p { margin-top: 3px }
.mainFrame { }
.mainFrame .title { font-size: 13px; margin-top: 20px; }
#tokusho .bordlayoutp3 { border: 1px solid #ddd; margin-top: 10px; }
#tokusho .bordlayoutp3 th, #tokusho .bordlayoutp3 td { border-bottom: 1px solid #ddd; padding: 8px 10px; }
#tokusho .bordlayoutp3 th { background: #edede1 }
.contetnt_tit { margin: 20px 0px }
/* ????��???????? */
.aboutamara { background-image: url(https://sincere-garden.jp/img/aboutamara/aboutamara_bg.gif); background-repeat: repeat-y; margin: 0px 30px; line-height: 150%; }
.aboutamara td { padding: 0px 50px }
/* faq */
.tul { text-decoration: underline }
.faq_cat { margin: 0px; padding: 20px 0 0px 25px; background: url(https://sincere-garden.jp/img/freepage/faq/bg_faq_cat.gif) top left repeat-y; width: 635px; }
.faq_cat ul { margin: 0; padding: 0; clear: both; }
.faq_cat li { float: left; margin: 0 20px 20px 0; padding: 0 0 5px 18px; width: 170px; border-bottom: 1px dotted #666666; background-image: url(https://sincere-garden.jp/img/freepage/faq/bg_faq_cat_mark.gif); background-repeat: no-repeat; background-position: left 3px; }
.faq_cat li a { font-size: 14px; color: #6f9c16; text-decoration: none; font-weight: bold; }
.faq_cat li a:hover { font-size: 14px; color: #FF6600; text-decoration: none; font-weight: bold; }
.glossymenu { margin: 0; padding: 0; width: 660px; }
.glossymenu a.menuitem { background: black url(https://sincere-garden.jp/img/freepage/faq/bg_faq_q.gif) top left no-repeat; background-color: #f6f8e9; color: #666666; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding: 12px 0 10px 30px; margin: 10px 0 0 0; text-decoration: none; font-size: 14px; font-weight: bold; text-decoration: underline; }
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active { color: #666666 }
.glossymenu a.menuitem .statusicon { float: right; margin: -5px 5px 0 0; }
.glossymenu a.menuitem:hover { color: #FF6600 }
.glossymenu div.submenu { background: white }
.glossymenu div.submenu p { /*UL of each sub menu*/ list-style-type: none; margin: 10px 0; padding: 10px 0 10px 35px; background-image: url(https://sincere-garden.jp/img/freepage/faq/bg_faq_a.gif); background-repeat: no-repeat; background-position: 10px 10px; background-color: #f7f7f7; border: 1px dashed #666666; font-size: 14px; line-height: 150%; }
.faq_pagetop { width: 140px; height: 26px; display: block; margin: 20px 0; padding: 0; float: right; }
.faq_pagetop a { width: 140px; height: 26px; background: url(https://sincere-garden.jp/img/freepage/faq/btn_pagetop.gif) top left; display: block; text-indent: -9999px; }
.faq_pagetop a:hover { background: url(https://sincere-garden.jp/img/freepage/faq/btn_pagetop_on.gif) top left; text-indent: -9999px; }
/* ?????? */
.about_us_read { line-height: 1.8; margin: 0 0 20px 30px; }
.about_us table { border-collapse: separate; border-spacing: 1px; width: 660px;  }
.about_us th, .about_us td { padding: 14px; }
.about_us th { background-color: #f5f5f5; text-align: left; }
/* ????a???????? */
.guide_navi { text-align: center; padding: 10px 0px; }
.guide_top { text-align: right; padding: 10px 0px; }
.guide_tit { margin-bottom: 12px; padding-bottom: 3px; border-bottom: 2px solid #ecd6d4; }
.guide_gray { background-color: #f0f0f0; white-space: nowrap; }
.guide_gray2 { background-color: #dfdfdf; font-weight: bold; }
.guide table { border-collapse: separate; border-spacing: 2px; }
.guide dl { margin-bottom: 10px }
.guide dt { font-weight: bold }
.guide dd { padding-top: 5px }
.guide ul { list-style-image: url(/img/guide_ico2.gif) }
.guide li { padding-top: 5px }
.guide_card table { border-collapse: collapse; width: 660px; }
.guide_card td { border: 1px solid #CCCCCC; font-size: 11px; padding: 3px; }
.guide > table { margin-bottom: 20px; width: 660px; }
.guide > table td { padding: 5px }
.guide > ul { margin-bottom: 15px }
/* ????????????????????? */
.mag p { margin: 12px 0 }
/* ???????? */
.col_president_bgtop { background: url(https://sincere-garden.jp/img/col_president/archive_03.gif) no-repeat; width: 610; height: 37px; margin: 0; padding: 60px 0 0 50px; }
.col_president_bgbtm { background: url(https://sincere-garden.jp/img/col_president//archive_04.gif) no-repeat bottom; width: 610; margin: 0; padding: 10px 0 100px 50px; }
.col_president_bgbtm p { background: url(https://sincere-garden.jp/img/col_president/archive_07.gif) no-repeat top left; padding-left: 40px; margin: 0; }
.col_president_archive { }
.col_president_archive li { list-style: none; margin: 7px; padding: 0; }
.vol01_box01 { margin: 0px; padding: 130px 60px 0 30px; width: 570px; height: 257px; background: url(https://sincere-garden.jp/img/col_president/vol_02.jpg) top left no-repeat; }
.vol01_box02 { margin: 0px; padding: 10px 60px 0 30px; width: 570px; height: 272px; background: url(https://sincere-garden.jp/img/col_president/vol_04.jpg) top left no-repeat; }
.vol01_box03 { margin: 0px; padding: 30px 60px 0 30px; width: 570px; height: 165px; background: url(https://sincere-garden.jp/img/col_president/vol_06.jpg) top left no-repeat; }
.vol01_box04 { margin: 0px; padding: 10px 60px 0 30px; width: 570px; height: 346px; background: url(https://sincere-garden.jp/img/col_president/vol_07.jpg) top left no-repeat; }
.vol02_box01 { margin: 0px; padding: 170px 60px 0 30px; width: 570px; height: 161px; background: url(https://sincere-garden.jp/img/col_president/vo_02_02.jpg) top left no-repeat; }
.vol02_box02 { margin: 0px; padding: 30px 60px 0 30px; width: 570px; height: 232px; background: url(https://sincere-garden.jp/img/col_president/vo_02_04.jpg) top left no-repeat; }
.vol02_box03 { margin: 0px; padding: 60px 60px 0 30px; width: 570px; height: 201px; background: url(https://sincere-garden.jp/img/col_president/vo_02_06.jpg) top left no-repeat; }
.vol02_box04 { margin: 0px; padding: 30px 60px 0 30px; width: 570px; height: 269px; background: url(https://sincere-garden.jp/img/col_president/vo_02_08.jpg) top left no-repeat; }
/* ??????????????????????Jquery
 */
.stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; }
.slider-wrap { margin: 20px auto; position: relative; width: 660px; background: url(https://sincere-garden.jp/img/col_president/col_box_bg.jpg) no-repeat; }
.csw { width: 570px; height: 726px; overflow: scroll; margin: 0 40px 0 50px; padding: 0; }
.stripViewer { position: relative; overflow: hidden; margin: 0 40px 0 50px; padding: 0; width: 570px; height: 726px; clear: both; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0; width: 100%; list-style-type: none; }
.stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 570px; }
.stripViewer .panelContainer .panel .wrapper { padding: 0px; margin: 50px 0px; }
.col_pre_box { height: 590px }
.col_pre_txt { margin: 10px; letter-spacing: 0.01em; }
.stripNav { display: none }
.stripNavL, .stripNavR { display: none }
/* ???????????????? */
.col_pre_profile { margin: 0; padding: 0; background: url(https://sincere-garden.jp/img/col_president/profile_bg.jpg) no-repeat; width: 660px; height: 235px; }
.col_pre_profile p { width: 400px; padding: 50px 0 0 200px; }
/* ????????��a????��? */
.col_pre_backnumber { margin: 20px 0; padding: 0; background: url(https://sincere-garden.jp/img/col_president/backnumber_bg.gif) no-repeat; width: 660px; height: 193px; }
.col_pre_backnumber ul { margin: 80px 0 0 30px }
.col_pre_backnumber li { margin: 6px }
.col_pre_backnumber_index { margin: 10px 0 0 0; padding: 10px; color: #FFFFFF; background-color: #828060; font-size: 12px; }
.col_pre_backnumber_index a { color: #FFFFFF!important; font-size: 11px; }
/* ???????????? */
.souryou { margin: 20px auto; padding: 10px; width: 620px; border: 1px dashed #666666; }
.souryou_title { background-color: #999999; padding: 5px 10px; margin: 0; color: #FFFFFF; font-size: 12px; font-weight: bold; }
.souryou_txt { padding: 5px 0 0 5px; margin: 10px 0 0 0; font-size: 12px; }
/* ???????????????????? */
.guest { margin: 0px; padding: 0px; width: 660px; line-height: 120%; font-size: 12px; }
.guest td a { padding: 3px; line-height: 1.5; }
.guest_textbox { margin: 20px 0; padding: 15px; width: 630px; border: 1px solid #996666; }
.guest_textbox p { line-height: 200%; letter-spacing: 0.05em; margin: 0px; padding: 10px 0px; }
.guest_f_box { margin: 0; padding: 10px 15px; background: url(https://sincere-garden.jp/img/col_guest/guest_f_bg.gif) repeat-y top left; width: 630px; }
.guest_f_box p { margin: 0; padding: 0; }
#vol01_text { background: url(https://sincere-garden.jp/img/col_guest/vol01_05.jpg) no-repeat top left; margin: 0; padding: 85px 0 0 0; width: 630px; }
.guest_backnomber { background: url(https://sincere-garden.jp/img/col_guest/bg_backnomber02.jpg) repeat-y top left; margin: 0; padding: 10px; width: 640px; font-size: 12px; }
.guest_backnomber ul { margin: 0 20px; padding: 0; }
.guest_backnomber li { margin: 10px; padding: 0; }
.guest_bn_index { margin: 10px 0 0 0; padding: 10px; color: #FFFFFF; background-color: #996600; font-size: 11px; }
.guest_bn_index a { color: #FFFFFF }
.col_ft td { padding: 5px }
/* ??????????? */
#pro_beige { width: 640px; margin: 10px 0; padding: 10px; background: #f6f3e6; color: #666666; margin: 0; }
#pro_beige h3 { margin: 10px 0; padding: 5px 0; border-bottom: 2px solid #FFFFFF; }
#pro_beige p { margin: 0; padding: 5px 0; line-height: 130%; }
#pro_beige div.rcontent_02 { padding: 1em; color: #666666; background: #FFFFFF; font-size: 10px; margin: 0 10px 0 0; width: 160px; }
#pro_beige div.rcontent_02 h4 { color: #983636; margin: 0 0 10px 0; padding: 0; font-size: 10px; font-weight: bold; }
div.rcontent_02 p { margin: 0; padding: 0; }
/* ?????? */
#pro_green { width: 640px; margin: 10px 0; padding: 10px; background: #dfe4bb; color: #666666; margin: 0; }
#pro_green h3 { margin: 10px 0; padding: 5px 0; border-bottom: 2px solid #FFFFFF; }
#pro_green p { margin: 0; padding: 5px 0; line-height: 130%; }
#pro_green div.rcontent_02 { padding: 1em; color: #666666; background: #FFFFFF; font-size: 10px; margin: 0 10px 0 0; width: 160px; }
#pro_green div.rcontent_02 h4 { color: #537300; margin: 0 0 10px 0; padding: 0; font-size: 10px; font-weight: bold; }
div.rcontent_02 p { margin: 0; padding: 0; }

/* ?????????????????��a????��? */
.si_bn_01 { background: url(https://sincere-garden.jp/img/seasonitem/si_bn_03.gif) no-repeat top left; width: 173px; height: 236px; margin: 0 8px 0 8px; padding: 50px 20px 0 10px; float: left; }
.si_bn_02 { background: url(https://sincere-garden.jp/img/seasonitem/si_bn_04.gif) no-repeat top left; width: 173px; height: 236px; margin: 0 8px 0 8px; padding: 50px 20px 0 10px; float: left; }
/* ????????? */
#kanpou p { margin: 10px 0 }
#kanpou { width: 660px; color: #666666; line-height: 130%; font-size: 12px; }
.kanpou_textbox { margin: 0; padding: 10px 30px; width: 600px; background: url(https://sincere-garden.jp/img/col_kanpou/top_04.gif) repeat-y top left; }
.kanpou_backnumber { margin: 0; padding: 10px 30px; width: 600px; background: url(https://sincere-garden.jp/img/col_kanpou/top_04.gif) repeat-y top left; }
.kanpou_backnumber h1 { background-color: #fffcf0; padding: 10px; margin: 10px 0 30px 0; font-size: 20px; font-weight: bold; border-left: solid 10px #ffeec7; color: #695345; }
.kanpou_textbox h3 { background-color: #fffcf0; padding: 10px; margin: 10px 0 30px 0; font-size: 20px; font-weight: bold; border-left: solid 10px #ffeec7; color: #695345; }
.kanpou_textbox h4 { padding: 0px; margin: 10px 0 10px 0; font-size: 16px; font-weight: bold; color: #695345; }
.kanpou_textbox ul { border: 1px dashed #663300; margin: 20px; padding: 10px 20px; }
.kanpou_textbox li { margin: 10px 5px; padding: 0; list-style: none; }
.new_title { padding: 0 0 0 50px; margin: 0 0 30px 0; background: url(https://sincere-garden.jp/img/col_kanpou/kanou_new.gif) no-repeat top left; }
.kanpou_backnumber ul { list-style: none; margin: 20px 0 0 0; padding: 0; width: 300px; float: left; }
.kanpou_backnumber li { list-style: none; margin: 7px 0; padding: 0 0 0 20px; font-size: 12px; background: url(https://sincere-garden.jp/img/col_kanpou/top_06.gif) no-repeat top left; }
img { margin: 0; padding: 0; border: 0; }
.kanpou_back { float: right; text-align: right; margin: 30px 0 0 0; }
.kanpou_back p { margin: 5px; font-size: 12px; }
.col_ft td { padding: 5px }
/* ?????? */
#center3 > table { width: 100% }
#center3 td#center1 { float: none; text-align: left; }
#center3 td#center1 .centerbox { width: 660px; margin: 0 auto 50px; }
.step_navi01, .step_navi02, .step_navi03, .step_navi04 { text-align: center; width: 100%; height: 85px; margin: 30px auto 0 auto; }
.step_navi01 { background-image: url(../img/navi01.gif); background-repeat: no-repeat; }
.step_navi02 { background-image: url(../img/navi02.gif); background-repeat: no-repeat; }
.step_navi03 { background-image: url(../img/navi03.gif); background-repeat: no-repeat; }
.step_navi04 { background-image: url(../img/navi04.gif); background-repeat: no-repeat; }
#center3 td#center1 .centerbox .title1 { margin-bottom: 20px }
/* ??????????????? */
#enter { width: 100%; text-align: left; background-color: #FFF; }
#enter .title1 { margin-bottom: 12px }
#enter .mainCont p { margin-bottom: 5px }
#enter #center3 { padding: 20px }
#enter a { text-decoration: underline }
#enter a:hover { text-decoration: none }
#enter .layoutp3 table { width: 100% }
#enter .layoutp3 table th, #enter .layoutp3 table td { padding: 8px; border-bottom: 1px solid #eee; }
#enter .layoutp3 table th { background: #eee }
/* ???????a? */
ul.map { /* ???????a???????? */ font-size: 110%; text-align: left; padding: 0px 10px; margin: 0px; color: #333333; width: 400px; }
li.sm1 { margin: 4px; display: block; font-weight: bold; }
li.sm2 { margin: 3px 0px 3px 35px; display: block; }
.sitemap { /* ???????a???? ??????????h4*/font-size: 110%; padding: 5px 25px; color: #333333; background: url(../img/icon_sitemap.gif) no-repeat; background-position: left center; }

/* SNS????? */
ul.sns_btn{margin: 10px 0 15px 0; padding:0; }
ul.sns_btn:after { content: ""; clear: both; display: block; }
ul.sns_btn li {float:left; height:22px; margin: 0 10px 0 0; padding:0; }


/*-----------------------------------------------------------------------
    SIDE
 -----------------------------------------------------------------------*/
#leftSide { width: 240px; padding-bottom: 50px; }
div#leftSide { float: left; }
.sidebox { width: 240px; overflow: hidden; }
.sidebox .title1 { display: none; font-size: 0; }


.side-nav a { display: block; }
.side-nav a:hover { cursor: pointer; }
.side-nav .ac-trigger span { background: #9e9e9e url(https://sincere-garden.jp/assets/images/button/ac_arrow.gif) no-repeat right bottom; width: 10px; height: 8px; display: block; margin: 6px 5px 0 0; position: absolute; top: 6px; right: 5px; }
.open .ac-trigger span { background-position: left top; }
.side-nav h3 a { color: #fff; font-weight: normal; position: relative; }




#side-social { margin-top: 20px; }
#side-social li { float: left; margin-right: 24px; }
#side-social .ameba { margin: 0 0 15px 0; }
#side-social .cosme { margin: 0; }
.side-banner { margin: 25px 0; }
.side-banner li { margin-bottom: 12px; display: inline-block; /display: inline; /zoom: 1; }
.diagonal { position: absolute; top: 0; left: 0; }
.shop-info ul li { position: relative }
.shop-info ul li .bg-color { display: block; background: #FFF; padding: 11px; position: relative; text-align: center; }
.shop-info ul li .shop-img img { xwidth: 214px }
.shop-info ul li .shop-area { display: block; position: relative; margin: 14px 0 0; }
.shop-info ul li .shop-area .ttl-shop { text-align: center; margin: 0 0 10px 0; }
.shop-info ul li .shop-area .shop-address { text-align: left; font-size: 10px; width: 120px; display: block; margin: 10px auto 0 0; }
.shop-info ul li .map-link { position: absolute; top: 222px; right: 14px; }
.shop-info ul li .shop-area .map-link a:hover { filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70)"; -moz-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; -webkit-transition: all 0.3s ease-in-out 0; -moz-transition: all 0.3s ease-in-out 0; transition: all 0.3s ease-in-out 0; }
#rank-item { border: 3px solid #dcdcdc; text-align: center; position: relative; padding: 20px 0; overflow: hidden; }
.side-ranking h3 { margin-bottom: 45px }
.side-ranking .wrapper { height: 210px; overflow: hidden; }
.side-ranking .item { float: left; width: 234px; position: absolute; font-size: 10px; }
.side-ranking .item.current { z-index: 1 }
.side-ranking .label { color: #B62E0A; margin-bottom: 3px; }
.side-ranking .brand { margin-bottom: 5px }
.side-ranking .pager { position: absolute; top: 56px; left: 35px; }
.side-ranking .pager a { background: url(https://sincere-garden.jp/assets/images/common/pager.png) no-repeat left top; text-indent: -9999px; display: block; float: left; margin: 0 5px; width: 22px; height: 22px; }
.side-ranking .pager a:hover { cursor: pointer }
.side-ranking .pager .page1 { background-position: 0 0 }

.side-ranking .pager .page2 { background-position: -24px 0 }
.side-ranking .pager .page3 { background-position: -48px 0 }
.side-ranking .pager .page4 { background-position: -72px 0 }
.side-ranking .pager .page5 { background-position: -96px 0 }
.side-ranking .pager a, .side-ranking .pager a.current { -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; }
.side-ranking .pager .page1.current { background-position: 0 bottom }
.side-ranking .pager .page2.current { background-position: -24px bottom }
.side-ranking .pager .page3.current { background-position: -48px bottom }
.side-ranking .pager .page4.current { background-position: -72px bottom }
.side-ranking .pager .page5.current { background-position: -96px bottom }
#rank-item .next, #rank-item .prev { text-indent: -9999px; cursor: pointer; position: absolute; top: 50%; width: 24px; height: 48px; z-index: 2000; margin-top: -24px; }
#rank-item  .next { background: url(https://sincere-garden.jp/assets/images/common/nav-direction.png) no-repeat right top; right: 0px; }
#rank-item  .prev { background: url(https://sincere-garden.jp/assets/images/common/nav-direction.png) no-repeat left top; left: 0px; }
.foote_area { width: 660px; margin: auto; }



/*-----------------------------------------------------------------------
    UTILITY
 -----------------------------------------------------------------------*/
.ttl-layout-1 { border-bottom: 1px solid #333; position: relative; height: 30px; margin-top: -10px; }
.ttl-layout-1 img, .ttl-layout-1 span { position: absolute }
.ttl-layout-1 img { top: 14px; left: 0; }
.ttl-layout-1 span { font-size: 10px; font-weight: normal; letter-spacing: 2px; bottom: -18px; right: 0; }
/* mousehover */
.bn { position: relative; display: block; background: #dcdcdc; padding: 3px; transition: .3s; -moz-transition: .3s; /* Firefox 4 */ -webkit-transition: .3s; /* Safari and Chrome */ -o-transition: .3s; /* Opera */ }
.bn:hover { background: #bababa }
span.bn:hover { background: #dcdcdc }
.al-hover { display: block; transition: .5s; -moz-transition: .5s; /* Firefox 4 */ -webkit-transition: .5s; /* Safari and Chrome */ -o-transition: .5s; /* Opera */ }
.al-hover:hover img { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
.next, .prev { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
.next:hover, .prev:hover { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; }
.state, .pageTop, .entry_date { display: none }
.line { position: absolute; bottom: -10px; left: 0; width: 0; height: 2px; background: #333; }
.watermark { color: #ccc }
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both }
.cf { zoom: 1 }

/*--------------------------------------------
 * ??????????????????????��????
 --------------------------------------------*/
.bordlayoutp3 { padding: 5px 0px; width: 100%; }/* ?????????????(;??3px) */

.bordlayoutp3 th { padding: 5px; border: 1px solid #ddd; }
.bordlayoutp3 td { padding: 5px; border: 1px solid #ddd; }
.bordlayoutp3 .side { padding: 10px 15px }  /* ??;??10px */
.backcolor1 { background: #edede1 } /* ????????????????????????????? */
.backcolor2 { background: #FFFFFF; vertical-align: middle; }/* ????????? */
.backcolor3 { background: #D7EBF4; padding: 10px 0px; } /* ????????? */
.caution { font-weight: bold; color: #C00; }
.line_dash { border-top-width: 1px; border-top-style: dashed; border-top-color: #666; border-right-style: none; border-bottom-style: none; border-left-style: none; margin: 20px 0; padding: 0; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block }
* html .clearfix { height: 1% }
.clearfix { display: block }
.bold { font-weight: bold }
.float_l { float: left }
.float_r { float: right }
.clear { clear: both }
.center { text-align: center }  /* ?????? */
.right { text-align: right } /* ?? */
.left { text-align: left } /* ?? */
.tx_16 { font-size: 16px }
.tx_14 { font-size: 14px }
.tx_10 { font-size: 10px }
.tx_9 { font-size: 9px }
.b0 { border: 0!important }
.p0 { padding: 0!important }
.p5 { padding: 5px!important }
.p10 { padding: 10px!important }
.p15 { padding: 15px!important }
.p20 { padding: 20px!important }
.pt0 { padding-top: 0!important }
.pt5 { padding-top: 5px!important }
.pt10 { padding-top: 10px!important }
.pt15 { padding-top: 15px!important }
.pt20 { padding-top: 20px!important }
.pt26 { padding-top: 26px!important }
.pt30 { padding-top: 30px!important }
.pr0 { padding-right: 0!important }
.pr5 { padding-right: 5px!important }
.pr10 { padding-right: 10px!important }
.pr15 { padding-right: 15px!important }
.pr20 { padding-right: 20px!important }
.pr30 { padding-right: 30px!important }
.pb0 { padding-bottom: 0!important }
.pb5 { padding-bottom: 5px!important }
.pb10 { padding-bottom: 10px!important }
.pb15 { padding-bottom: 15px!important }
.pb20 { padding-bottom: 20px!important }
.pb30 { padding-bottom: 30px!important }
.pl0 { padding-left: 0!important }
.pl5 { padding-left: 5px!important }
.pl10 { padding-left: 10px!important }
.pl15 { padding-left: 15px!important }
.pl20 { padding-left: 20px!important }
.pl30 { padding-left: 30px!important }
.pl22 { padding-left: 30px!important }
.m0 { margin: 0!important }
.m5 { margin: 5px!important }
.m10 { margin: 10px!important }
.mt0 { margin-top: 0 !important }
.mt2 { margin-top: 2px !important }
.mt4 { margin-top: 4px !important }
.mt6 { margin-top: 6px !important }
.mt8 { margin-top: 8px !important }
.mt10 { margin-top: 10px !important }
.mt12 { margin-top: 12px !important }
.mt14 { margin-top: 14px !important }
.mt16 { margin-top: 16px !important }
.mt18 { margin-top: 18px !important }
.mt20 { margin-top: 20px !important }
.mt22 { margin-top: 22px !important }
.mt24 { margin-top: 24px !important }
.mt26 { margin-top: 26px !important }
.mt28 { margin-top: 28px !important }
.mt30 { margin-top: 30px !important }
.mt40 { margin-top: 40px !important }
.mt50 { margin-top: 50px !important }
.mt60 { margin-top: 60px !important }
.mt70 { margin-top: 70px !important }
.mt80 { margin-top: 80px !important }
.mr0 { margin-right: 0!important }
.mr3 { margin-right: 3px!important }
.mr5 { margin-right: 5px!important }
.mr10 { margin-right: 10px!important }
.mr15 { margin-right: 15px!important }
.mr20 { margin-right: 20px!important }
.mr30 { margin-right: 30px!important }
.mb05 { margin-bottom: -5px!important }
.mb0 { margin-bottom: 0!important }
.mb1 { margin-bottom: 1px!important }
.mb5 { margin-bottom: 5px!important }
.mb10 { margin-bottom: 10px!important }
.mb15 { margin-bottom: 15px!important }
.mb20 { margin-bottom: 20px!important }
.mb25 { margin-bottom: 25px!important }
.mb30 { margin-bottom: 30px!important }
.mb40 { margin-bottom: 40px!important }
.mb50 { margin-bottom: 50px!important }
.mb60 { margin-bottom: 60px!important }
.mb70 { margin-bottom: 70px!important }
.mb80 { margin-bottom: 80px!important }
.ml0 { margin-left: 0!important }
.ml5 { margin-left: 5px!important }
.ml10 { margin-left: 10px!important }
.ml15 { margin-left: 15px!important }
.ml20 { margin-left: 20px!important }
.ml30 { margin-left: 30px!important }
.fl { float: left }
.fr { float: right }
.va_b { vertical-align: bottom !important }
.t10 { font-size: 10px }
.t12 { font-size: 12px }
.t14 { font-size: 14px }
.t16 { font-size: 16px }
.t18 { font-size: 18px }
.t20 { font-size: 20px }
.t22 { font-size: 22px }
.ls005 { letter-spacing: 0.05em }
.ls01 { letter-spacing: 0.1em }
.ls015 { letter-spacing: 0.15em }
.ls02 { letter-spacing: 0.2em }
.ls03 { letter-spacing: 0.3em }
.ls04 { letter-spacing: 0.4em }
.ls05 { letter-spacing: 0.5em }
.lh110 { line-height: 110% }
.lh120 { line-height: 120% }
.lh130 { line-height: 130% }
.lh140 { line-height: 140% }
.lh150 { line-height: 150% }
.lh160 { line-height: 160% }
.lh170 { line-height: 170% }
.lh180 { line-height: 180% }
.lh190 { line-height: 190% }
.lh200 { line-height: 200% }
.w270 { width: 270px }
.w300 { width: 300px }
.w320 { width: 320px }
.w360 { width: 360px }
.w400 { width: 400px }
.w420 { width: 420px }
.w430 { width: 430px }
.w480 { width: 480px }
.w510 { width: 510px }
.w540 { width: 540px }
.w590 { width: 590px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }
.fw_b { font-weight: bold }

/*--------------------------------------------
 * 
 --------------------------------------------*/
#itemStocklist .backcolor2 > a {
	text-decoration: underline;
	color: #0000ff;
	margin-left: 20px;
}
#itemStocklist .backcolor2 > a:before {
	content: ">>";
}
#itemStocklist .backcolor2 > a:after {
	content: "";
}


/*--------------------------------------------
 * �쥸���� ��åԥ�
 --------------------------------------------*/

.wrapping_sp {
	display:none;
}

/*===================
PC 非表示 新規会員登録ボタン・コンテンツエリア調整
20220627
===================*/
table#enter #sp-contents-area{
	display: none;
}