/* ************************************************ 
 * ------------------------------------------------
 *	共通設定
 * ------------------------------------------------
 * ************************************************ */

 body {
	background-color: #FFFFFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-repeat: repeat-y;
	background-position: center;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	}
	
hr{
width:100%;
color:#efefef;
height:1px;
background-color:#efefef;
border:none;
}	
	
a:link	{
	color : #1F1F1F;
	text-decoration : none;
}
a:visited	{
	color : #1F1F1F;
	text-decoration : none;
}
a:active	{
	color : #F39;
	text-decoration : none;
}
a:hover	{
	color : #F39;
	text-decoration : none;
}	




/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }


#cart1 {
	/*background          : url(https://img12.shop-pro.jp/PA01064/800/etc/cart1.gif) no-repeat;*/
	width: 115px;
    font-size: 12px;
}
#cart1 a {
 /*background          : url(https://img12.shop-pro.jp/PA01064/800/etc/cart1.gif) no-repeat;*/
 display             : block;
 height              : 15px;
 margin-top          : 0px;
 padding-bottom      : 0px;
 padding-left        : 0px;
 padding-right       : 0px;
 padding-top         : 0px;
 text-align          : center;
 text-decoration     : none;
 width               : 115px;
 font-size           : 12px;
}
#cart1 a:hover {
 /*background          : url(https://img12.shop-pro.jp/PA01064/800/etc/cart2.gif) no-repeat;*/
 margin-top          : 0px;
 padding-top         : 0px;
 font-size           : 12px;
}	

#watch_assessment1 {
	background          : url(https://img12.shop-pro.jp/PA01064/800/etc/watch_assessment1.gif) no-repeat;
	width: 106px;
}
#watch_assessment1 a {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/watch_assessment1.gif) no-repeat;
 display             : block;
 height              : 19px;
 margin-top          : 0px;
 padding-bottom      : 0px;
 padding-left        : 0px;
 padding-right       : 0px;
 padding-top         : 0px;
 text-align          : center;
 text-decoration     : none;
 width               : 106px;
}
#watch_assessment1 a:hover {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/watch_assessment2.gif) no-repeat;
 margin-top          : 0px;
 padding-top         : 0px;
}	

#jwerry_Assessment1 {
	background          : url(https://img12.shop-pro.jp/PA01064/800/etc/jwerry_Assessment1.gif) no-repeat;
	width: 106px;
}
#jwerry_Assessment1 a {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/jwerry_Assessment1.gif) no-repeat;
 display             : block;
 height              : 19px;
 margin-top          : 0px;
 padding-bottom      : 0px;
 padding-left        : 0px;
 padding-right       : 0px;
 padding-top         : 0px;
 text-align          : center;
 text-decoration     : none;
 width               : 106px;
}
#jwerry_Assessment1 a:hover {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/jwerry_Assessment2.gif) no-repeat;
 margin-top          : 0px;
 padding-top         : 0px;
}	

#login1 {
	background          : url(https://img12.shop-pro.jp/PA01064/800/etc/login1.gif) no-repeat;
	width: 73px;
}
#login1 a {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/login1.gif) no-repeat;
 display             : block;
 height              : 19px;
 margin-top          : 0px;
 padding-bottom      : 0px;
 padding-left        : 0px;
 padding-right       : 0px;
 padding-top         : 0px;
 text-align          : center;
 text-decoration     : none;
 width               : 73px;
}
#login1 a:hover {
 /*background          : url(https://img12.shop-pro.jp/PA01064/800/etc/login2.gif) no-repeat;*/
 margin-top          : 0px;
 padding-top         : 0px;
}	



#guide1 {
	/*background          : url(https://img12.shop-pro.jp/PA01064/800/etc/guide1.gif) no-repeat;*/
	width: 95px;
    font-size: 12px;
}
#guide1 a {
 /*background          : url(https://img12.shop-pro.jp/PA01064/800/etc/guide1.gif) no-repeat;*/
 display             : block;
 height              : 15px;
 margin-top          : 0px;
 padding-bottom      : 0px;
 padding-left        : 0px;
 padding-right       : 0px;
 padding-top         : 0px;
 text-align          : center;
 text-decoration     : none;
 width               : 95px;
 font-size           :12px;
}
#guide1 a:hover {
 /*background          : url(https://img12.shop-pro.jp/PA01064/800/etc/guide2.gif) no-repeat;*/
 margin-top          : 0px;
 padding-top         : 0px;
 font-size           : 12px;
}	

#newmember1 {
	/* background          : url(https://img12.shop-pro.jp/PA01064/800/etc/newmember1.gif) no-repeat;*/
	width: 98px;
    font-size: 12px;
}
#newmember1 a {
 /*background          : url(https://img12.shop-pro.jp/PA01064/800/etc/newmember1.gif) no-repeat;*/
 display             : block;
 height              : 15px;
 margin-top          : 0px;
 padding-bottom      : 0px;
 padding-left        : 0px;
 padding-right       : 0px;
 padding-top         : 0px;
 text-align          : center;
 text-decoration     : none;
 width               : 98px;
 font-size           : 12px;
}
#newmember1 a:hover {
 /*background          : url(https://img12.shop-pro.jp/PA01064/800/etc/newmember2.gif) no-repeat;*/
 margin-top          : 0px;
 padding-top         : 0px;
 font-size           : 12px;
}	



#top_menu1 {
	background          : url(https://img12.shop-pro.jp/PA01064/800/etc/button1.gif) no-repeat;
	width: 150px;
}
#top_menu1 a {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/button1.gif) no-repeat;
 display             : block;
 height              : 43px;
 margin-top          : 0px;
 padding-bottom      : 0px;
 padding-left        : 0px;
 padding-right       : 0px;
 padding-top         : 0px;
 text-align          : center;
 text-decoration     : none;
 width               : 150px;
}
#top_menu1 a:hover {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/button1_2.gif) no-repeat;
 margin-top          : 0px;
 padding-top         : 0px;
}	

#top_menu2 {
	background          : url(https://img12.shop-pro.jp/PA01064/800/etc/button2.gif) no-repeat;
	width: 150px;
}
#top_menu2 a {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/button2.gif) no-repeat;
 display             : block;
 height              : 43px;
 margin-top          : 0px;
 padding-bottom      : 0px;
 padding-left        : 0px;
 padding-right       : 0px;
 padding-top         : 0px;
 text-align          : center;
 text-decoration     : none;
 width               : 150px;
}
#top_menu2 a:hover {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/button2_2.gif) no-repeat;
 margin-top          : 0px;
 padding-top         : 0px;
}	


#top_menu3 {
	background          : url(https://img12.shop-pro.jp/PA01064/800/etc/button3.gif) no-repeat;
	width: 150px;
}
#top_menu3 a {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/button3.gif) no-repeat;
 display             : block;
 height              : 43px;
 margin-top          : 0px;
 padding-bottom      : 0px;
 padding-left        : 0px;
 padding-right       : 0px;
 padding-top         : 0px;
 text-align          : center;
 text-decoration     : none;
 width               : 150px;
}
#top_menu3 a:hover {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/button3_2.gif) no-repeat;
 margin-top          : 0px;
 padding-top         : 0px;
}	

#top_menu4 {
	background          : url(https://img12.shop-pro.jp/PA01064/800/etc/button4.gif) no-repeat;
	width: 150px;
}
#top_menu4 a {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/button4.gif) no-repeat;
 display             : block;
 height              : 43px;
 margin-top          : 0px;
 padding-bottom      : 0px;
 padding-left        : 0px;
 padding-right       : 0px;
 padding-top         : 0px;
 text-align          : center;
 text-decoration     : none;
 width               : 150px;
}
#top_menu4 a:hover {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/button4_2.gif) no-repeat;
 margin-top          : 0px;
 padding-top         : 0px;
}	


#top_menu5 {
	background          : url(https://img12.shop-pro.jp/PA01064/800/etc/button5.gif) no-repeat;
	width: 150px;
}
#top_menu5 a {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/button5.gif) no-repeat;
 display             : block;
 height              : 43px;
 margin-top          : 0px;
 padding-bottom      : 0px;
 padding-left        : 0px;
 padding-right       : 0px;
 padding-top         : 0px;
 text-align          : center;
 text-decoration     : none;
 width               : 150px;
}
#top_menu5 a:hover {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/button5_2.gif) no-repeat;
 margin-top          : 0px;
 padding-top         : 0px;
}	


#top_menu6 {
	background          : url(https://img12.shop-pro.jp/PA01064/800/etc/button6.gif) no-repeat;
	width: 150px;
}
#top_menu6 a {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/button6.gif) no-repeat;
 display             : block;
 height              : 43px;
 margin-top          : 0px;
 padding-bottom      : 0px;
 padding-left        : 0px;
 padding-right       : 0px;
 padding-top         : 0px;
 text-align          : center;
 text-decoration     : none;
 width               : 150px;
}
#top_menu6 a:hover {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/button6_2.gif) no-repeat;
 margin-top          : 0px;
 padding-top         : 0px;
}	
	

	
#space {
	height: 10px;
}

#meta {
}
#meta h1 {font-size: 8px;
	color: #666;
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#src_div {
	background-image: url(https://img12.shop-pro.jp/PA01064/800/etc/sch_bg.gif);
	height: 65px;
	width: 621px;
	float: right;
	margin: 0px;
	padding: 0px;
}
#right_search {
	height: 25px;
	margin-top: 10px;
	width: 520px;
}



form {
	margin: 0px;
	padding: 0px;
	}


div {
	margin: 0px;
	padding: 0px;
	}

img {
	border: 0px;
	}




/** #contents {
	　　　margin: 0px auto;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
  padding-top:200px;
	} **/

/*ページ中央の枠線の色*/
#center {
	border: 0px solid <{$center_td_bgcolor
	width: 500px;
}>;
	background: #FFF;
	margin: 0px 0px 0px 0px;
	}



/* ************************************************ 
 *	ヘッダーメニュー
 * ************************************************ */

#header {
	margin: 0px auto 10px auto;
    width: 100%;
    /** position: fixed; **/
    top: 0;
    background: #fff;
    z-index: 999;
	}



/* ------------------------------------- 
 *	ヘッダー　グローバルメニューのオンマウス
 *	※WIN IEでは適用されません
 * ------------------------------------- */

#header .menu img {
	background: #999;
	}

#header .menu img:hover {
	background: #334ccc;
	}


/* ------------------------------------- 
 *	ショップタイトルのサイズ、色
 * ------------------------------------- */

#title_size {
	font: <{$shop_title_fontsize}>/130% "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	font-weight: bold;
	padding-top:10px;
	}


#title_size a {

	color: <{$shop_title_fontcolor}>;
	}


#title_size a:link {
	color: <{$shop_title_fontcolor}>;
	text-decoration: underline;
	}

#title_size a:visited {
	color: <{$shop_title_fontcolor}>;
	text-decoration: underline;
	}

#title_size a:active {
	color: <{$shop_title_fontcolor}>;
	text-decoration: underline;
	}

#title_size a:hover {
	color: <{$shop_title_fontcolor}>;
	background: #EEE;
	text-decoration: none;
	}



/* ------------------------------------- 
 *	商品検索
 * ------------------------------------- */

#search {
	width: 900px;
	}

#search select {
	width: 125px;
	border: 1px solid #003366;
	}

#search input {
	width: 120px;
	border: 1px solid #003366;
	}


/* ------------------------------------- 
 *	左メニュー最下部　フリーエリア
 *	バナーを貼る際などにご利用ください
 *	※初期設定では適用されていません
 * ------------------------------------- */
#freespace_left {
	font-size: 12px;
	border: 2px solid #334ccc;
	margin-top: 10px;
	padding: 5px;
	text-align: center;
	}



/* ************************************************ 
 *	右側メニュー
 * ************************************************ */

.cart {
	font-size: 11px;
	background: #FFF;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 10px;
	margin-left: 2px;
	width: 154px;
	}
.cart ul {
	line-height: 160%;
	margin: 0px 5px 0px 5px;
	padding: 5px;
	}
.cart li {
	list-style-type: none;
	}
.cart p {
	border-top: 1px dotted #333;
	margin-top: 5px;
	padding-top: 5px;
	text-align: center;
	font-weight: bolder;
	}
.cart input {
	margin: 0px;
	}


/* ************************************************ 
 *	左右メニューのレイアウト
 * ************************************************ */





.list ul {
	line-height: 160%;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.list li {
	list-style-type: none;
	background: url(https://img.shop-pro.jp/tmpl_img/7/list_white.gif) no-repeat 6px 7px;
	}

.list li a {
	color: #FFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 100%;
	text-indent: 1em;
	}

.list li a:visited {
	color: #FFF;
	text-decoration: none;
	display: block;
	width: 100%;
	}

.list li a:hover {
	color: #000;
	text-decoration: none;
	background: #FFF url(https://img.shop-pro.jp/tmpl_img/7/list_red.gif) no-repeat 6px 7px;
	display: block;
	width: 100%;
	}

.list li a:active {
	color: #000;
	text-decoration: none;
	background: #FFF url(https://img.shop-pro.jp/tmpl_img/7/list_red.gif) no-repeat 6px 7px;
	display: block;
	width: 100%;
	}

/* ************************************************ 
 *	右側　レイアウト
 * ************************************************ */

.rightside {
	width: 160px;
	margin: 0px 0px 10px 20px;
	background: #647DFC url() no-repeat;
	}


/* ************************************************ 
 *	店主のコーナー　レイアウト
 * ************************************************ */

.freespace_right {
	font-size: 12px;
	border: 2px solid <{$owner_title_bgcolor}>;
	margin-top: 10px;
	padding: 5px;
	text-align: center;
	}

.freespace_right img {
	border: 1px solid #334ccc;
	margin: 5px 0px 5px 0px;
	padding: 3px;
	}

.freespace_right p {
	text-align: left;
	font-size: 11px;
	}

/* ************************************************ 
 *	RSSリンクのレイアウト
 * ************************************************ */

.feed {
	text-align: center;
	margin: 20px auto;
	}

.feed img {
	border: 0px;
	}


/* ------------------------------------- 
 *	トップへ戻るボタン
 * ------------------------------------- */

#backToTop {
    position: fixed;
    bottom: 20px;
    right: 6%;
    background: #606060;   /* ←ご指定の背景色に変更 */
    color: #ffffff;        /* ←ご指定の矢印色に変更 */
    border: none;
    border-radius: 50%;    /* 角丸四角 */
    width: 70px;
    height: 70px;
    font-size: 22px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    display: none;         /* 最初は非表示 */
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    transition: opacity 0.3s ease, background 0.3s ease;
  }
  #backToTop:hover {
    background: #a0a0a0;   /* ←ホバー時の色（変更可） */
  }

/* ************************************************ 
 *	フッターメニュー
 * ************************************************ */

#footer {
	font-size: 12px;
	margin-top: 20px;
	text-align: center;
	background-image: url(https://img12.shop-pro.jp/PA01064/800/etc/foot_bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 92px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	}

#footer p {
	font-size: 11px;
	margin: 10px 0px 0px 0px;
	font-family: "Verdana";
	}

.footer_notice {
    padding: 60px 0;
    background-color: #eee;
}

h3.footer_notice_heading {
  padding-bottom: 20px;
  border-bottom: none;
}
.footer_notice_lists {
  margin: 0;
}
.footer_notice_list_dt {
  padding: 20px 0 10px;
}
.footer_notice_list_dt:first-child {
  padding: 0 0 10px;
}
.footer_notice_list_dd {
  margin: 0;
  line-height: 1.8;
}
.footer_notice_cal_table {
}
.footer_notice_cal_memo {
}
.footer_nav {
    padding: 60px 0;
    background-color: #333;
}

.footer_nav a {
    color:#fff;
}

.footer_nav_shopinfo {
  color: #fff;
}
.footer_nav_shopinfo_img {
  padding: 0;
  text-align: left;
}
.footer_nav_shopinfo_img img {
  width: 180px;
}
.footer_nav_shopinfo_caption {
  padding: 0 2%;
}
.footer_nav_shopinfo_name {
  font-size: 18px;
  padding-left: 5px;
}
.footer_nav_shopinfo_memo {
  padding-left: 5px;
}

.footer_nav_lists {
}
.footer_nav_list {
  color: #fff;
  padding-top: 15px;
}
.footer_nav_list:first-child {
  padding-top: 0;
}
.footer_nav_list_link {
  color: #fff;
}
.footer_nav_list_link:hover {
  color: #ccc;
  text-decoration: none;
}

.footer_copyright {
  text-align: center;
  padding: 2em 0;
}
.footer_powered {
  display: block;
  padding: 10px 0;
  line-height: 18px;
}
  .footer_powered a {
    color: #a1a19f;
    text-decoration: none;
    font-size: 11px;
  }
  .footer_powered img {
    margin-bottom: 10px;
    margin-left: 4px;
    width: 200px;
    height: 18px;
  }

.footer_inner {
    font-size: 12px!important;
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
}

.col-lg-12 {
  width: 100%;
  *width: 97%;
}
.col-lg-11 {
  width: 91.6666667%;
  *width: 90.2%;
}
.col-lg-10 {
  width: 83.3333333%;
  *width: 81.7%;
}
.col-lg-9 {
  width: 75%;
  *width: 73.2%;
}
.col-lg-8 {
  width: 66.6666667%;
  *width: 64.6%;
}
.col-lg-7 {
  width: 58.3333333%;
  *width: 56.1%;
}
.col-lg-6 {
  width: 50%;
  *width: 47.5%;
}
.col-lg-5 {
  width: 41.6666667%;
  *width: 39%;
}
.col-lg-4 {
  width: 33%;
}
.col-lg-3 {
  width: 25%;
}
.col-lg-2 {
  width: 16.6666667%;
  *width: 13.3%;
}
.col-lg-1 {
  width: 8.33333333%;
  *width: 4.8%;
}
.col {
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 1.5%;
    padding-left: 1.5%;
    min-height: 1px;
    word-break: break-all;
    line-height: 200%;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}
ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
}
ul.inline > li,
ol.inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
  *display: inline;
  *zoom: 1;
}

/* ************************************************ 
 *	コンテンツ共通
 * ************************************************ */

/* ------------------------------------- 
 *	100px×100pxの縮小画像表示
 *	※トップ及びサブカテゴリー表示時に使用
 * ------------------------------------- */
.item_box {
	text-align: center;
	padding-bottom: 10px;
	width: 136px;
	float: left;
	}

.item_thumbnail {
	margin: 0px 0px 5px 10px;
	width: 120px;
	height: 100px;
	overflow: hidden;
	position: relative;
	}

.item_thumbnail img {
	width: 120px;
	height: 100px;
	}

.item_frame {
	border: 0px;
	width: 120px;
	height: 100px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	}

/* ------------------------------------- 
 *	商品一覧表示のレイアウト
 * ------------------------------------- */
.category_items td {
	font-size: 12px;
	padding: 10px 0px 10px 0px;
	}

.category_items p {
	font-size: 12px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	}

.ichiran_box {
	text-align: left;
	font-size: 10px;
　　　padding-top: 10px;
      padding-left: 8px;
	padding-bottom: 10px;
	width: 90px;
	float: left;
	}

.ichiran_thumbnail {
	margin: 0px 0px 5px 0px;
	width: 100px;
　　　height: 100px;
	overflow: hidden;
	position: relative;
	}

.ichiran_thumbnail img {
	width: 100px;
	height: 100px;
	}

.ichiran_frame {
	border: 0px;
	width: 100px;
      height: 100px;
	position: absolute;
	top: 10px;
	left: 0px;
	z-index: 1;
	}

/* ------------------------------------- 
 *	商品一覧表示のレイアウト(NEW)
 * ------------------------------------- */

.product_list {
	float: left;
	width: 213px;
	text-align: center;
	padding:5px 0px 20px 0px;
	}


.product_item {
	text-align: center;
	width:175px;
	margin: 0px auto;
	}

.product_item img {
	padding: 4px;
	border-top: 1px #D1D1D1 solid;
	border-right: 1px #989898 solid;
	border-bottom: 1px #989898 solid;
	border-left: 1px #D1D1D1 solid;
	}

.product_item .name {
	line-height: 120%;
	margin:5px 0px 0px 0px ;
	}

.product_item .price {
	color: #383371;
	}

.product_item .expl {
	color: #999;
	font-size: 10px;
	line-height:120%;
	text-align: left;
	margin:5px 0;
	}


.product_list a,
.product_list a:link,
.product_list a:visited {
	text-decoration:none;
	}

.product_list a:active,
.product_list a:hover {
	text-decoration:none;
	}




/* ------------------------------------- 
 *	ぱんくずリスト
 * ------------------------------------- */
.footstamp {
	padding: 10px;
	font-size: 11px;
	}

/* ------------------------------------- 
 *	ページタイトル
 * ------------------------------------- */
.pagetitle {
	margin: 20px 0px 1px 0px;
	padding: 0px 10px 5px 10px;
	border-bottom: 2px solid #000000;
	font-size: 16px;
      font-weight: bold;
      color:#47719E;
	clear: both;
      line-height: 160%;
	}

/* ------------------------------------- 
 *	商品が無い時の表示
 * ------------------------------------- */
.nodata {
	margin: 50px 0px 50px 0px;
	text-align: center;
	}



/* ************************************************ 
 *	TOPコンテンツ
 * ************************************************ */

/* ------------------------------------- 
 *	お知らせ・おすすめエリアレイアウト
 * ------------------------------------- */
.top_items tr {
	text-align: center;
	}


.top_items td {
	font-size: 9px;
	text-align: center;
　　　padding-top: 10px;
	padding-bottom: 10px;
	}

.osusume_box {
	text-align: left;
	font-size: 10px;
　　　padding-top: 10px;
      padding-left: 8px;
	padding-bottom: 15px;
	width: 90px;
	float: left;
	}

.osusume_thumbnail {
	margin: 0px 0px 5px 0px;
	width: 90px;
　　　height: 90px;
	overflow: hidden;
	position: relative;
	}

.osusume_thumbnail img {
	width: 90px;
	height: 90px;
	}

.osusume_frame {
	border: 0px;
	width: 90px;
      height: 90px;
	position: absolute;
	top: 10px;
	left: 0px;
	z-index: 1;
	}

/* ------------------------------------- 
 *	ランキングエリアレイアウト
 * ------------------------------------- */

.ranking_box {
	text-align: left;
      font-size: 9px;
	padding-bottom: 5px;
	width: 128px;
	float: left;
	}


.ranking_thumbnail {
	margin: 0px 0px 0px 0px;
	width: 128px;

	overflow: hidden;
	position: relative;
	}

.ranking_thumbnail img {
	width: 50px;
	height: 50px;
      margin: 0px 0px 0px 0px;
	}

.ranking_frame {
	border: 0px;
	width: 53px;
	height:50px;
	position: absolute;
	top: 0px;
	left: 0px;
      float:left;
	z-index: 1;
	}


/* ------------------------------------- 
 *	お知らせエリア
 * ------------------------------------- */
.info_space {
	margin: 5px;
      font-size: 11px;
　　　line-height: 150%;
	}

/* ------------------------------------- 
 *	フリースペース
 * ------------------------------------- */
.free_space {
	margin: 20px;
	}

/* ------------------------------------- 
 *	お知らせエリア
 *	箇条書きでお知らせを掲載する際にご利用ください
 *	※初期設定では適用されていません
 * ------------------------------------- */

#information ul {
	font-size: 9px;
	line-height: 180%;
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	}


#information li {
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	background: url(https://img.shop-pro.jp/tmpl_img/7/list_red.gif) no-repeat 6px 7px;
	}

#information p {
	margin: 10px 0px 20px 20px;
	}


/* ************************************************ 
 *	商品詳細　レイアウト
 * ************************************************ */

#detail {
	padding: 20px 0px 20px 0px;
	}

#detail .td1 {
	background: #6F93BA;
      font-size: 14px;
      color: #fff;
	}

#detail .td2 {
	background: #EAEAEA;
      font-size: 14px;
      color: #47719E;
	}

#detail .large {
	border: 0px solid #CCC;
	margin: 0px 20px 0px 20px;
	width: 200px;
	}

#detail .small {
	margin: 5px 0px 0px 20px;
	width: 53px;
	height: 53px;
	}


#detail p {
	font-size: 13px;
      color:#666666;
	margin: 0px;
	padding: 5px;
	border: 0px solid #CCC;
	background: #fff;
	}

b{ color: #4BA7CC ;}

#detail ul {
	margin: 20px;
	padding: 5px;
	}

#detail li {
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	background: url(https://img.shop-pro.jp/tmpl_img/7/list_arrow_red.gif) no-repeat 6px 0px;
	}

/* ------------------------------------- 
 *	商品詳細-購入数選択・「カートに入れる」ボタン
 * ------------------------------------- */

.product_num {
	width: 50px;
	}

.product_incart {
	margin-top: 10px;
	text-align: center;
	}

/* ------------------------------------- 
 *	この商品を買った人はこんな商品も買ってます
 * ------------------------------------- */

#together {
	width:680px;
	margin: 0px 0px 0px 0px;
	height:100%;
	}

#together .tog_main_title {
	font-weight: bolder;
	margin-top:30px;
	padding-bottom:0px;
	border-bottom: 0px solid #647DFC;
	}

#together .together_list {
	margin:10px 5px 0px 3px;
      font-size: 10px;
	float:left;
	width: 135px;
	text-align:center;
	}

/* ------------------------------------- 
 *	トラックバック
 * ------------------------------------- */

#trackback {
	margin: 0px 0px 20px 0px;
	}

#trackback .tb_main_title {
	font-weight: bolder;
	margin-top:30px;
	padding-bottom:0px;
	border-bottom: 0px solid #647DFC;
	}


#trackback .tb_url {
	font-size: 11px;
	padding: 5px 10px 5px 10px;
	}

#trackback .tb {
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	}

#trackback .tb_date {
	font-size: 10px;
	padding: 10px 10px 10px 10px;
	}

#trackback .tb_title {
	font-weight: bold;
	padding: 0px 10px 10px 10px;
	}

#trackback .tb_body {
	line-height: 150%;
	padding: 10px 10px 10px 10px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	}

#trackback .tb_state {
	padding: 5px 10px 5px 10px;
	}



/* ************************************************ 
 *	商品一覧　レイアウト
 * ************************************************ */

/* ------------------------------------- 
 *	サブカテゴリー　レイアウト
 * ------------------------------------- */
.subcategory {
	padding: 10px;
	font-size: 11px;
	}


/* ------------------------------------- 
 *	検索条件表示
 * ------------------------------------- */
.search_result {
	border: 1px solid #CCC;
	margin: 20px 20px 10px 20px;
	padding: 5px;
	}


/* ------------------------------------- 
 *	一覧表示　並び順を変更
 * ------------------------------------- */
.sort {
	border-bottom: 1px solid #CCC;
	padding: 10px;
	font-size: 11px;
	}

/* ------------------------------------- 
 *	一覧表示　商品数と表示数
 * ------------------------------------- */
.pagenavi {
	margin: 10px 20px 10px 20px;
	font-size: 11px;
	}



/* ************************************************ 
 *	商品オプションページ
 * ************************************************ */

/* ------------------------------------- 
 *	オプション表の罫線の色
 * ------------------------------------- */
#Option .option_table {
	background-color:<{$option_bordercolor}>;
}

/* ------------------------------------- 
 *	オプション　項目背景の色 
 * ------------------------------------- */
#Option .option_cell1 {
	text-align:left;
	color: #333333;
	background-color:<{$option_bgcolor}>;
	margin: 2px;
	padding: 2px 10px 2px 10px;
	font-weight:bold;
	white-space:nowrap;
}

/* ------------------------------------- 
 *	オプション　価格背景の色
 * ------------------------------------- */
#Option .option_cell2 {
	text-align:left;
	background-color:#FFFFFF;
	padding: 2px 10px 2px 6px;
}

/* ------------------------------------- 
 *	サブカテゴリリスト
 * ------------------------------------- */
.subcategory_list {
	float:left;
	width: 120px;
	text-align:center;
	margin: 10px 10px;
}



/* ************************************************ 
 *	特定商取引法・お支払い方法・配送設定について
 * ************************************************ */

#ShopKeeper {
	margin: 20px auto;
	background: <{$ShopKeeper_bordercorder}>;
	width: 640px;
	}


#ShopKeeper th {
	width: 150px;
	background: <{$ShopKeeper_bgcorder}>;
	border-top: 1px solid #FFF;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #FFF;
	color: #000;
	font-size: 11px;
	padding: 0px 5px 0px 5px;
	}

#ShopKeeper td {
	width: 490px;
	background: #FFF;
	padding: 5px;
	}

.SK p {
	margin: 0px 0px 10px 0px;
	padding: 15px 0px 0px 30px;
	border-top: 1px solid #CCC;
	}

.SK .area {
	padding: 0px 30px 20px 30px;
	}

.SK .title {
	background: #EEE;
	border-top: 1px solid <{$sub_area_bordercorder}>;
	border-right: 1px solid <{$sub_area_bordercorder}>;
	border-bottom: 1px dotted <{$sub_area_bordercorder}>;
	border-left: 1px solid <{$sub_area_bordercorder}>;
	padding: 5px;
	color: #000;
	}

.SK .note {
　　　font-size:12px;
	background: #FFF;
	border-right: 1px solid <{$sub_area_bordercorder}>;
	border-bottom: 1px solid <{$sub_area_bordercorder}>;
	border-left: 1px solid <{$sub_area_bordercorder}>;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	}

.payment_img {
	width:30px;
	height:30px;
	margin:3px;
}


/* ************************************************ 
 *	プライバシーポリシー
 * ************************************************ */

#PrivacyExplain {
	margin: 20px;
	font-size: 12px;
	}

#PrivacyExplain .title {
	margin: 20px 0px 0px 0px;
	padding: 5px 5px 10px 5px;
	border-top: 2px solid #CCC;
	color: #000;
	font-weight: bolder;
	}

#PrivacyExplain .note {
	font-size: 11px;
	line-height: 150%;
	margin: 10px 5px 20px 15px;
	}
#space2 {
	height: 20px;
}
#menu_button {
	background-repeat: no-repeat;
	background-position: center center;
	height: 43px;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
    background-color: #000;
}
#menu_button a {
	color: #fff;
}
#div_login_284 {
	width: 292px;
	float: right;
}
#div_main_koukoku {
	height: 300px;
	width: 170px;
	margin-bottom: 20px;
	margin-right: 20px;
}





#footer_bottun1 {
	background          : url(https://img12.shop-pro.jp/PA01064/800/etc/footer_bottun_01_01.gif) no-repeat;
		width: 63px;
	margin-bottom: 4px;
	margin-right: 5px;
	margin-left: 5px;
}
#footer_bottun1 a {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/footer_bottun_01_01.gif) no-repeat;
 display             : block;
 height              : 23px;
 margin-top          : 0px;
 padding-bottom      : 0px;
 padding-left        : 0px;
 padding-right       : 0px;
 padding-top         : 0px;
 text-align          : center;
 text-decoration     : none;
 width               : 63px;
}
#footer_bottun1 a:hover {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/footer_bottun02_1_01.gif) no-repeat;
 margin-top          : 0px;
 padding-top         : 0px;
}
#footer_bottun2 {
	background          : url(https://img12.shop-pro.jp/PA01064/800/etc/footer_bottun_01_02.gif) no-repeat;
		width: 85px;
	margin-bottom: 4px;
	margin-right: 5px;
	margin-left: 5px;
}
#footer_bottun2 a {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/footer_bottun_01_02.gif) no-repeat;
 display             : block;
 height              : 23px;
 margin-top          : 0px;
 padding-bottom      : 0px;
 padding-left        : 0px;
 padding-right       : 0px;
 padding-top         : 0px;
 text-align          : center;
 text-decoration     : none;
 width               : 85px;
}
#footer_bottun2 a:hover {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/footer_bottun02_1_02.gif) no-repeat;
 margin-top          : 0px;
 padding-top         : 0px;
}
#footer_bottun3 {
	background          : url(https://img12.shop-pro.jp/PA01064/800/etc/footer_bottun_01_03.gif) no-repeat;
		width: 144px;
	margin-bottom: 4px;
	margin-right: 5px;
	margin-left: 5px;
}
#footer_bottun3 a {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/footer_bottun_01_03.gif) no-repeat;
 display             : block;
 height              : 23px;
 margin-top          : 0px;
 padding-bottom      : 0px;
 padding-left        : 0px;
 padding-right       : 0px;
 padding-top         : 0px;
 text-align          : center;
 text-decoration     : none;
 width               : 144px;
}
#footer_bottun3 a:hover {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/footer_bottun02_1_03.gif) no-repeat;
 margin-top          : 0px;
 padding-top         : 0px;
}
#footer_bottun4 {
	background          : url(https://img12.shop-pro.jp/PA01064/800/etc/footer_bottun_01_04.gif) no-repeat;
		width: 85px;
	margin-bottom: 4px;
	margin-right: 5px;
	margin-left: 5px;
}
#footer_bottun4 a {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/footer_bottun_01_04.gif) no-repeat;
 display             : block;
 height              : 23px;
 margin-top          : 0px;
 padding-bottom      : 0px;
 padding-left        : 0px;
 padding-right       : 0px;
 padding-top         : 0px;
 text-align          : center;
 text-decoration     : none;
 width               : 85px;
}
#footer_bottun4 a:hover {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/footer_bottun02_1_04.gif) no-repeat;
 margin-top          : 0px;
 padding-top         : 0px;
}
#footer_bottun5 {
	background          : url(https://img12.shop-pro.jp/PA01064/800/etc/footer_bottun_01_05.gif) no-repeat;
		width: 99px;
	margin-bottom: 4px;
	margin-right: 5px;
	margin-left: 5px;
}
#footer_bottun5 a {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/footer_bottun_01_05.gif) no-repeat;
 display             : block;
 height              : 23px;
 margin-top          : 0px;
 padding-bottom      : 0px;
 padding-left        : 0px;
 padding-right       : 0px;
 padding-top         : 0px;
 text-align          : center;
 text-decoration     : none;
 width               : 99px;
}
#footer_bottun5 a:hover {
 background          : url(https://img12.shop-pro.jp/PA01064/800/etc/footer_bottun02_1_05.gif) no-repeat;
 margin-top          : 0px;
 padding-top         : 0px;
}


#footer_button {
	text-align: left;
	width: 476px;
	float: left;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#RSStime {
	font-size: 12px;
	color: #333;
}
#RSStitle {
	font-size: 14px;
	color: #257A97;
	font-weight:bold;
}
#RSStitle a {
	font-size: 14px;
	color: #257A97;
font-weight:bold;
}
#RSStitle a:hover {
	font-size: 14px;
	color: #FF6600;
	font-weight:bold;
}

#RSS_des{
	font-size: 12px;
	color: #333;
	margin-bottom: 5px;	
}

.RSSBOX {
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;font-size: 12px;
	margin-top: 3px;
}
#boarder {
	height: 6px;
	margin-bottom: 20px;
	background-image: url(https://img12.shop-pro.jp/PA01064/800/etc/inner_bg.gif);
	width: 710px;
	margin-top: 10px;
	background-repeat: repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 
#itemlist {
	width: 710px;
	margin-bottom: 5px;
}

ul#nav2_left, ul#nav2_left * {
        font-size:12px;
        margin:0; padding:0;
        line-height:1em;
		background-color: #F5F5F5;
    }
	
	
    ul#nav2_left {
	padding:0;
	line-height:1em;
	list-style:none;
	background-color: #F5F5F5;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
    }
    		
	
   ul#nav2_left li#menu_title {
	display:block;
	color:#0997E9;
	border-left: 5px solid  #B6DAEE;
	border-bottom: 1px solid  #B6DAEE;
	text-decoration:none;
	margin-left: 0px;
	text-indent: 5px;
	margin-top: 15px;
	margin-right: 1px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #F5F5F5;
    }

	
	ul#nav2_left li#side_menu {
        color:#ffffff;
        text-align:left;
        text-indent: 15px;
        padding-top:1px;
        border-bottom: 1px solid  #efefef;
	    text-decoration:none;
		background-color: #F5F5F5;
		
		}
		
		
		
	ul#nav2_left a:hover {
	color:#666;
	text-decoration:underline;
	background-repeat: no-repeat;
	background-position: 5px 8px;
	background-color: #F5F5F5;
	background-image: url(https://img12.shop-pro.jp/PA01064/800/etc/list_arrow.gif);
	line-height: 130%;
}
    
    
    ul#nav2_left a {
		
	display:block;
	margin:0px;
	padding:5px 0px 5px 10px;
	color:#999;
	text-decoration:none;
	margin-left: 0px;
	line-height: 130%;
		background-repeat: no-repeat;
	background-position: 5px 8px;
	background-color: #F5F5F5;
	background-image: url(https://img12.shop-pro.jp/PA01064/800/etc/list_arrow.gif);}
	
	#side {
	width: 170px;
	margin-right: 20px;
}.note {font-size: 12px;
	margin-bottom: 20px;
}
.system1 {
	float: left;
	width: 479px;
	margin-right: 20px;
}
#system_text {font-size: 12px;
	line-height: 130%;
	color: #333;
	height: 220px;
}
#rakuraku_waku {
	width: 708px;
	border: 1px solid #CCC;
}
.page_text {font-size: 12px;
	line-height: 150%;
	color: #000;
}
#photo {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	position: relative;
	height: 166px;
	width: 250px;
}
#photo img {
	position: absolute;
	top: 0px;
}
.top_koumoku_title4 {
	width: 605px;
	height: 44px;
	background-repeat: no-repeat;
	background-position: left;
	padding-bottom: 15px;
	float: left;
}
.recommendation_text {font-size: 10px;
	line-height: 150%;
	color: #000;
}
.recommendation_title {font-size: 12px;
	margin-top: 5px;
	margin-bottom: 8px;
}
.recommendation_title a{
	color:#FE168E;
	text-decoration: underline;
	font-weight: bold;
}
.recommendation_title a:hover{
	color:#FE168E;
	font-weight: bold;
	text-decoration: none;
}
.highlight a:hover *{   
  filter: alpha(opacity=75);   
  -moz-opacity:0.75;   
  opacity:0.75;   
}  
#cmsp_map {font-size: 12px;
	line-height: 150%;
}

#cmsp_map div {
  margin:5px 0px;
  padding:0px;
  font-weight:bold;
}

/*サブカテゴリーを囲む*/
#cmsp_map dl {
  margin:0px;
  padding:0px;
}

/*サブカテゴリー名*/
#cmsp_map dt {
  margin:5px 0px 0px 15px;
  padding:0px;
}
/*サブカテゴリー内の商品リストを囲む*/
#cmsp_map dd {
  margin:0px 0px 0px 10px;
  padding:0px;
}

/*商品リスト*/
#cmsp_map ul {
  margin:0px 0px 15px 0px;
  padding:0px;
}

#cmsp_map li {
  margin:5px 0px 0px 30px;
  padding:0px;
  font-weight:normal;
  list-style-type:disc;
  list-style-image:none;
  background:none;
}.greeting_name {
	font-size: 14px;
	color: #000;
	float: right;
	padding-top: 10px;
	padding-right: 10px;
}
.icon_info {
	font-size: 10px;
	color: #666;
	white-space: nowrap;
	margin-top: 0px;
	margin-bottom: 20px;
	height: 11px;
}
#renewal {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.price {
	color: #F30;      
}

/* ************************************************ 
 *	ドロップメニュー
 * ************************************************ */

ul.menu {
    position: relative;
    width: auto;
    height: auto;
    max-width: 900px;
    margin: 0 auto;
	z-index: 200;
	list-style: none;
    font-size:12px;
}

ul.menu li {
    float: left;
    width: 49%; /* グローバルナビ2つの場合 */
    height: auto;
    padding: 7px 19px 7px 21px;
    box-sizing: border-box;
    background: rgb(29, 33, 19);
    margin:1px;
    text-align:center;
}

ul.menu li a {
    display: block;
    color: #fff;
	padding: 4px;
}

ul.menu li a:hover {
    color: #999;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    background: #072A24;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 0px solid #111;
}

.menu__third-level li {
    border-top: 0px solid #111;
}

.menu__second-level li a:hover {
    background: #111;
}

.menu__third-level li a:hover {
    background: #2a1f1f;
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
ul.menu:before,
ul.menu:after {
    content: " ";
    display: table;
}

ul.menu:after {
    clear: both;
}

ul.menu {
    *zoom: 1;
}

ul.menu > li.menu__single {
    position: relative;
}

ul.menu > li.menu__single li {
    width:100%;
	background: #072A24;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 45px;
    right: 0;
    width: 200%;
    background: #072A24;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    list-style: none;
    padding: 6px;
}

li.menu__single:hover ul.menu__second-level {
    top: 45px;
    visibility: visible;
    opacity: 1;
}

li.menu__mega ul.menu__second-level {
    position: absolute;
    top: 45px;
    right: 0;
    box-sizing: border-box;
    width: 200%;
    padding: 6px;
    background: #072A24;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    list-style: none;
}

li.menu__mega:hover ul.menu__second-level {
    top: 45px;
    visibility: visible;
    opacity: 1;
}

li.menu__mega ul.menu__second-level > li {
    float: left;
    width: 32%;
    border: none;
	background: #072A24;
}

h3.footer_notice_heading {
    padding-bottom: 0px;
}

.footer_notice .col-lg-4:nth-child(1) {
 width:50%; 
}

.footer_notice .col-lg-4:nth-child(2) {
 width:50%; 
}

/* ************************************************ 
 *	200px下にスクロールしたら左上に検索ボックス表示、3秒ごとに揺れる
 * ************************************************ */

.floating-search {
  position: fixed;
  top: 20px;
  left: 6%;
  z-index: 1000;
  display: flex;
  gap: 8px;
  align-items: center;
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
  transition: opacity 200ms ease, transform 200ms ease;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 9999px;
  padding: 8px 10px;
  box-shadow: 0 6px 20px rgba(0,0,0,.20);
}
.floating-search.show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.floating-search input[type="search"] {
  width: 220px;
  border: none;
  outline: none;
  font-size: 14px;
  background: transparent;
}
.floating-search button {
  border: none;
  background: #111827;
  color: #fff;
  font-size: 13px;
  padding: 8px 12px;
  border-radius: 9999px;
  cursor: pointer;
}

/* 斜めに揺れるアニメーション */
@keyframes shake-diagonal {
  0%   { transform: translate(0, 0) rotate(0deg); }
  20%  { transform: translate(-2px, -1px) rotate(-2deg); }
  40%  { transform: translate(2px, 1px) rotate(2deg); }
  60%  { transform: translate(-2px, 1px) rotate(-2deg); }
  80%  { transform: translate(2px, -1px) rotate(2deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}

/* 斜め揺れ用クラス */
.floating-search.shake {
  animation: shake-diagonal 0.4s ease-in-out;
}



/* 左上カートを見るボタン */
.floating-cart {
  position: fixed;
  top: 60px; /* 最初は上に隠す */
  left: 6%;
  padding: 12px 18px;
  border-radius: 30px;
  box-shadow: 0 6px 20px rgba(0,0,0,.15);
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 1000;
  font-size: 14px;
  background-color: #333;
}
.floating-cart a{
  background: #333;
  color: #fff;
}

.floating-cart.show {
  top: 75px; /* 上から20pxにフワッと表示 */
  opacity: 1;
}

.floating-cart:hover {
  background: #555; /* ホバーで色変化 */
}
.floating-cart a:hover {
  background-color: #555;
}