@charset "EUC-JP";



html{color:#3a3a3a;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color: #e3b186;
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color: #e3b186;
	text-decoration: underline;
}

a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
}

a:hover img { opacity: 0.8;}


html{
  overflow-x: hidden;
  
}

body{font-family: "Yu Gothic", "A1 Gothic R","Hiragino Sans",Meiryo,"MS PGothic",sans-serif;}

.clear { clear: both;}


strong { font-weight: bold;}
.imp {color: #ff4646;}


/* ====================
Header Style
==================== */

#headerWrap {width: 1050px; margin: 0 auto;}

.shop-header{
  font-size: 13px;
  color: #666;
  font-weight: 500;
  margin: 10px 0 25px;
  position: relative;
  z-index: 2;
}

.shop-header *{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.shop-header .link:hover,
.shop-header .link:focus{
  opacity: .7;
}

.shop-header h1 {float: left; margin: 16px 0 0 0;}
.hd_shopTtl {color: #e3b186; font-size: 14px; float: left; margin: 16px 0 0 0;}

.hd_link { float: right;}

.hd_link .soryo { background-color: #eabf99; color: #fff; font-weight: bold; padding: 1px 10px; letter-spacing: 0.07em; display: inline-block; float: left; margin: 0 5px 0 2px;}
.hd_link .hd_icon { margin: 0 2px; float: left;}
.hd_link .hd_icon:first-child{ margin: 0 3px 0 0;}


.hd_link ul.icon_text { padding: 12px 0 0 0; clear: both;}
.hd_link ul.icon_text li {
    display: inline-block;
    font-size: 13px;
    padding: 2px 0 0 5px;
}

.hd_link ul.icon_text li a {
    display: block;
    position: relative;
    padding: 0 22px 0 0;
	color: #e3b186;
	text-decoration: none;
}

.hd_link ul.icon_text li a:hover { text-decoration: underline;}

.hd_link ul.icon_text li a::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 1px #e3b186;
    border-right: solid 1px #e3b186;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ========== Search Style ========== */

.shop-header .header-search-1{
  display: inline-block;
  width: 200px;
  letter-spacing: normal;
  margin: 38px 0 0 20px;
  vertical-align: middle;
}
.shop-header .header-search-1 .form-1{
  background: #fff;
  border-radius: 10px;
  padding: 6px 5px 8px 15px;
  border: 1px solid #cbcbcb;
  height: 40px;
   width: 200px;
}
.shop-header .header-search-1 .search-title-1{
  text-align: center;
  font-size: 14px;
  margin: 0 0 8px;
}
.shop-header .header-search-1 .search-title-1 .link{
  text-decoration: none;
}
.shop-header .header-search-1 .search-title-1 .link:hover,
.shop-header .header-search-1 .search-title-1 .link:focus{
  opacity: .6;
}
.shop-header .header-search-1 .keywords{
  width: 140px;
  background: transparent;
  border: none;
  vertical-align: top;
  padding: 4px 0;
  float: left;
  color: #555;
}

.searchBtn { margin:3px 0 0 10px;}

/* ========== Header category link Style ========== */

.header-catelink { margin-bottom: 10px;}

.header-catelink .brandUl { margin: 0 0 25px 0;}
.header-catelink .brandUl li { display: inline-block; list-style: none; margin: 0 23px 0 0;}
.header-catelink .brandUl li:last-child { margin: 0;}

.header-catelink .cateUl { margin: 0 0 20px 0;}
.header-catelink .cateUl li { display: inline-block; list-style: none; margin: 0 52px 0 0;}
.header-catelink .cateUl li:last-child { margin: 0;}


/* ========== header contents Style ========== */

/*.catchBox01 { background-color: #fcf0e1; text-align: center; padding: 20px 0; letter-spacing: 1px; font-size: 120%; font-weight: bold; line-height: 200%; color: #3d3d44; width: 1050px; }

.catchBox01 img { margin: 0px 15px -1px 0;}
*/


.catchBox01 .shop_copy { position: relative; z-index: 10;margin: 0;}
.catchBox01 .shop_toroku { float: right;  z-index: 100; position: relative; margin: -60px 12px 0 0;}



/* ========== Ranking Box Style ========== */

.ranking_ttl { width: 100%; text-align: center; margin-top: 30px;} 
.header-contetns { clear: both; margin: 0 0 50px; }

.header-contetns .header-rank-1{
  background: #f8f4f4;
  padding: 16px;
  width: 1018px;
}
.header-contetns .header-rank-1 .rank-title-1{
  text-align: center;
  font-size: 18px;
  margin: 0 0 20px;
  font-weight: bold;
}
.header-contetns .header-rank-1 .rank-title-1 .main-text{
  border-bottom: solid 1px #dedede;
  display: inline-block;
  padding: 0 0 4px;
}

/* ========== Ranking List Style ========== */

.header-contetns .header-rank-1 .rank-list-1{
  letter-spacing: -.5em;
  margin: 0 0 0 -12px;
}
.header-contetns .header-rank-1 .rank-list-1 > .rank-item{
  letter-spacing: normal;
  display: inline-block;
  width: 116px;
  vertical-align: top;
  padding: 0 0 0 12px;
}
.header-contetns .header-rank-1 .rank-item > .link{
  display: block;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  color:#3a3a3a;
}
.header-contetns .header-rank-1 .rank-item > .link:hover,
.header-contetns .header-rank-1 .rank-item > .link:focus{
  opacity: .7;
}
.header-contetns .header-rank-1 .rank-list-1 > .rank-item .link::before{
  content: "";
  text-align: center;
  display: inline-block;
  width: 52px;
  height: 52px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  right: -26px;
  top: -26px;
  border-radius: 100px;
  background: #fff;
  opacity: .8;
}
.header-contetns .header-rank-1 .rank-list-1 > .rank-item.rank-1 .link::before{
  background: #ff0;
}
.header-contetns .header-rank-1 .rank-list-1 > .rank-item.rank-2 .link::before{
  background: #e4e4e4;
}
.header-contetns .header-rank-1 .rank-list-1 > .rank-item.rank-3 .link::before{
  background: #f6ac7f;
}
.header-contetns .header-rank-1 .rank-list-1 > .rank-item.rank-1 .link::after,
.header-contetns .header-rank-1 .rank-list-1 > .rank-item.rank-2 .link::after,
.header-contetns .header-rank-1 .rank-list-1 > .rank-item.rank-3 .link::after,
.header-contetns .header-rank-1 .rank-list-1 > .rank-item.rank-4 .link::after,
.header-contetns .header-rank-1 .rank-list-1 > .rank-item.rank-5 .link::after,
.header-contetns .header-rank-1 .rank-list-1 > .rank-item.rank-6 .link::after,
.header-contetns .header-rank-1 .rank-list-1 > .rank-item.rank-7 .link::after,
.header-contetns .header-rank-1 .rank-list-1 > .rank-item.rank-8 .link::after{
  position: absolute;
  top: 5px;
  right: 5px;
  line-height: 1;
  font-weight: bold;
  font-size: 80%;
}
.header-contetns .header-rank-1 .rank-list-1 > .rank-item.rank-1 .link::after{
content: "1";
}
.header-contetns .header-rank-1 .rank-list-1 > .rank-item.rank-2 .link::after{
content: "2";
}
.header-contetns .header-rank-1 .rank-list-1 > .rank-item.rank-3 .link::after{
content: "3";
}
.header-contetns .header-rank-1 .rank-list-1 > .rank-item.rank-4 .link::after{
content: "4";
}
.header-contetns .header-rank-1 .rank-list-1 > .rank-item.rank-5 .link::after{
content: "5";
}
.header-contetns .header-rank-1 .rank-list-1 > .rank-item.rank-6 .link::after{
content: "6";
}
.header-contetns .header-rank-1 .rank-list-1 > .rank-item.rank-7 .link::after{
content: "7";
}
.header-contetns .header-rank-1 .rank-list-1 > .rank-item.rank-8 .link::after{
content: "8";
}

/* ========== Ranking Contens Style ========== */

.header-contetns .header-rank-1 .rank-list-1 .img{
  margin: 0 0 8px;
}
.header-contetns .header-rank-1 .rank-list-1 .img img{
  width: 100%;
}
.header-contetns .header-rank-1 .rank-list-1 .caption{
  display: block;
  font-size: 11px;
  color:#3a3a3a;
}
.header-contetns .header-rank-1 .rank-list-1 .price{
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  color:#3a3a3a;
}
.header-contetns .header-rank-1 .rank-list-1 .price .num{
  font-size: 14px;
}
.header-contetns .header-rank-1 .rank-list-1 .shipping{
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  color: #ff4d4d;
}


/* ========== shop-footer Style ========== */
.shop-footer { width: 1050px; margin: 0 auto; border-bottom: 2px solid #303030;}


.shop-footer a {
	color: #e3b186;
	text-decoration: none;
}

.shop-footer a:hover {
	color: #e3b186;
	text-decoration: underline;
}


.ft_ttl_img { margin: 0 0 25px 0;}

.ft-dl01.ftleft{ float: left;}
.ft-dl01.ftright{ float: right;}
.ft-dl01{ width: 510px; text-align: left; margin: 35px 0 20px 0;}

.ft-dl01 dt{ font-weight: bold; font-size: 16px; margin: 0 0 10px 0; }
.ft-dl01 dd{ font-size: 14px; margin: 0 0 30px 0;}

.ft-dl01 dt img { margin: 5px 0 -5px 15px; }

.ft-dl01 dd dt { font-weight: bold; font-size: 14px; margin: 0 0 2px 0;}
.ft-dl01 dd dd { font-size: 14px; margin: 0 0 10px 0;}

.ft_link {text-align: center;}
.ft_link img { margin: 10px 0 15px 0;}

.ft_copyright { text-align: center; font-size: 11px; padding: 45px 0;}

/* ========== toppage Style ========== */

.top_contents  { width: 750px; margin: -45px 0 0 0;}

.top_cate { margin: 25px 0 20px 0;} 
.top_cate li { display: inline-block; margin: 0 25px 25px 0; }
.top_cate li:nth-child(2n) { margin: 0 0 25px 0;}


.ttl_style01 { width: 96%; background-color: #fcf0e1; padding: 5px 2%; font-weight: bold; text-align: left; font-size: 14px; }


.top_osusume li { list-style: inline-block; width: 230px; margin: 0 30px 30px 0;}
.top_osusume li:nth-child(2n) { margin: 0 0 30px 0;}

/* ========== osusume List Style ========== */

.osusume-list-1{
margin: 25px 0 25px 0;
}
.osusume-list-1 > .osusume-item{
  letter-spacing: normal;
  display: inline-block;
  width: 230px;
  vertical-align: top;
  padding: 0 25px 25px 0;
  text-align: center;
}

.osusume-list-1 > .osusume-item:nth-child(3n){
  padding: 0 0 0 0;
}
.osusume-list-1 .osusume-item > .link{
  display: block;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  color:#666666;
}

.osusume-list-1 .img{
  margin: 0 0 8px;
}
.osusume-list-1 .img img{
  width: 100%;
}
.osusume-list-1 .caption{
  display: block;
  font-size: 13px;
  color:#666666;
  text-align: left;
  margin: 0 0 5px 0;
}
.osusume-list-1 .price{
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color:#666666;
}
.osusume-list-1 .price .num{
  font-size: 16px;
}
.osusume-list-1 .shipping{
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #ff4d4d;
}


/* ========== LeftNav Style ========== */

.LeftnavBox { width: 230px; margin: 0 50px 0 0;}
.LeftnavBox .ttl_style01 { width: 90%; padding: 5px 5%; margin: 0 0 15px 0; }

.leftnav_brand li { list-style: none; margin: 0 0 7px 0;}

.shop_calender { margin: 40px 0 40px 0;}

table.calbase_rakuten {
    background-color: #FFFFFF;
    border: 1px solid #CECECE;
    width: 208px!important;
    border-collapse: collapse;
    padding: 0px 0px 10px 0px;
	margin: 0 0 0 7px!important;
}

table.calframe_rakuten {
    border-collapse: collapse;
    margin: 10px 10px 0px 10px;
    table-layout: fixed;
    width: 190px!important;
}


/* ========== header Bnr ========== */


.hd_bnrArea01Box { width: 970px; margin: 10px auto 12px;}
.hd_bnrArea01 { margin:25px 0 18px;}
.hd_bnrArea01 li { list-style: none; display: inline-block; margin: 0 18px 0 0;}
.hd_bnrArea01 li:last-child { margin: 0;}

.hd_bnrArea02 { margin:0 0 18px;}
.hd_bnrArea02 li { list-style: none; display: inline-block; margin: 0 18px 0 0;}
.hd_bnrArea02 li:last-child { margin: 0;}


/* ========== right Bnr ========== */


div.tab_ban {
	position: fixed!important;
	position: absolute;
	z-index: 200;
}
.tab_ban {
	width: 162px;/* 最初に表示されるバナーの幅 */
	height: 162px;/* バナーの高さ */
	position: fixed;/* バナーを固定します */
	right: 0;/* 右から0pxの位置に指定 */
}
.tab_ban a {/* リンクするエリアをバナー全体に広げる設定 */
	display: block;
	width: 100%;
	height: 100%;
}
.tab_ban:hover {/* カーソルが乗った時の動きを指定 */
	width: 162px;/* バナーが伸びた時の幅 */

	/* 以下アニメーションの設定 */
	-webkit-transition: width ease-in-out 0.5s;
	-moz-transition: width ease-in-out 0.5s;
	-ms-transition: width ease-in-out 0.5s;
	-o-transition: width ease-in-out 0.5s;
	transition: width ease-in-out 0.5s;
}
.tab_ban a:hover {
	/* IE9用 */
	width: 162px\9;
}

/* tab 3つの時　*/

#tab01 {
	background: url(https://image.rakuten.co.jp/doshisha-marche/cabinet/bnr/floatbnr_ecd.jpg) 0 0 no-repeat;
	top:130px;
}
#tab02 {
	background: url(https://image.rakuten.co.jp/doshisha-marche/cabinet/bnr/floatbnr_kamomefan2.jpg) 0 0 no-repeat;
	top:305px;
}

#tab03 {
	background: url(https://image.rakuten.co.jp/doshisha-marche/cabinet/bnr/floatbnr_ez3.jpg) 0 0 no-repeat;
	top:480px;
}

/* tab 2つの時　*/

/*
#tab01 {
	background: url(https://image.rakuten.co.jp/doshisha-marche/cabinet/bnr/floatbnr_ecd.jpg) 0 0 no-repeat;
	top:305px;
}
#tab02 {
	background: url(https://image.rakuten.co.jp/doshisha-marche/cabinet/bnr/floatbnr_kamomefan2.jpg) 0 0 no-repeat;
	top:480px;
}
*/