@charset "UTF-8";

#header{
  background:#68041e;
}

#mainbar{
   background-color:#fff3d5;
}
.mainPhoto{
   background-color:#fffaee;
}
body {
   color: #444;
   background-color:#fffaee;
}
#contents{
  background:#fffaee;
}

.top_left{
  background:#68041e;
}
.left2 span a{
  color:#FFFFFF;
}
.top_right2{
  color:#FFFFFF;
}
#headertitle{
  background:#68041e;
}
.top_right{
  color:#FFFFFF;
}
.left2 .navi01 a{
  color:#fff;
}
.boxFooter{
  background:#faebd7;
}

.boxFooterMid{
  border-right:1px #faebd7 solid;
  border-left:1px #faebd7 solid;
  background:#ffffff;
}
.boxFooterEnd{
  border:1px #faebd7 solid;
  background:#ffffff;
}

/* drop Menu */
/* ------------------------------------------------------- */
#menuLine{
  background:#FFFFFF;
	color:#000000;
}
#menuLine.scroll{
  background:rgba(104,4,30,0.9);
  color:#FFFFFF;
}

#menuLine #menu{
  background:#FFFFFF;
}
#menuLine.scroll #menu{
  background:none;
}
/* Scroll時 表示するロゴ*/
#menuLine #menu ul li a{
  color:#000000;
}
#menuLine.scroll #menu ul li a{
  color:#FFFFFF;
}
#menuLine.scroll #menu > ul > li:nth-child(n+2):hover{
  background:rgba(255,255,255,0.4);
}
#menuLine #menu > ul > li:nth-child(n+2):hover{
  background:rgba(104,4,30,0.4);

}

#menuLine #menu > ul > li:nth-child(n+2):hover > div {
  background:#FFFFFF;
}

#menuLine #menu ul li:nth-child(n+2) > div{
  background:#FFFFFF;
}
#menuLine.scroll #menu ul li:nth-child(n+2) > div{
  background:#68041e;
}

/* 共通 */


#menuLine #menu ul li:hover > div{
  filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
#menuLine #menu ul > li:hover div ul > a {  
  background: rgba(104,4,30,0.4) ;
}
#menuLine #menu ul > li:hover li:hover div ul > a {  
  background: rgba(104,4,30,0.4) ;
}
#menuLine.scroll #menu ul > li:hover div ul > a {  
  background: rgba(104,4,30,0.4) ;
}
#menuLine.scroll #menu ul > li:hover li:hover div ul > a {  
  background: rgba(104,4,30,0.4);
}


#menuLine #menu ul li:hover div > ul > li 
,#menuLine #menu div ul li:hover > ul > li{
  background:rgba(255,255,255,0.4);
}
#menuLine.scroll #menu ul li:hover div > ul > li 
,#menuLine.scroll #menu div ul li:hover > ul > li{
  background:rgba(104,4,30,0.4);
}
#menuLine.scroll #menu ul li div > ul > li:hover 
,#menuLine.scroll #menu div ul li > ul > li:hover{
  background:rgba(255,255,255,0.4);
}
#menuLine #menu ul li ul li ul li a {  
  background: #FFFFFF 
}
#menuLine #menu ul li:hover ul li ul li:hover > a {  
  background: rgba(104,4,30,0.4);
}

#menuLine.scroll #menu ul li ul li ul li a {  
  background: rgba(104,4,30,0.4);
}
#menuLine.scroll #menu ul li ul li ul li:hover > a {  
  background: rgba(255,255,255,0.4);
}


/* 三角矢印 */
#menuLine #menu ul li ul li ul:before {
  border: 5px solid transparent;
}
#menuLine #menu ul li ul li ul:before {
  border-left-color: #68041e;
}
#menuLine.scroll #menu ul li ul li ul:before {
  border-left-color: #FFFFFF;
}


/* 色で選ぶ、カタチで選ぶ 2段Drop1列+画像*/
#menuLine #menu ul li.menutop div ul div.menuFlower{
  background:#FFFFFF;
}
#menuLine.scroll #menu ul li.menutop div ul div.menuFlower{
  background:#68041e;
}
/* 用途で選ぶ 2段Drop2列+画像*/
#menuLine #menu ul li.menuUse div ul div.menuFlower{
  background:#FFFFFF;
}
#menuLine.scroll #menu ul li.menuUse div ul div.menuFlower{
  background:#68041e;
}
#menuLine #menu ul li ul li a{
  color:#000000;
}
#menuLine.scroll #menu ul li ul li a{
  color:#FFFFFF;
}
#menuLine #menu ul li ul li:hover > a{
  background: rgba(104,4,30,0.4);

  color:#000000;
}
#menuLine.scroll #menu ul li ul li:hover > a{
  background: rgba(255,255,255,0.4);
  color:#FFFFFF;
}
#menuLine.scroll ul li ul li:hover > a{
  background: rgba(255,255,255,0.4);
}

/* ↑↑↑drop Menu */
/* ------------------------------------------------------- */
.infoh{
  color:#eb7123;
}
.retri{
  color:#68041e;
}
/* ---- grid ---- */
.redInfomation{
  border:1px red solid;
}
/* 画像の上に文字表示 */
.opaitemBoxCaption{
	color:#FFFFFF;
	opacity:0;
}

img.opaitemBoxCaption{
  opacity:0.2;
}
.opaitemBoxTextCaption:hover{
  color:#FFFFFF;
}
.opaitemBoxTextCaption{
  color:#FFFFFF;
}

.opaitemBoxCaption:hover{
	opacity:1;
  color:#FFFFFF;
}
.opaitemBoxCaption{
	opacity:0;
}
.opaitemBoxCaption a{
	color:#FFFFFF;
}
/* 既定を変更 */
.newItem h2{
  background:#68041e;
  color:#FFFFFF;
}
.ranking h2{
  background:#68041e;
  color:#FFFFFF;
}
.column4{
  background:#FFFFFF;
}
/* Detail 最初に商品名をコピーしたもの*/
div#main-column section#itemDetail-wrap div.DetailTitle p{
  border:none;
  color:#FFFFFF;
}
div#main-column section#itemDetail-wrap div.DetailTitle{
  background:#68041e;
}

.box .boxprice{
  color:red;
}
.boxunderexplain a p{
  background-color:white;
}
.boxrightexplain a p{
  background-color:white;
}
ul.newslist {
	background:#f7e9e8;
	color:#4c371c;
	border:1px solid #f4c4c0;
}
ul.newslist li.new a{
  background:url(../images/anNew.gif) no-repeat right 0px;
}

/* FAQ */
.category{
  border-bottom:1px solid #68041e;
}
.importantInfomation{
  color:red;
}
/* fixed menu */
#pagetop,#cart,#faq,#searchBox{
  background:#68041e;
  color:#FFFFFF;
  border:2px solid #FFFFFF;
}
#pagetop a,#cart a,#faq a,#searchBox a{
  color:#FFFFFF;
}
#Question ul li a{
  color:#000000;
}
#QandA div p{
  background:#68041e;
  color:#FFFFFF;
}
#QandA div div a{
  color:blue;
}
/* 検索 ボックス */
.SearchBox{
  border:none;
}
.SearchBotton{
  background:url(../images/icons/icon_search2.png) no-repeat center center;
  color:#FFFFFF;
}
.Searchdiv{
  background:#FFFFFF;
}

#Searchdiv{
  background:#68041e;
  transition:height 0.2s ease-out;
}
#Searchdiv .SearchBotton{
  background:url(../images/icons/icon_search2_white.png) no-repeat center center;
}
/* masonry */
#grid {
}
.box {
  background: #FFFFFF;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
/* Box内の画像の角取り*/
.opaitemBoxCaptionTheme{
	background-color: rgba(104,4,30,0.8);
}
.opaitemBoxCaptionBlack{
	background-color: rgba(0,0,0,0.8);
}
.opaitemBoxCaptionWhite{
	background-color: rgba(255,255,255,0.8);
  color:#000000;
}
.boxborder {
  border:2px solid #68041e;
}
.boxshadow{
  box-shadow: 5px 5px 5px #68041e;
}

/* 新着商品 */

.newItem .column-set .column4 h3 a{
  color:#FFFFFF;
}
.newItem .column-set .column4 h3{
  opacity:0;
  background:#68041e;
  color:#FFFFFF;
}
.newItem .column-set .column4 p.price{
  opacity:0;
  background:#FFFFFF;
}
.newItem .column-set .column4:hover{
	background-color: rgba(104,4,30,0.9);
}
.newItem .column-set .column4:hover h3{
  opacity:0.9;
/*  opacity:1;*/
}
.newItem .column-set .column4:hover p.price{
/*  opacity:1;*/
  opacity:0.9;
}

.box a:hover p{
  color:#FFFFFF;
}

/* ランキング */
.ranking .column-set .column5 h3 a{
  color:#FFFFFF;
}
.ranking .column-set .column5 h3{
  opacity:0;
  background:#68041e;
  color:#FFFFFF;
}
.ranking .column-set .column5 p.price{
  opacity:0;
  background:#FFFFFF;
}
.ranking .column-set .column5:hover{
	background-color: rgba(104,4,30,0.9);
}
.ranking .column-set .column5:hover h3{
  opacity:0.9;
/*  opacity:1;*/
}
.ranking .column-set .column5:hover p.price{
/*  opacity:1;*/
  opacity:0.9;
}