@charset "utf-8";

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

	Index CSS

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

/* common
----------------------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}


/* 画像置換 */
#header #logoArea .inner h1,
#mainList ul li p,
div#info #ui-tab ul.ui-tabs-nav li a,
div h2,
div#shop ul li a {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}



html {
	background: url(/img/index/bg_01.jpg) !important;
}

body {
	background: transparent;
}

a {outline: none;}








#content {
	position: relative;
	top: -90px;
}


/*バナースライダー*/
#banner {
    position: relative;
	margin: 0 auto;
	width: 966px;
	height: 170px;
	background: url(/img/index/bg_02.png) no-repeat 0 0;
	border-radius: 3px;
	box-shadow: 0 3px 6px #99938b;
}

#banner:before, #banner:after {
	position: absolute;
    background: none repeat scroll 0 0 #99938b;
    bottom: 13px;
    box-shadow: 0 15px 6px #99938b;
    content: "";
    left: 8px;
    max-width: 966px;
    top: 80%;
    transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    width: 50%;
    z-index: -1;
    display : none\9;
}

#banner:after {
    left: auto;
    right: 8px;
    transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -o-transform: rotate(1deg);
}


.slick-slider {
	margin-bottom: 30px;
	width: 920px;
	top: 18px;
	left: 31px;
}

.slick-slide {
	background: #fff;
	width: 216px !important;
	margin-right: 14px;
}

.slick-next {
	right: -10px !important;
}

#banner .slick-slide {
	position: relative;
}

#banner p.new-txt {
	position: absolute;
	padding: 4px 12px;
	top: 1px;
	left: 4px;
	background: #C30;
	color: white;
	border-radius: 11px;
	font-family: 'モアリア B', 'Take Bold';
	font-size: 13px;
}

#banner a:hover {
	text-decoration: none;
	opacity: 0.9;
}




/*サークルnavi*/
#mainList ul {
	margin-top: 30px;
	padding: 40px 0 0 10px;
	min-width: 970px;
	text-align: center;
}

#mainList ul li {
	position: relative;
	display: inline-block;
	height: 450px;
	width: 28%;
	max-width: 260px;
	text-align: center;
}

#mainList ul li.center {
	margin: 0 46px;
}

#mainList ul li img {
	margin-left: 10px;
}

#mainList ul li img.large{
	position: absolute;
	top: 0;
	left: 0;
}

#mainList ul li p {
	margin-top: 10px;
	height: 20px;
	background: url(/img/index/txt_mainList.png) no-repeat center 0;
}
#mainList ul li.no02 p {background-position: center -50px}
#mainList ul li.no03 p {background-position: center -100px}






div#slideshow {
	position: relative;
	margin: 0 auto 30px;
	padding: 0;
	width: 100%;
	max-width: 1138px;
	list-style: none;
}

div#slideshow ul li img{
	min-width: 970px !important;
	width : 970px\9 !important;
	color : 373px\9 !important;
}

div#slideshow p.cover {
	position: absolute;
	top: 90px;
	width: 100%;
	max-width: 38%;
	z-index: 100;
}

div#slideshow p.cover img {
	width: 100%;
	max-width: 431px;
	height: auto;
	width : 368px\9;
	height : 359px\9;
}

body:not(:target) {
	width : 970px\9;
	color : 373px\9;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, div#slideshow p.cover img { width: 100%; } /* IE11 */
}







/*新着情報・ニュースリリース*/
div#info {
	margin-top: -90px;
	background: url(/img/index/bg_03.png) repeat-x 0 0;
}

div#info .inner {
	margin: 0 auto;
	padding: 70px 0 90px;
	width: 970px;
}

div#info #ui-tab {
	position: relative;
	width: 630px;
	border: 1px solid #dfd4c4;
	box-shadow: 0 0 20px #dad4c0;
}

div#info #ui-tab ul.ui-tabs-nav {
	background: #f8f8f0;
}

div#info #ui-tab ul.ui-tabs-nav li {
	position: relative;
	width: 309px !important;
	height: 43px;
	border-bottom: 2px solid #C3B499;
	background: #f4f4ea;
}

div#info #ui-tab ul.ui-tabs-nav li.ui-tabs-selected {
	border-bottom: none;
	background: #F8F8F0;
}

div#info #ui-tab ul.ui-tabs-nav li.no01 {
	border-right: 1px solid #dfd4c4;
}

div#info #ui-tab ul.ui-tabs-nav li a {
	width: 100%;
	cursor: default;
}

div#info #ui-tab ul.ui-tabs-nav li.no01.ui-tabs-selected a span {
	margin: 0 auto;
	width: 100px;
	height: 22px;
	border-bottom: 1px dashed #c08b8b;
}

div#info #ui-tab ul.ui-tabs-nav li.no02.ui-tabs-selected a span {
	margin: 0 auto;
	width: 173px;
	height: 21px;
	border-bottom: 1px dashed #c08b8b;
}


/*タブのボタン*/
/*#ui-tab span#line{
	position:absolute;
	display:block;
	top: 43px;
	left:5px;
	width:302px;
	height:2px;
	background:#af3434;
}*/

div#info #ui-tab ul.ui-tabs-nav li a {
	padding: 10px 0;
	background: url(/img/index/tit01.png) no-repeat !important;
}

div#info #ui-tab ul.ui-tabs-nav li.no01 a {
	background-position: center 12px !important;
}

div#info #ui-tab ul.ui-tabs-nav li.no01.ui-tabs-selected a {
	background-position: center -38px !important;
}

div#info #ui-tab ul.ui-tabs-nav li.no02 a {
	background-position: center -88px !important;
}

div#info #ui-tab ul.ui-tabs-nav li.no02.ui-tabs-selected a {
	background-position: center -138px !important;
}




div#info #ui-tab #fragment-1,
div#info #ui-tab #fragment-2 {
	padding: 20px 40px 40px;
	height: 329px;
	background: #f8f8f0;
	border-top: none !important;
	border-bottom:  20px solid #F8F8F0;
	overflow:auto;
	overflow-y:scroll;
}

#ui-tab dl {
	font-size: 123.1%;
	color: #251703
	;
	font-family: '太ミンA101', 'Futo Min A101', 'Hiragino Mincho ProN', "Meiryo", serif;

}

#ui-tab dl a {
	color: #9c0000;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
}

#ui-tab dl a:hover {
	border-bottom: 1px solid #dea18c;
	color: #c30;
}

#ui-tab dl dt {
	margin: 20px 0 10px;
	padding-top: 20px;
	border-top: 1px dotted #aaa;
	font-weight: bold;
	letter-spacing: 1px;
}

#ui-tab dl dt:first-child {
	margin-top: 0;
	border-top: none;
}

#ui-tab dl dd {
	margin-bottom: 10px;
	line-height: 1.5;
}

#ui-tab dl dd p {
	margin-bottom: 10px;
}

#ui-tab p.backNumber {
	position: absolute;
	bottom: 20px;
	right: 30px;
	display: none;
}

#ui-tab p.backNumber.on {
	display: block;
}

#ui-tab p.backNumber a {
	padding: 10px 20px;
	display: block;
	color: #fff;
	font-size: 116%;
	text-decoration: none;
	background: #c3b499;
	border-radius: 20px;
	font-weight: bold;
	font-family: '太ミンA101', 'Futo Min A101', 'Hiragino Mincho ProN', "Meiryo", serif;
}

#ui-tab p.backNumber a:hover {
	background: #a92727;
}






/*CM*/
div.box {
	width: 295px;
	background: #F8F8F0;
	text-align: center;
	border: 1px solid #DFD4C4;
	box-shadow: 0 0 20px #DAD4C0;
}

div.box h2 {
	margin: 4px 4px 0;
	width: 287px;
	height: 39px;
	background: url(/img/index/h2.png) no-repeat center 11px;
}

div#cm.box h2 {border-bottom: 2px solid #C3B499;}
div#cm.box h2:hover {background-position: center -39px;
					 background-color: #F4F4EA;}

div#shop.box h2 {background-position: center -89px;}
div#shop.box h2:hover {background-position: center -139px;}


div#cm {
	position: relative;
	margin-bottom: 20px;
	height: 226px;
}

div#cm #headerFlash {
	margin-top: 7px;
}

div#cm p.toCMpage{
	position: absolute;
	right: 10px;
	bottom: 10px;
}

div#cm p.toCMpage a{
	color: #251703;
	text-decoration: none;
	font-family: '太ミンA101', 'Futo Min A101', 'Hiragino Mincho ProN', "Meiryo", serif;
}

div#cm p.toCMpage a:hover {
	border-bottom: 1px solid #a39787;
}




/*通信販売*/
div#shop {
	height: 206px;
	background: url(/img/index/bg_04.jpg) no-repeat;
}

div#shop ul {
	position: relative;
	margin: 10px auto;
	right: 20px;
	width: 252px;
	overflow: hidden;
}

div#shop ul li {
	position: relative;
	padding: 0 2px;
	margin: 0 10px;
	height: 145px;
	float: right;
}

div#shop ul li a {
	display: block;
	width: 22px;
	height: 145px;
	background: url(/img/index/list_shop.png) no-repeat;
}

div#shop ul li.no01 a {background-position: 0 0;}
div#shop ul li.no02 a {background-position: -50px 0;}
div#shop ul li.no03 a {background-position: -100px 0;}
div#shop ul li.no04 a {background-position: -150px 0; width: 42px;}
div#shop ul li.no05 a {background-position: -200px 0;}

div#shop ul li a:hover {
	background: url(/img/index/list_shop_o.png) no-repeat;
}
div#shop ul li.no01 a:hover {background-position: 0 0;}
div#shop ul li.no02 a:hover {background-position: -50px 0;}
div#shop ul li.no03 a:hover {background-position: -100px 0;}
div#shop ul li.no04 a:hover {background-position: -150px 0; width: 42px;}
div#shop ul li.no05 a:hover {background-position: -200px 0;}

div#shop ul li img {
	position: absolute;
	top: 47px;
	right: 24px;
}
div#shop ul li.no04 img {right: 43px;}




/*おすすめ商品サイト*/
#pickup {
	margin: 0 auto;
	width: 970px;
}

#pickup h2 {
	margin-bottom: 40px;
	height: 40px;
	border-bottom: 1px solid #bfb6a2;
	background: url(/img/index/h2_pickup.png) no-repeat center 0;
}

#pickup ul {
	padding-bottom: 30px;
	text-align: center;
	overflow: hidden;
}

#pickup ul li {
	position: relative;
	padding-top: 10px;
	float: left;
	width: 194px;
	height: 142px;
	background: url(/img/index/line_01.gif) no-repeat right;
}

#pickup ul li:hover img {
	opacity: 0.85;

}

#pickup ul li p {
	position: absolute;
	top: 140px;
	width: 194px;
	color: #3d280b;
	line-height: 1.4;
	text-align: center;
	font-size: 116%;
	font-family: '太ミンA101', 'Futo Min A101', 'Hiragino Mincho ProN', "Meiryo", serif;
}

#pickup ul li a {
	display: block;
	width: 194px;
	height: 142px;
	text-decoration: none;
}

#pickup ul li p span {
	position: relative;
	padding-right: 2px;
	top: -1px;
	font-size: 77%;
}

#pickup ul li a:hover p {
	color: #c30;
}

#pickup ul li a:hover span{
	color: #c30;
}

#pickup ul li.no02 img {position: absolute;}
#pickup ul li.no02 img#P6 {top: 40px; left: 30px;}
#pickup ul li.no02 img#P8 {top: 70px; left: 70px;}

#pickup ul li.no03 img {margin-top: 22px;}
#pickup ul li.no04 img {margin-top: 8px;}
#pickup ul li.no05 img {margin-top: 8px;}

#pickup ul li.no05 {background: none;}