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

/*------------------------------------------------link
注意事項
--------------------------------------------------
このテンプレートは、「デザイン設定」-「共通テンプレート」
-「初心者モード」設定の【使用する画像の色設定】にて選択
した色番号によって、表示されるメニュー画像の色（ピンク系
・ブルー系）が変換されます。
変換される画像は、次のクラスの背景画像として指定しています。

body
.left
.left img
.right
.right img
#header
#header .home
#header .account
#header .contact
.info_title
.info
.info_bottom

--------------------------------------------------*/


body {
	color:#2D2D2D;
	background: #ffe100;
	font: 12px/150% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:0;
background: #ffe200; /* IE8 */
*background: #ffe200; /* IE7 */
_background: #ffe200; /* IE6 */
　　　　	}

body:not(:target) {
    background: #ffe200; /* IE9 */
}
	
	
* {
	margin: 0px;
	padding:0px;
	}

h2 {
        font-size: 1.2em;
        margin: 1em 0;
}


table {
	border:none;
	}

img {
	border:none;
	}

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

li {
	list-style-type:none;
	}

br.clear {
	clear:both;
	font:0/0 sans-serif;
	}
	
.border {
	background:url(https://img.shop-pro.jp/tmpl_img/15/border.gif) repeat-x;
	height:1px;
	margin:10px 0;
	}
.border img {
	width:1px; height:1px;
	}
	
.wine {
	color: #633142;
	margin: 10px 0;
}

.italic {
	font-style: oblique;
}

a:hover{
	opacity:0.75;
}

#all-wrap {
  overflow: hidden;
}

/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- */
#container {
	width: 100%;
	margin: 0;
}
#wrapper {
	width: 978px;
	margin: 0 auto;
	background: #ffffff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.left {
	width:13px;
}
.left img {
	width:13px;
	height:280px;
}
.center {
	width:877px;
	margin: 0 auto;
	_text-align: center;
}
.right {
	width:10px;
}
.right img {
	width:10px;
	height:280px;
}
#header {
	position: relative;
	width: 980px;
	margin: 0;
}
#header h1 { 
	width: 198px;
	height: 46px;
	margin: 0 0 0 13px;
	position: absolute;
	top: 7px;
	left:0;
}
#header h2 {
	display: block;
	font-weight: normal;
	font-size: 1em;
	margin: 0;
	position: absolute;
	top: 24px;
	left: 230px;
}
.header1 {
	width: 950px;
	height: 60px;
}
.header2 {
	width: 950px;
	height: 250px;
	margin-left: 13px;
}
.gnavi {
	width: 868px;
	height: 30px;
	position: absolute;
	top: 70px;
	left: 70px;
}
.gnavi li {
	width: 124px;
	height: 30px;
	float: left;
	display: inline;
}
.officiallink {
	width: 148px;
	height: 51px;
	position: absolute;
	top: 5px;
	right: 15px;
}
.itemsearch {
	position: absolute;
	top:30px;
	right: 15px;
	vertical-align: bottom;
}

#designserch {
  margin-bottom: 10px;
  width: 745px;

}

.designserch li{
	margin: 5px;
    display: inline-block;
}

.designserch li img {
   width: 170px;
   height: 64px;
}


#side {
	width:200px;
	float:left;
	padding-left: 15px;
	margin-right: 15px;
}
#side p {
	margin: 5px 0;
}
#main {
	width:730px;
	float:left;
}
#LP {
	width:980px;
  text-align: center;
  margin: 15px auto;
}
#RECRUIT {
	width:780px;
  margin: 15px auto;
  line-height: 1.8em;
  font-size: 135%;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#RECRUIT h3 {
  font-size: 135%;
  text-align: center;
  margin: 0 0 50px 0;
}

#RECRUIT h4 {
  font-size: 120%;
  color: #FFF;
  margin: 20px auto;
  width: 740px;
  background: #2244bb;
  line-height: 1.8em;
  text-align: center;
}

#RECRUIT p {
  font-weight: bold;
}

#RECRUIT ul {
  margin-bottom: 15px;
  text-indent: 1em;
  font-size: 0.95em;
}
#feed { 
	background:#FFF;
	text-align:right;
}
#feed img {
	margin:0;
	width:80px;
	height:15px;
}
#footer {
	width: 100%;
	height: 320px;
	font-size:10px;
	padding: 5px 0;
	color: #ddd;
	background:#003F73;
	border-top:2px #ffe200 solid;
}


/* ------------------------------------- 
 *	リンクの色設定（初級モードで設定）
 * ------------------------------------- */

/*左サイドメニューのリンク文字色*/
a:link    {color: #2D2D2D; text-decoration: none;}
a:visited {color: #2D2D2D; text-decoration: none;}
a:active  {color: #2D2D2D; text-decoration: none;}
a:hover   {color: #000; text-decoration: none;}

/*ショップタイトルのリンク文字色*/
.logo a:link    {color: #4D4D4D; text-decoration: none;}
.logo a:visited {color: #4D4D4D; text-decoration: none;}
.logo a:active  {color: #4D4D4D; text-decoration: none;}
.logo a:hover   {color: #999; text-decoration: none;}

/*メインエリアのリンク文字色*/
#main a:link    {color: #990000; text-decoration: none;}
#main a:visited {color: #990000; text-decoration: none;}
#main a:active  {color: #990000; text-decoration: none;}
#main a:hover   {color: #666; text-decoration: none;}

/*商品詳細エリアのリンク文字色*/
#products a:link    {color: #990000; text-decoration: none;}
#products a:visited {color: #990000; text-decoration: none;}
#products a:active  {color: #990000; text-decoration: none;}
#products a:hover   {color: #666; text-decoration: none;}

/*フッターのリンク文字色*/
#footer a:link    {color: #999; text-decoration: none;}
#footer a:visited {color: #999; text-decoration: none;}
#footer a:active  {color: #999; text-decoration: none;}
#footer a:hover   {color: #FFF; text-decoration: none;}




/* ************************************************ 
 *	ヘッダー
 * ************************************************ */

#header .logo {
	font-size:22px;
	font-weight:bolder;
	padding-left:10px;
	padding-top:25px;
	}
	
#header .menu {
	padding-top:25px;
        padding-right:25px;
	text-align:right;
    font-size: 0.9em;
    color: #999;
}

#header .menu a {
        color: #999;
	}

#header .menu a:hover {
        color: #000;
	}

#header .menu img {
	margin-right:20px;
	}

/*ヘッダー部分の3つのボタンは、[共通html]上のダミー画像(sp.gif)の背景に、以下のcssにて各ボタン画像を設置しています。*/
/*メニューボタン「ホーム」*/
#header .home{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/btn-home.gif) no-repeat;
	width:65px;
	height:20px;
	}

/*メニューボタン「マイアカウント」*/
#header .account{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/btn-login.gif) no-repeat;
	width:65px;
	height:20px;
	}

/*メニューボタン「お問合せ」*/
#header .contact{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/btn-contact.gif) no-repeat;
	width:65px;
	height:20px;
	}




/* ************************************************ 
 *	サイドメニュー
 * ************************************************ */

.linktitle {
	width: 180px;
	height:22px;
	margin:10px 0 5px 0;
}

.sarchbatton{
	margin-bottom:-5px;
}

.sarchbox{
	width:145px;
}

.link {
	width:200px;
	margin-bottom: 15px;
    padding-left: 10px;
	font-size: 11px;
	text-align: left;
}

.link li {
	margin-bottom:0px;
	padding: 0;
	list-style-type: none;
	background-position: 0px 0px;
        font-size: 1.1em;
   line-height: 1.8em;
	}
.link li img {
margin-bottom: 5px;
	}
	
.registration{
margin-bottom:10px;
}

#group-list {
	border-top: 0px dotted #CCC;
	padding-top:10px;
}

#group-list li {
        width: 160px;
        line-height: 1em;
        padding-left: 10px;
        font-size: 0.9em;
}


div.side-groupsearch1 {
        float: left;
        width: 33px;
}

div.side-groupsearch3 {
        float: left;
        width: 33px;
}


/*--------------------------サーチボタン設定--------------------------*/


#search{
	margin:3px 0;
}

.s_contents{
	overflow:hidden;
	width:200px;
}

.searchwindow{
	width: 200px;
	position: relative;
	height: 30px;
}

.sarch_title{
	float:left;
	margin:5px 10px 0;
}

.sarchbatton{
	position: absolute;
	right: 0px;
}

.sarchbatton:hover{
	opacity:0.75;
}

.sarchbox{
	width: 146px;
	height: 18px;
	position: absolute;
}


 /* ------ カートを見る、店長コーナー ------ */

.link_2 {
	width:200px;
	margin-top:10px;
        margin-bottom:15px;
        padding-left: 0px;
	}
.link_2 .top
	{
	height: 27px;
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/linktitle_cart3.gif) no-repeat;
	text-align: center;
	}
.link_2 .middle {
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/link_3.gif) repeat-y;
	padding:5px 7px 5px 8px;
	border-top: 2px solid #DDDDDD;
  	text-align: center;
	}
	
.link_2 .bottom {
	height:5px;
	}
.link_2 .bottom img {
	 width:200px;
	 height:5px;
	 }

.cart ul {
	padding:5px 15px;
	}
.cart li {
	background:none;
	padding:0;
	}

.owner_photo {
	display:block;
	margin:0px auto;
	}

.login {
    background: #FFEE8D;
    padding: 5px 3px 0px 3px;
    font-size: 12px;
    text-align: center;
    margin: 4px auto;
    width: 194px;
    height: 23px;
}
	
	
 /* ------ メルマガ ------ */
.mailmaga {
	text-align:center;  
	border-bottom:1px #9E9E9E solid;
	border-right:1px #9E9E9E solid;
	border-left:1px #9E9E9E solid;
	}


 /* ------ フリーページ ------ */
 
.freepage li {
	margin-bottom:3px;
	}

.freenotebox {
  width: 870px;
  margin:10px auto;
  border:1px solid #000;
  font-size: 105%;
  line-height: 1.8em;
  padding: 10px;
  text-align: left;
  clear: both;
}

/*------ラッピングページ------*/

.bnr_wrapping {
   display: block;
   margin: 10px 0px;
   box-shadow: 2px 2px 2px #ddd;
}

.bnr_wrapping:active {
   position: relative;
   top: 1px;
   left: 1px;
   display: block;
   margin: 10px 0px;
   box-shadow: 1px 1px #aaa;
}

/*------壁紙の貼り方ページ------*/

.wphowto {
 width: 900px;
 margin: 10px auto;
 text-align: left;
 line-height: 1.8em;
 font-size: 1.1em;
}

/* ************************************************ 
 *	メイン
 * ************************************************ */
 
/* ------------------------------------- 
 *	各ページ共通
 * ------------------------------------- */
 
 /* ------ 角丸ボックス ------ */
 
.round_top {
	height:30px;
text-align: left;
	}

.round_top img {
	height:22px;
	margin-left:18px;
	}
	
.round_bg {
	text-align:left;
}
	
.round_bottom{
	height:30px;
}


 /* ------ パンくずナビ等 ------ */
 
.pankuzu {
  margin-bottom:5px;
  font-size: 12px;
  text-align: left;
  line-height: 200%;
}

.sort { margin-bottom:10px;}
.pagenavi { text-align:center;}



/* ------------------------------------- 
 *	トップページ（Information、フリースペース）
 * ------------------------------------- */

.info_title{
	height: 30px;
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/info-head3.gif) no-repeat;
}

.info {
        vertical-align: top;
	padding:5px 5px 5px 0px;
        text-align: left;
}

.info li {
        list-style: circle;
        line-height: 1.8em;
}

.info_bottom{
	height: 0px;
	}


.freespace {
	border:1px solid #CCC;
	padding:20px;
	}
	
/* ------------------------------------- 
 *	商品リスト（4列表示）
 * ------------------------------------- */

.item_box {
	float:left;
	width:150px;
margin: 0 0 20px 20px;
display:inline-block; 
/display:inline; 
/zoom:1;
	text-align: center;
	}
	
.item_box img{
	border:0;
	display:block;
	}

.group_box {
	float:left;
	width:220px;
margin: 0 0 20px 10px;
display:inline-block; 
/display:inline; 
/zoom:1;
	text-align: center;
	}
	
.group_box img{
	border:0;
	display:block;
	}

/* ------------------------------------- 
 *	商品一覧
 * ------------------------------------- */

.item_cat {
	width:100%;
	}


.item_cat .thumnail {
	background:url(https://img.shop-pro.jp/tmpl_img/15/cat_border.gif) repeat-y;
	background-position:right;
	margin-right:10px;
	}
.item_cat .thumnail img {
	border:1px dotted #999999;
	margin-right:20px;



	}
.item_cat .expl {
	 padding:0px 20px;
	}
.item_cat .expl .name {}

.item_cat .expl .price { height:30px; text-align:right;}


/* ------------------------------------- 
 *	商品詳細ページ
 * ------------------------------------- */

/*商品画像（画像周囲の飾り枠）*/
.main_img {
	padding: 0px 0px 0px 0px;
	background:url();
	}

/*商品名*/
.detail_name {
	font-size:120%;
	font-weight:bolder;
	padding:0px 0px 5px 5px;
	}

/*商品販売価格*/
.detail_price {
	font-size:120%;
	padding:0px 0px 10px 0px;
	border-bottom:1px dotted #CCC;
	}

/*商品説明テキスト*/
.detail_expl {
	
	padding:10px 0px 10px 0px;
        margin: 20px auto;
        width: 730px;
	}

/*価格詳細表*/
.spec  {
        width: 300px;
	font-size:12px;
	margin: 0;
	}

.spec th {
	height:24px;
	padding:5px;
	}

.spec td {
	height:24px;
	padding:5px;
	}

/*価格詳細表（下）*/
.spec2  {
        width: 370px;
	font-size:12px;
	margin: 0;
	}

.spec2 th {
	height:24px;
	padding:5px;
  width: 70px;
	}

.spec2 .eee {
	height:24px;
	padding:5px;
    width: 300px;
	}

.sub_img {
	width:100px;
	}
.sub_img .thumnail {
	width:100px;
	border:1px dotted #999999;
	display:block;
	margin-bottom:3px;
	}
.zoom {width:32px;height:7px;border:none;}

.etc {
	width:195px;
        padding: 5px 0 0 10px;
	}
.etc_btn {
	width:195px;
	height:23px;
	display:block;
	margin-bottom:5px;
	}

.etc p {
margin-bottom: 5px;
}

.detail_title {
	width:920px;
	height:20px;
	margin-bottom:5px;
  border-bottom: dotted 1px #ccc;
    display: block;
	}
.detail_title_check {
	width:920px;
	height:20px;
	margin-bottom:5px;
  border-bottom: dotted 1px #ccc;
    display: block;
	}


/* ------------------------------------- 
 *	こんな商品も買ってます
 * ------------------------------------- */

.together {
	width:169px;
	float:left;
	margin:20px 0px 10px 3px;
	}
.together .top {
	height:12px;
	width:169px;
	}
.together .middle {
	text-align:center;
	width:149px;
	padding:3px 10px;
	}
.together .bottom {
	height:12px;
	width:169px;
	background-color:#fff;
	}
.together .middle img{
	display:block;
	margin:0px auto;
	}



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

/*トラックバックURL*/
.tb_url{
	font-size:12px;
	font-weight:bolder;
	color:#FF3366;
	margin-bottom:20px;
        text-align: left;
	}

/*トラックバックの枠*/
.tb{
	border:1px #DDDDDD solid;
	margin-bottom:20px;
	width:529px;
	}

/*トラックバックの日付*/
.tb_date {
	color:#333;
	background:#EAEAEA;
	padding:5px 10px;
	border-bottom:1px #DDDDDD solid;
	}

/*記事名・ブログ名*/
.tb_title {
	color: #FF3366;
	background:#F4F4F4;
	padding:10px;
	}
.tb_body {
	padding:10px;
	border-top:1px #DDDDDD solid;
	border-bottom:1px #DDDDDD solid;
	}

/* ------------------------------------- 
 *	特定商取引（SK）
 * ------------------------------------- */

.sk_title {
	font-size:120%;
	color:#339999;
	font-weight:bolder;
	text-align:center;
	}

#sk_shop th {
	text-align:left;
	font-weight:normal;
	color:#339999;
	padding:3px 10px 3px 0px;
	}

#sk_shop td {
	padding:3px 10px 3px 0px;
	}

/*お支払い方法・配送方法の罫線の色*/
.sk {
	width:700px;
	background:#FFF;
	border:1px #999 solid;
	margin-top:10px;
	}

.sk .title {
	font-size:120%;
	font-weight:bolder;
	padding:10px;
	}

.sk .title img {
	margin:3px;
	}

.sk .note {
	padding:10px;
	border-top:1px #999 dotted;
	}

.sk .ol {
	list-style-type:decimal;
}

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


/* ------------------------------------- 
 *	商品検索結果
 * ------------------------------------- */
.srh {
	margin-bottom:30px;
	}
.srh_hit {
	font-size:120%;
	line-height:170%;
	border-bottom:3px #FF6699 dotted;
	}

/* ------------------------------------- 
 *	オプション
 * ------------------------------------- */

.option_title {
	font-size:120%;
	font-weight:bolder;
	text-align:center;
	color:#FFF;
	margin-top:30px;
	}
.option {
	margin:20px auto;
	background:#666666;
	}

.option .cell1 {
	color:#666666;
	background:#DDDDDD;
	padding:3px;
	}

.option .cell2 {
	background:#FFF;
	padding:3px;
	}

.option_btn {
	margin-bottom:10px 0px;
	text-align:center;
	}

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

.privacy_title {
	font-size:120%;
	font-weight:bolder;
	background:#FFF;
	padding:5px;
	margin-top:20px;
	}

.privacy_note {
	padding:10px;
	}

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:0px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
  	   text-align:center;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}

div.totop {
	width: 550px;
	text-align: right;
	margin-top: 30px;
}

.banner {
       width: 180px;
       text-align: center;
}

.banner li {
	margin-bottom:3px;
	list-style-type: none;
}

.size {
        border: 1px solid #ccc;
}

.size th {
        background: #eee;
        height: 16px;
        line-height: 16px;
}

.size td {
        height: 16px;
        line-height: 16px;
}

.profile {
        width: 730px;
        font-size: 1em;
        color: #333;
        line-height: 2em;
        background: #fff;
        text-align: left;
}

.pro {
        width: 730px;    
}

.pro th {
        background: #eee;
        width: 730px;
        height: 30px;
        border-left: 3px solid #ffe100;
        text-indent: 1em;
}

.pro td {
        border-bottom: 1px dotted #ccc;
              
}

.interview {
font-style: oblique;
width: 700px;
margin: 0 15px;
}

.bio {
        width: 650px;
        margin-top: 10px;     
}

.bio th {
        background: #eee;
        width: 650px;
        height: 30px;
        text-indent: 1em;
        border-left: 3px solid #ffe100;
}

.bio td {
        border-bottom: 1px dotted #ccc; 
}

/*ページトップヘ*/

.pagetop {
	clear: both;
	height: 18px;
	margin:30px -13px 0 0;
	_margin:30px -15px 0 0;
	padding: 10px 25px 10px 0;
	text-align: right;
}


.pagetop a{
display:block;
width:150px;
height:18px;
float:right;
	background: url(https://img11.shop-pro.jp/PA01057/590/etc/topagetop.gif) no-repeat right 0;
}
.pagetop a:hover{
display:block;
width:150px;
height:18px;
float:right;
	background: url(https://img11.shop-pro.jp/PA01057/590/etc/topagetop_o.gif) no-repeat right 0;
}


.pagetop a strong{
display:none;
/* \*/
display:block;
height:0;
width:0;
position:absolute;
overflow:hidden;
visibility:hidden;
/* */
}

.submenu {
width: 160px;
height: 16px;
margin: 0;
padding-left: 15px;
padding-bottom: 10px;
}

.rss {
width: 170px;
height: 15px;
margin: 0;
padding-left: 10px;
padding-bottom: 10px;
}

.hidden {
display: none;
}

.recruit {
width: 730px;
height: auto;
margin: 30px 10px 20px 0;
line-height: 1.6em;
}

.recruit th {
width: 150px;
padding: 0.5em;
background: #f5f5f5;
}

.recruit td {
width: 550px;
padding: 0.5em;
background: #fefefe;
}

.recruit p {
margin: 1em 0;
}

.mailnews {
width:730px;
height:auto;
margin:30px 10px 20px 0;
line-height: 1.6em;
}

.mailnews th {
width: 150px;
padding: 0.5em;
background: #f8e58c;
}

.mailnews td {
width: 550px;
padding: 0.5em;
background: #fff1cf;
}

.mailnews p {
margin: 1em 0;
}


/*OUTLET*/

.bannerOutlet {
width: 148px;
height: 90px;
margin: 30px 0 5px 10px;
}



.fonts { font-size: 0.8em;}

#catchcopy {
width: 600px;
height: 90px;
position: absolute;
top: 30px;
left: 210px;
}

#freepage {
}

#freepage h2 {
width: 600px;
line-height: 2em;
text-align: center;
border-bottom: 1px dotted #999;
}

#freepage h3 {
margin: 15px 0 10px 0;
}

#freepage p {
line-height: 1.8em;
}

div.syorenin {
width: 100%;
margin-bottom: 3em;
}

img.syorenin { float: left; }

.clearLeft { clear: left; }
.clearRight { clear: right; }

div.pager {
	margin: 20px 0;
	clear: both;
	text-align: center;
	}

#newsblock {
border-top: 1px dashed #ccc;
margin-top: 15px;
padding-top: 15px;
}

#newsblock p {
width: 565px;
margin: 10px;
line-height: 1.8em;
}

#newsblock ul {
margin: 10px;
line-height: 1.8em;
}


/* ------------------------------------- 
 *	EMS料金表ページスタイル設定
 * ------------------------------------- */

.post_price {
	font-size:24px;
	margin-bottom:10px;
}

.price_ja {
	width:730px;
	border:1px solid #dadada;
	border-collapse:collapse;
	margin-bottom:20px;
}

.price_ja th {
	padding:10px;
	border:1px solid #dadada;
}
.price_ja td {
	padding:10px;
	border:1px solid #dadada;
}

.price_ja thead {
	background:#F5F4E8;
	text-align:center;
	font-weight:bold;
}
.price_ja thead th {
}

.price_ja thead td {
	width:110px;
}

.price_ja tbody th {
	font-weight:bold;
	text-align:left;
}

.price_ja tbody td {
	text-align:right;
}

/*ヘッダー部分の3つのボタンは、[共通html]上のダミー画像(sp.gif)の背景に、以下のcssにて各ボタン画像を設置しています。*/
/*メニューボタン「ホーム」*/
#header .home{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/btn-home.gif) no-repeat;
	width:65px;
	height:20px;
	}

/*メニューボタン「マイアカウント」*/
#header .account{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/btn-login.gif) no-repeat;
	width:65px;
	height:20px;
	}

/*メニューボタン「お問合せ」*/
#header .contact{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/btn-contact.gif) no-repeat;
	width:65px;
	height:20px;
	}


#navi{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/top_navi.png) no-repeat;
	width:950px;
	height:80px;
	margin:0 auto;
	margin-bottom:5px;
}

.navi01:hover{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/top_navi.png) no-repeat;
	background-position:0px -107px;
}
.navi02:hover{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/top_navi.png) no-repeat;
	background-position:-158px -107px;	
}
.navi03:hover{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/top_navi.png) no-repeat;
	background-position:-316px -107px;	
}
.navi04:hover{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/top_navi.png) no-repeat;
	background-position:-474px -107px;	
}
.navi05:hover{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/top_navi.png) no-repeat;
	background-position:-632px -107px;	
}
.navi06:hover{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/top_navi.png) no-repeat;
	background-position:-790px -107px;	
}

#navi ul{
	overflow:hidden;
}

#navi .button_top{
	width:403px;
	margin:0 auto;
}

.topnavi01:hover{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/top_navi.png) no-repeat;
	background-position:-274px -80px;
}

.topnavi02:hover{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/top_navi.png) no-repeat;
	background-position:-472px -80px;
}

#navi .button_bottom li{
	width:950px;	
	margin:0 auto;
}

#navi ul li{
	float:left;
	display:block;
		
}

#navi .button_top li{
	width:198px;
	height:26px;
}

#navi .button_top li a{ 
	display:block;
	width:198px;
	height:26px;
}

#navi .button_bottom li{
	width:158px;
	height:50px;
}

#navi .button_bottom li a{
	display:block;
	width:158px;
	height:50px;
}


/* ------------------------------------- 
 *	ヘッダーナビゲーション　大グループ
 * ------------------------------------- */

#navig .button_bottom li{
	width:135px;
	height:30px;
}
#navig .button_bottom li a {
    display: block;
    width: 135px;
    height: 30px;
}

#navig ul li {
    float: left;
    display: block;
}

#navig{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/nav_lg_cate02.gif?cmsp_timestamp=20170304115312) no-repeat;
	width:950px;
	height:30px;
	margin:0 auto;
	margin-bottom:5px;
}

.navig01:hover{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/nav_lg_cate02.gif?cmsp_timestamp=20170304115312) no-repeat;
	background-position:0px -30px;
}
.navig02:hover{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/nav_lg_cate02.gif?cmsp_timestamp=20170304115312) no-repeat;
	background-position:-135px -30px;	
}
.navig03:hover{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/nav_lg_cate02.gif?cmsp_timestamp=20170304115312) no-repeat;
	background-position:-270px -30px;	
}
.navig04:hover{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/nav_lg_cate02.gif?cmsp_timestamp=20170304115312) no-repeat;
	background-position:-405px -30px;	
}
.navig05:hover{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/nav_lg_cate02.gif?cmsp_timestamp=20170304115312) no-repeat;
	background-position:-540px -30px;	
}
.navig06:hover{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/nav_lg_cate02.gif?cmsp_timestamp=20170304115312) no-repeat;
	background-position:-675px -30px;	
}
.navig07:hover{
	background:url(https://img11.shop-pro.jp/PA01057/590/etc/nav_lg_cate02.gif?cmsp_timestamp=20170304115312) no-repeat;
	background-position:-810px -30px;	
}

#navi ul{
	overflow:hidden;
}

/* ------------------------------------- 
 *	ラッピングページスタイル設定
 * ------------------------------------- */

#wrapping {
	width:700px;
	margin: 10px auto;
    position: relative;
}

#wrapping_title {
  width: 700px;
  height: 320px;
  background-image: url("https://ki-yan.com/shop/freepage/wrapping/bg_title.jpg");
  margin-bottom: 20px;
}

#wrapping h3 {
	font-size: 4em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:600;
  position: absolute;
  top: 35px;
  left: 20px;
}

#wrapping h4 {
	font-size: 1.3em;
	font-weight:600;
  line-height: 3em;
}

#wrapping p {
  	font-size: 1.1em;
  line-height: 2em;
  margin: 1em;
}

#wrapping .sub_title {
  	font-size: 1.5em;
    position: absolute;
  top: 75px;
  left: 25px;
}

#wrapping .outline {
  	font-size: 1.2em;
  line-height: 1.8em;
    position: absolute;
  width: 320px;
  top: 115px;
  left: 30px;
}

#wrapping img {
  display: block;
  margin: 10px auto;
}

#wrapping hr {
 	color: #eeeeee;
  width: 700px;
}

#wrapping_title ul {
  position: absolute;
  top: 215px;
  left: 30px;
}

#wrapping_title li {
  font-weight: bold;
  font-size: 1.1em;
 line-height: 1.8em; 
}

/* ------------------------------------- 
 *	フリーページスタイル設定
 * ------------------------------------- */
.img_free {
    margin: 5px 0px;  
}

.sns_botton {
  width: 350px;
  padding: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

/* ------------------------------------- 
 *	福袋ページスタイル設定
 * ------------------------------------- */

.luckybag {
	width:700px;
	padding:20px 0;
	margin:0 auto;
overflow:hidden;
}

.lb_text_l{
margin: 30px 0 20px 15px;
width: 340px;
}

.luckybag h1{
margin-bottom:60px;
}

.luckybag h2{
font-size:21px;
font-weight:initial;
margin-bottom:10px;
margin-top:100px;
border-bottom: solid 1px #ccc;
padding-bottom: 10px;
}

.luckybag h3{
font-size:15px;
font-weight:initial;
clear: both;
margin: 80px 0 20px 0;
}

.luckybag li {
float: left;
margin: 0 7px;
}

.b_left{
font-size:16px;
margin-top:30px;
}

.b_right{
float: right;
font-size: 16px;
margin-bottom:30px;
}

.size_ox dt{
margin: 10px 0;
}

.size_ox dd{
margin-bottom: 20px;
}

.beggining{
text-align:center;
margin-top:80px;
clear: both;
}

.beggining img{
margin: 10px 0;
}

.s_button{
margin: 10px 0;
overflow: hidden;
}

.type{
margin:20px 0;
}

.l_text{
width: 440px;
margin: 0 auto;
font-size: 16px;
}

.l_text span{
font-size: 12px;
}

/* ------------------------------------- 
 *	f10 Ki-Yan Stamp Rally ページスタイル設定
 * ------------------------------------- */
.sizetable {
    width: 700px;
    height: auto;
    margin: 0;
    padding: 0;
    background: #FFF;
}

.sizetable th {
    width: 78px;
    height: 20px;
    text-align: center;
    padding: 0.3em;
    background: #d4d9dc;
    border-bottom: 1px dotted #9f9f98;
}




/*--------------------------メインイメージ　設定--------------------------*/

#mainImage{
	position:relative;
	padding-bottom:10px;
}

#carouselWrap{
	position:relative;
	width:950px;
	height:390px;
	margin:0 auto;
	overflow:hidden;
}

#carouselMain{
	position: absolute;
	left: 0;
	top: 0;
	margin-left: -950px;
	overflow: hidden;
}

#carouselMain li{
	float:left;
}

#carouselMain li a{
	display:block;
}

#carouselMain li a:hover{
	opacity:0.75;
}

#carouselMain li img{
	display:block;
	width:950px;
	height:390px;
}

#carouselThum{
	width:950px;
	height:37px;
	margin:0 auto;
	text-align:center;
}

#carouselThum li{
	display: inline-block;
	width: 76px;
	height: 31px;
	color: #ddd;
	color: rgba(220,220,220,0.6);
	line-height: 42px;
	margin: 5px 10px;
	cursor: pointer;
	border: 1px solid #dadada;
	overflow: hidden;

}

#carouselThum li img{
	display:block;
}

#carouselThum li.active{
	border: 1px solid #F00;
}

div.fb-like {
display: block;
width:160px;
margin-left:auto;
margin-right:auto;
}

.thanks {
padding-top: 15px;
text-indent: 100px;}
}



/*---------スマホカテゴリ----------*/

#main #cate_smph{
  overflow: hidden;
  margin: 20px 0;
}

#main #cate_smph li{
  float:left;
  margin:16px 29px;
}




/*---------メールマガジン登録フォーム----------*/
#sp {
   /*-text-align: center;-*/
   border: solid 1px #ccc;
   margin: 10px 0px;
}
#sp p {
   color: #333333;
   line-height: 160%;
   border: 0px;
   margin: 0px;
   padding: 2px 4px;
   font-size: 0.95em;
}
#sp th {
   background-color: #e9e9e9;
   text-align: left;
   font-size: 15px;
   width: 192px;
   height: 30px;
}
#sp td {
   padding: 3px;
   background-color: #e9e9e9;
}
.formPost {
   width: 190px;
   text-align: right;
}
#input {
   width: 186px;
   height: 22px;
}
.inputBottun {
   width: 35px;
   font-size: 1em;
   margin-top: 3px;
   padding: 3px 3px;
   background: #EEE;
   border-top: 1px solid #DDD;
   border-left: 1px solid #DDD;
   border-right: 1px solid #BBB;
   border-bottom: 1px solid #BBB;
   color:#111;
}

#width720 {
	width:720px;
	margin: 0 0 0 10px;
}

<!--グループページ-->
.pickup {
  width: 700px;
  margin: 20px auto;
}
 
<!--営業日カレンダー-->
.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 5px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}
.side_cal {
 margin-top: 20px; 
}

.side_section {
  margin-top: 20px; 
  margin-bottom: 20px; 
}


/*フッターカテゴリナビ*/

#footcategory{
   width: 910px;
	margin:10px auto;
	overflow:hidden;
}

#footcategory dl{
	font-size:11px;
	float:left;
	width:130px;
	height:250px;
	margin:0px;
}

#footcategory dt{
  text-align:left;
  margin-top: 6px;
  margin-bottom: 2px;
  font-weight: bold;
}

#footcategory dd {
	width:130px;
	margin-left: 5px;
}

#footcategory .c_short{
	width: 100px;
}

#footcategory dl dd a{
	text-decoration:none;
	color:#820000;
}


/*#footcategory dl dd .circle{
	color:#ffe600;
	margin:0 5px;
	vertical-align:middle;
}
*/

#btm {
  	width: 100%;
	height: 60px;
	text-align:center;
	font-size:10px;
	padding: 5px 0;
	color: #ddd;
	background:#003F73;
}

/*-----トップへ戻るボタン（追随式）-----*/

#page-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
}
#page-top a {
    background: #eee;
    width: 50px;
    padding: 10px;
    margin: 3px;
    display: block;
    border-radius: 3px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

#favorite_items {
  margin: 10px 0 10px 26px;
  width: 920px;
}

.favoriteitem {
    float: left;
    width: 150px;
    margin: 20px 0 10px 25px;
    display: inline-block;
    text-align: center;
}

#insta_footer {
  margin: 10px 0 30px 26px;
  width: 920px;
}

.cate_box {
	float:left;
	width:220px;
margin: 0 0 20px 10px;
display:inline-block; 
/display:inline; 
/zoom:1;
	text-align: center;
	}

.cate_box img{
	border:0;
	display:block;
	}

#map1{
	width: 900px;
	height: 440px;
	margin: 0 auto;
}

.textbox {
  margin:10px 0;
  background: #f7f6f5;
  border:1px solid #ffe200;
  font-size: 105%;
  line-height: 1.8em;
  padding: 10px;
  clear: both;
}

.notebox {
  margin:10px 20px;
  border:1px solid #000;
  font-size: 100%;
  line-height: 1.8em;
  padding: 10px;
  text-align: center;
  clear: both;
}

.notebox-red {
  margin:10px 20px;
  border:2px solid #e10012;
  font-size: 100%;
  line-height: 1.8em;
  padding: 10px;
  text-align: center;
  clear: both;
}

.notebox-alignleft {
  margin:10px 20px;
  border:1px solid #000;
  font-size: 100%;
  line-height: 1.8em;
  padding: 10px;
  text-align: left;
    clear: both;
}

.notebox-noborder {
  margin:10px 20px;
  font-size: 1.0em;
  line-height: 1.8em;
  padding: 10px;
    clear: both;
}

.view-cart {
  position: absolute;
  top: 35px;
  right: 20px;
  padding-top: 0 !important;
}

.view-cart a {
  color: #ffffff;
}

.btn-viewcart {
  padding: 10px;
  width: 100px;
  height: 45px;
  background-color: #990000;
}

.icon-lg-w {
  background-image: url(https://img.shop-pro.jp/tmpl_img/78/icon24_w.png);
}

.icon-lg-b, .icon-lg-w {
  width: 24px;
  height: 24px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  position: relative;
  top: -0.15em;
}

.icon-lg-w.icon-cart {
  background-position: -264px -96px;
  margin-right: 10px;
}

.minchobox {
  margin:10px auto;
  width: 90%;
  border:1px solid #000;
  font-size: 1.2em;
  text-align: left;
  line-height: 2.1em;
  padding: 10px;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.minchobox_aligncenter {
  margin:10px 20px;
  width: 90%;
  border:1px solid #000;
  font-size: 1.2em;
  text-align: center;
  line-height: 2.1em;
  padding: 10px;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.minchonotebox {
  margin:50px 20px;
  border:1px solid #000;
  font-size: 1.4em;
  line-height: 1.8em;
  padding: 10px;
  text-align: center;
  clear: both;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.minchoarea {
  margin:10px auto;
  width: 90%;
  font-size: 1.2em;
  text-align: center;
  line-height: 2.1em;
  padding: 10px;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	  margin-top: 25px;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.supplement {
  font-size: 1.1em;
  line-height: 1.8em;
}

/------*ランディングページ*-----/

.lpcenter {
  width: 980px;
  margin: 0 auto;
  text-align: center;
}

strike {
  text-decoration: line-through;
  }

.lp_item {
  width: 950px;
  margin: 0 auto;
}

.lp_item li {
  width: 300px;
  margin: 7px;
  float: left;
}

.lp_item p {
  font-size:1.1em;
}

.lp_item a {
  color: #e15458;
}

/***** SNSリンク *****/
.l-sns-navi {
  position: fixed;
  right: 50px;
  top: 20%;
}
@media screen and (max-width: 1150px) {
  .l-sns-navi {
    position: absolute;
    top: 18px;
    left: 540px;
  }
}
@media screen and (max-width: 1150px) {
  .l-sns-navi-list {
    display: flex;
    justify-content: center;
  }
}
.l-sns-navi-list__item {
  margin-bottom: 15px;
}
@media screen and (max-width: 1150px) {
  .l-sns-navi-list__item {
    margin-right: 20px;
  }
}
.l-sns-navi-list__item:last-child {
  margin: 0;
}


.fa-facebook-f {
  color: #333;
}

.fa-instagram {
  color: #333;
}

.fa-twitter {
  color: #333;
}

.fa-twitter a:hover {
  color: #1da1f2 !important;
}

.fa-youtube {
  color: #333;
}
.fa-pinterest {
  color: #333;
}

.free_productslist {
 width: 90%;
  margin:10px auto;
}

.free_productslist td{
  width: 300px;
}

/* ----------2枚の画像を重ねるアレ------------- */
.hover {
  position: relative;
}
.back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.back img {
  max-width: 100%;
  opacity: 0.0;
  transition: 0.2s linear;
}
.front {
  max-width: 100%;
  transition: 0.2s linear;
}
/* ----------------------- */
.hover:hover .back img {
  opacity: 1.0;
}
.hover:hover .front {
  opacity: 0.0;
}

/* ここからはレイアウト */
/* ----------------------- */
.box-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10vw;
}
.box {
  -webkit-flex: 0 1 48%;
  flex: 0 1 48%;
}
@media screen and (max-width: 768px) {
.box-wrap {
  flex-direction: column;
}
}

/* ----------メール/LINE/Instaで問い合わせる------------- */

.inqbox {
  margin:10px 175px;
  border:1px solid #000;
  font-size: 1.3em;
  line-height: 1.8em;
  padding-top: 20px;
  text-align: center;
  clear: both; 
}
.inq {
  width: 600px;
  margin: 30px 0 150px 125px;
}

.inq ul li{
	float:left;
    display: block;
}

.inq li{
	padding: 0 25px;
}
