@charset "UTF-8";
/* -------------------------------
reset.css（持ち込み）
------------------------------- */
html {
	color:#000;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;}
img{
border:0;
vertical-align:bottom;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;font-weight:normal;
}
li {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:Arial,'hiragino kaku gothic pro',Helvetica,meiryo;
	font-size:100%;
}
input, textarea, select {*font-size:100%;}
legend {color:#000;}

/* -------------------------------
default.css（持ち込み）
------------------------------- */
html{overflow-y:scroll;}
body, address, caption, cite, code, dfn, em, th, strong, var {
	font-style:normal;font-weight:normal;
} 
table {
font-size: inherit; /* モダンブラウザ */
font: 100%; /* IE 5-5.5､IE6後方互換 */
}
caption, th{text-align:left;}
img{vertical-align:bottom;}
img, a img{border:none;
background:transparent;}
a {cursor:pointer;}
a:focus {outline:none;}
abbr, acronym {border:0;}  
li li, li p, li pre, li dt, li dd, dd li, dd p, dd pre, dd dt, dd dd {font-size:1em;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, th {
font-size:1em;font-weight:normal;font-style:normal;
}
sub {vertical-align: super;}
sup {vertical-align: super;}
pre, code, kbd, samp, tt {
font-family: monospace;
*font-size: 108%; /* Win IE全般向け */
line-height: 100%;
}
ul {list-style:none;}
ol, ul {
text-align:justify;text-justify:inter-ideograph;
}
li{display:list-item;}

/* -------------------------------
Clearfix
------------------------------- */
.clearfix:after {/*for modern browser*/
content: " ";
display: block;
height: 0;
clear: both;
line-height:0;
visibility: hidden;
overflow:hidden;
}
.clearfix {
zoom:1; /*for IE 5.5-7*/
overflow:hidden;
}

/* -------------------------------
スマホでPC版を表示したときに出る「スマホ版で表示」のボタンを非表示
------------------------------- */
.smartphone_bar{
	display:none;
}
/* -------------------------------
base style
------------------------------- */
body{
	width:100%;
	text-align:left;
	color:#000;
	font-family:Arial,'hiragino kaku gothic pro',Helvetica,meiryo;
	font-size:100%;
	word-break:break-all;
	-webkit-text-size-adjust:100%;
}
/* -------------------------------
link style 
------------------------------- */
a, a:link, a:visited{
	color:#000;
	text-decoration:none;
}
a:hover, a:active{
	color:#999;
	text-decoration:none;
}
a:link img.btnOpacity, a:visited img.btnOpacity{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
a:hover img.btnOpacity, a:active img.btnOpacity{
	filter: alpha(opacity=75);
	-moz-opacity:0.6;
	opacity:0.6;
}

/* --------------------------------------------------------------------------------
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆　PC用　◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
（画面の横幅が971px以上）
-------------------------------------------------------------------------------- */
/* -------------------------------
PCとスマホで表示するパーツをわける
------------------------------- */
/*PCオンリーパーツを表示する*/
.pc_only{
     display:inline;
}
/*タブレットオンリーパーツを表示しない*/
.tablet_only{
	display:none;
}
/*スマホオンリーパーツを表示しない*/
.sp_only{
	display:none;
}
/*brを表示する*/
.br{
	display:inline;
}
/* -------------------------------
btn style 
------------------------------- */
/*----- ボタン大 ----- */
.black_button,
a.black_button:hover,
a:link.black_button,
a:visited.black_button,
#member input[type="submit"],
#pwreissue input[type="submit"],
#withdraw input[type="submit"],
#id_beginpayment input[type="submit"],
#Loozoo_top .submit_button,
#Loozoo_top .error_submit_button,
#Loozoo_top .result_submit_button{
	display:block;
	border-radius:100px;
	background-color:#000;
	color:#fff;
	text-decoration:none;
	text-align:center;
	font-size:90%;
	font-weight:bold;
	padding:20px 0;
	line-height:1;
	width:340px;
	margin:0 auto 20px;
	border:none;
	cursor: pointer;
}
/*----- ボタン小 ----- */
.regi_cartin .list input[type="button"],
.item_count_btn input[type="submit"]{
	display: inline-block;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:none;
	background-color: #000;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	cursor:pointer;
	padding:2px 10px;
	margin-right:5px;
	line-height:20px;
	text-indent:0px;
	font-size:80%;
	cursor: pointer;
}
.pageback{
	margin:40px 0 40px;
	text-align:center;
}
/* -------------------------------
table style 
------------------------------- */
table{
	width: 100%;
	border-collapse:collapse;
}
th,td{
	border-bottom:1px solid #d0d0d0;
	padding:15px;
}

/* -------------------------------
Layout style 
------------------------------- */
#wrapper{
	width:950px;
	margin:0 auto;
}
/* -------------------------------
main style 
------------------------------- */
#main .contents{
}
#main .contents_title{
	font-size:160%;
	margin-bottom:40px;
}
#main .contents_subtitle{
	font-size:120%;
	font-weight:bold;
	margin-bottom:20px;
}
#main .contents_message p{
	clear:both;
	text-align:center;
	line-height:1.8;
	margin-bottom:40px;
}
/* table style */
#main table.table,
#main table.list {
	margin-bottom:20px;
}
#main table.table thead th {
	text-align: center;
}
#main table.list tbody th {
	width: 200px;
}
/* -------------------------------
Header style 
------------------------------- */
#header{
	width:100%;
	margin:25px 0 20px;
	position:relative;
}
/*PCとスマホで画像切り替わりの仕組みメモ：背景画像にPC用画像を、imgにスマホ用画像を指定してる*/
#header .logo img{
	display:none;/*スマホ用画像を消す*/
}
#header .logo a{
	display:block;
	width:187px;
	height:46px;
	margin:0 auto;
	background:transparent url(http://cache.cart-imgs.fc2.com/upfile/lztest/logo.png) no-repeat center 0;
}
#header .user{
	position:absolute;
	bottom:0;
	right:65px;
	font-size:80%;
}
#logout{
	background-color:#FFF;
	color:#000;
	text-decoration: none;
	font-family: Arial,'hiragino kaku gothic pro',Helvetica,meiryo;
	padding:0;
	border:none;
	margin:0 auto;
	cursor: pointer;
}
#header .cartcheck{
	position:absolute;
	bottom:0;
	right:0;
}

/* -------------------------------
メンテナンス中コメント
------------------------------- */
#maintenance_page{
	text-align: center;
	padding:40px 0 80px;
}
/* -------------------------------
パンくず
------------------------------- */
#topic_path {
	margin:20px 0 20px;
	font-size:70%;
}
#topic_path a{
	text-decoration:none;
}
#topic_path li{
	display:inline-block;
	margin-right:5px;
}
#topic_path li span{
	margin-right:5px;
}
/* -------------------------------
レコメンド（トップページのみ）
------------------------------- */
/*PCとスマホで画像切り替わりの仕組みメモ：背景画像にPC用画像を、imgにスマホ用画像を指定してる*/
#recommend{
	margin-bottom:40px;
}
#recommend img{
	display:none;/*スマホ用画像を消す*/
}
#recommend .rm_01 a{
	display:block;
	width:950px;
	height:460px;
	float:left;
	background:transparent url(http://cache.cart-imgs.fc2.com/upfile/loozoo/rm_06.jpg) no-repeat center 0;
	margin-bottom:10px;
}
#recommend .rm_02 a{
	display:block;
	width:470px;
	height:300px;
	float:left;
	background:transparent url(http://cache.cart-imgs.fc2.com/upfile/loozoo/rm_07.jpg) no-repeat center 0;
	margin-right:10px;
}
#recommend .rm_03 a{
	display:block;
	width:470px;
	height:300px;
	float:left;
	background:transparent url(http://cache.cart-imgs.fc2.com/upfile/loozoo/rm_03.jpg) no-repeat center 0;
}

/* -------------------------------
検索
------------------------------- */
.search{
	text-align:right;
	width:100%;
	margin-bottom:40px;
	font-size:80%;
}
/*----- 検索用のインプットボタン ----- */
.btn_search{
	width:26px;
	height:26px;
	border:none;
	overflow:hidden;
	cursor:pointer;
	padding:0;
	text-indent:-9999px;
	background:url(http://cache.cart-imgs.fc2.com/upfile/loozoo/btn_search.png) no-repeat left top;
}
/*----- 検索入力窓 ----- */
.input_search{
	background: #ffffff;
	border:1px solid #d0d0d0;
	border-radius:5px;
	height:30px;
	line-height:30px;
	text-align:left;
	text-indent:5px;
	vertical-align:middle;
	width:230px;
	margin-right:5px;
}
/* -------------------------------
商品一覧ページ
------------------------------- */
.category_title{
	font-size:160%;
	float:left;
}
.content_section{
	margin-bottom:40px;
}
/*----- アイテム一覧 ----- */
/*
全体幅＝950px
画像の幅＝215px
215px÷950px＝0.2263157894736842
全体幅が950pxのとき215pxは22.63157894736842%＝四捨五入で22.6%

右マージン＝30px
30px÷950px＝0.0315789473684211
全体幅が950pxのとき30pxは3.15789473684211%＝四捨五入で3.2%

最終的に「画像の幅×個数」「右マージン＋個数」の合計が100%になっていればOK
*/
#main .item_list ul{
	width:100%;
}
#main .item_list li{
	float:left;
	width:22.6%;/*画像の幅*/
	height:auto;
	margin:0 3.2% 40px 0;/*右マージン*/
	font-size:80%;
	line-height:1.4em;
	text-align:center;
}
#main .item_list li:nth-child(4n){/*4の倍数のliにだけ適用*/
	margin-right:0;
}
#main .item_list img{
	width:100%;
	height:auto;
	margin-bottom:20px;
}
#main .item_list .item_name{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.item_accent{
	font-weight:bold;
	font-style:italic;
	color:#c0897b;
	margin-right:5px;
}


/*----- ページャー ----- */
#main .pager {
	text-align:center;
	margin-bottom: 40px;
}
#main .pager .pager_inner a,
#main .pager .pager_inner span {
	margin: 0 5px;
	padding: 10px 13px;
	text-decoration: none;
}
#main .pager .pager_total {
	margin-top: 4px;
	color: #a9a9a9;
}
#main .pager .pager_inner a {
	background-color: #000;
	border:1px solid #d0d0d0;
	color: #FFFFFF;
}
#main .pager .pager_inner a:hover,
#main .pager .pager_inner span {
	background-color: #FFFFFF;
	border: 1px solid #d0d0d0;
	color: #414141;
}
/* -------------------------------
カスタムページ
------------------------------- */
.custompage{
	text-align:left;
}
.custompage a{
    text-decoration:underline;
}
.custom_title{
	font-size:160%;
	margin-bottom:40px;
}
.custompage dt{
	font-size:130%;
	font-weight:bold;
	margin-bottom:20px;
}
.custompage dd{
	margin-left:25px;
	line-height:1.8;
	margin-bottom:40px;
}
.custompage .summary{
	margin-bottom:40px;
	line-height:1.8;
}
/*----- About Loozoo ----- */
.custompage #about{
	text-align:center;
}
.custompage #about img{
	margin-bottom:40px;
}
.custompage #about img{
	margin-bottom:40px;
}
.custompage #about dd{
	padding-bottom:80px;
	border-bottom:1px solid #d0d0d0;
	margin-bottom:80px;
}
.custompage #about h3{
	margin-top:40px;
	font-weight:bold;
	font-size:110%;
}
.custompage #about #contact dd{
	border:none;
	padding-bottom:0px;
}
/*----- faq ----- */
.custompage #faq dd p{
	margin:0 0 20px 1.5em;
}
/*----- attention ----- */
.custompage #attention img{
	margin-bottom:40px;
}
/* -------------------------------
商品詳細ページ
------------------------------- */
/*----- 写真 ----- */
#itemdetail .item_images{
	float:left;
	width:570px;
}
#itemdetail .thu_large:first-child{
	display:inline;
}
#itemdetail .thu_large{
	display:none;
}
#itemdetail .item_images li{
	float:left;
	width:128px;/*画像の幅*/
	height:auto;
	margin:0 6px 0 0;/*右マージン*/
}
#itemdetail .item_images li:first-child{
	width:530px;/*画像の幅*/
	height:auto;
}
#itemdetail .item_images img{
	width:100%;
	height:auto;
}
#itemdetail .item_images li:nth-child(5n){/*5の倍数のliにだけ適用*/
/*	margin-right:0;*//*写真の枚数によって何番目か変わるので今回は使えない*/
}
#itemdetail .item_images .thu_small{
	margin-top:20px;
}
/*----- テキスト ----- */
#itemdetail .item_txt{
	float:left;
	width:380px;
}
#itemdetail .item_txt a{
	text-decoration:underline;
}
#itemdetail .item_name{
	margin-bottom:40px;
	font-weight:bold;
	font-size:140%;
}
#itemdetail .item_accent{
	margin-left:5px;
	font-size:90%;
}
#itemdetail .item_comment{
	margin-bottom:40px;
}
#itemdetail .item_comment .comment1{
	margin-bottom:20px;
}
#itemdetail .item_comment .comment2{
	font-size:70%;
	line-height:1.5;
}
#itemdetail .item_price{
	margin-bottom:20px;
	font-size: 140%;
}
#itemdetail .item_count,
#itemdetail .item_type{
	margin-bottom:20px;
}
#itemdetail .black_button{
	margin:0;
}
.social_buttons{
	margin-top:40px;
}
.twitter{
	position:relative;
	left:0;
	top:0;
}
.facebook{
	position: relative;
	left:0px;
	top:-8px;
}
.arrival_notice_request{
	font-size:80%;
}
#itemdetail .item_txt .pageback{
	text-align:left;
}

/*----- checkcart ----- */
.order_list ul{
	border-top:1px solid #d0d0d0;
	padding:0 20px;
}
.order_list .ttl{
	border-top:none;
}
.order_list ul li{
	float:left;
	padding:15px 0;
}
.order_list .item_name{
	width:70%;
}
.order_list .item_count{
	width:10%;
	text-align:right;
}
.order_list .item_price,
.order_list .total{
	width:10%;
}
.order_list .item_count span,
.order_list .item_price span,
.order_list .total span{
	display:none;
}
.order_list .item_count_btn{
	width:80%;
	text-align:right;
}
.order_list .item_count_btn span{
	display:none;
}
.order_list .item_total{
	width:20%;
	font-size:110%;
}
#checkcart .goto_cart{
	text-align:center;
}
#regi_checkout .item_total{
	width:100%;
	font-size:110%;
}
.error{
	margin:10px 0;
}
/* -------------------------------
カート決済ページ
------------------------------- */
#regi_checkout .message{
	margin-bottom:20px;
}
th{
	width:200px!important;
}
th br{
	display:none;
}
/*入力input*/
input[type="text"],
input[type="email"],
input[type="password"],
textarea{
	width:400px;
	background:#ffffff;
	border:1px solid #d0d0d0;
	border-radius:5px;
	line-height:30px;
	text-align:left;
	text-indent:5px;
	vertical-align:middle;
	padding:2px;
	margin-right:5px;			/*inputにはデフォルトでpaddingやborderが入っているのでwidth:100%とするとはみ出るので以下をいれるとそのぶん削ってくれるのでぴったり収まる*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
 }
/*郵便番号input*/
#signup #m_postnum,
#member #m_postnum{
	width: 200px;
}
/*住所自動入力ボタン*/
#in_postnum{
	margin-bottom:5px;
}
/*備考欄*/
#regi_checkout textarea{
	height:70px;
}
.formbutton .prev{
	background-color:#fff;
	color:#000;
	text-decoration: underline;
	padding:0;
	font-family: Arial,"hiragino kaku gothic pro",Helvetica,meiryo;
	font-size: 100%;
	border:none;
	margin:0 auto;
	cursor: pointer;
}
.formbutton{
	text-align:center;
}
.number{
	text-align: right;
}
.error {
	text-align:center;
	color: #ff0000;
}
/* ----- パスワードわすれ ----- */
#pwreissue input[type="submit"]{
	margin: 0 0 20px;
}
/* ----- 会員はログイン ----- */
#regi_login .first { margin-top: 40px; }

/* ----- ？？？ ----- */
#id_beginpayment input[type="submit"]{
	margin:40px auto;
}
/* -------------------------------
会員ページ
------------------------------- */
#member td a{
	margin-right:10px;
}
#member input,#member textarea{
	width:96%;
}
#withdraw .message{
	margin-bottom:20px;
}
/* -------------------------------
Loozooとは
------------------------------- */
#AboutLoozoo{
	border-top:1px solid #d0d0d0;
	margin-top:80px;
	padding:40px 0 80px;
	text-align:center;
}
#AboutLoozoo dt{
	font-size:110%;
	margin-bottom:20px;
}
#AboutLoozoo dd{
	font-size:85%;
}
#AboutLoozoo p{
	margin-bottom:20px;
	line-height:1.8;
}
/* -------------------------------
商品詳細用のミニレコメンド
------------------------------- */
#recommend_small{
	margin-bottom:30px;
}
#recommend_small ul{
	width:100%;
}
#recommend_small li{
	float:left;
	width:314px;/*画像の横幅*/
	height:auto;
	margin:0 4px 4px 0;/*右マージン*/
}
#recommend_small li:nth-child(3n){/*3の倍数のliにだけ適用*/
	margin-right:0;
}
#recommend_small img{
	width:100%;
	height:auto;
}
/* -------------------------------
info（下部のリンク）
------------------------------- */
#info{
	border-top:1px solid #d0d0d0;
	margin-bottom:20px;
	padding-top:20px;
	font-size:100%;
}
#info ul{
	text-align:center;
	line-height:1em;
}
#info li{
	display:inline;
	border-right:1px solid #333;
	padding:0 15px 0 0;
	margin:0 15px 0 0;
	line-height:1em;
}
#info li:last-child{/*最後だけ縦線なし*/
	border-right:none;
	padding-right:0;
	margin-right:0;
}
/* -------------------------------
footer style 
------------------------------- */
#footer{
	border-top:1px solid #d0d0d0;
	padding-top:20px;
	width: 100%;
	margin-bottom:20px;
	text-align: center;
	font-size:75%;
}
#footer a{
	text-decoration:none;
}
/* -------------------------------
雑貨サーチ系リンク 
------------------------------- */
#zakka_search{
	margin:20px 0 40px;
	text-align: center;
	font-size:75%;
}
#zakka_search a{
	text-decoration:none;
	margin:0 5px;
}
/*-------------------------------
忍者メールフォーム
-------------------------------*/
/*メールフォームのパーツや送信ボタン（タイトル、説明文以外）*/
#Loozoo_top .main{
	clear: both;
}
/*nameパーツのinput*/
#Loozoo_top .name_parts{
	width:18em;
}
/*mailパーツのinput*/
#Loozoo_top .mail_parts{
	width:18em;
}
/*textareaパーツのinput*/
#Loozoo_top .textarea_parts{
	height:15em;
}
/*nameパーツの表示名と入力項目*/
#Loozoo_top .name_top{
	float:left;
	margin:0 20px 20px 0;
}
/*nameパーツの「name」、mailパーツの「mail」*/
#Loozoo_top .name_left,
#Loozoo_top .mail_left{
	float:left;
	margin-right:10px;
	padding-top:0.3em;
}
/*name、mailパーツの入力項目*/
#Loozoo_top .name_right,
#Loozoo_top .mail_right{
	float:left;
}
/*mailパーツの表示名と入力項目*/
#Loozoo_top .mail_top{
	float:left;
	margin:0 10px 20px 0;
}
/*textareaパーツの「本文」*/
#Loozoo_top .textarea_left{
	display:none;
}
/*textareaパーツのinput*/
#Loozoo_top .textarea_parts{
	width:100%;
}
/*textareaパーツの入力項目*/
/*#Loozoo_top .textarea_right{
	color:#000;
}*/
/*メールフォームの送信ボタン囲ってるDIV*/
#Loozoo_top #Loozoo_submit{
	padding:20px 0 0;
	text-align:center;
}
/*広告部分*/
#shinobi_jp_text{
	display:none;
}


/*PC用おわり*/




/* --------------------------------------------------------------------------------
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆　タブレット用　◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
（画面の横幅が970px以下～641pxまで）
-------------------------------------------------------------------------------- */
@media screen and (max-width:970px){
/* -------------------------------
PCとスマホで表示するパーツをわける
------------------------------- */
/*PCオンリーパーツを表示しない*/
.pc_only{
     display:none;
}
/*タブレットオンリーパーツを表示する*/
.tablet_only{
     display:inline;
}
/* -------------------------------
btn style 
------------------------------- */
/*----- ボタン大 ----- */
.black_button,
a.black_button:hover,
a:link.black_button,
a:visited.black_button,
#member input[type="submit"],
#pwreissue input[type="submit"],
#withdraw input[type="submit"],
#id_beginpayment input[type="submit"],
#Loozoo_top .submit_button,
#Loozoo_top .error_submit_button,
#Loozoo_top .result_submit_button{
	font-size:100%;
	width:100%;
}
select{
	font-size:110%;
}
/* -------------------------------
Layout style 
------------------------------- */
#wrapper{
	width:100%;
	margin:0;
}
/* -------------------------------
main style 
------------------------------- */
#main{
	width:95.87628865979381%;/*970pxのとき左右それぞれ20px開けたい場合で計算した→930px÷970px＝0.9587628865979381*/
	margin:0 auto;
}
#main .contents_title{
	font-size:160%;
	margin-bottom:20px;
	padding-top:40px;
	border-top:1px solid #d0d0d0;
}
#main .contents_subtitle{
	font-size:120%;
	font-weight:bold;
	margin-bottom:20px;
}
#main .contents_message p{
	text-align:left;
	line-height:1.8;
	margin-bottom:40px;
}
/* -------------------------------
Header style 
------------------------------- */
/*PCとスマホで画像切り替わりの仕組みメモ：背景画像にPC用画像を、imgにスマホ用画像を指定してる*/
#header{
	width:100%;
	margin:20px 0;
}
#header .logo{
	text-align:center;
}
#header .logo a{/*PC用設定をリセット*/
	display:inline;
	width:auto;
	height:auto;
	margin:0;
	background:none;/*PC用画像を非表示*/
}
#header .logo img{
	display:inline;/*スマホ用画像を表示*/
	text-align:center;
	width:400px;
	height:auto;
}
#header .user{
     display:none;
}
#header .cartcheck{
     display:none;
}
/* -------------------------------
パンくず
------------------------------- */
#topic_path {
     display:none;
}
/* -------------------------------
レコメンド（トップページのみ）
------------------------------- */
/*PCとスマホで画像切り替わりの仕組みメモ：背景画像にPC用画像を、imgにスマホ用画像を指定してる*/
#recommend img{
	display:inline;/*スマホ用画像を表示*/
	width:100%;
	margin-bottom:10px;
}
#recommend .rm_01 a{/*PC用設定をリセット*/
	display:inline;
	width:100%;
	height:auto;
	float:none;
	background:none;/*PC用画像を非表示*/
	margin-bottom:0;
}
#recommend .rm_02 a{/*PC用設定をリセット*/
	display:inline;
	width:100%;
	height:auto;
	float:none;
	background:none;/*PC用画像を非表示*/
}
#recommend .rm_03 a{/*PC用設定をリセット*/
	display:inline;
	width:100%;
	height:auto;
	float:none;
	background:none;/*PC用画像を非表示*/
}
/* -------------------------------
商品一覧ページ
------------------------------- */
.category_title{
	font-size:160%;
	float:none;
	margin-bottom:20px;
	text-align:center;
	padding-top:20px;
	border-top:1px solid #d0d0d0;
}
/*----- アイテム一覧 ----- */
#main .item_list li{
	width:31.2%;/*画像の幅*/
	margin:0 3.2% 40px 0;/*右マージン*/
	font-size:80%;
	line-height:1.4em;
}
#main .item_list li:nth-child(4n){/*4の倍数のliにだけ適用*//*PC用の設定をリセット*/
	margin-right:3.2%;
}
#main .item_list li:nth-child(3n){/*3の倍数のliにだけ適用*/
	margin-right:0;
}
#main .item_list img{
	margin-bottom:10px;
}

/*----- 検索 ----- */
.search{
	text-align:left;
	font-size:100%;
	margin-bottom:-40px;
}
.input_search{
	height:auto;
	padding:2px;
	width:94%;
	margin-right:10px;
}
/* -------------------------------
カスタムページ
------------------------------- */
.custompage img{
	width:100%;
	margin-bottom:40px;
}
.custom_title{
	font-size:160%;
	margin-bottom:40px;
	text-align:center;
	padding-top:20px;
	border-top:1px solid #d0d0d0;
}
.custompage dd{
	margin-left:0;
}
/*----- About Loozoo ----- */
.custompage #about{
	text-align:left;
}
.custompage #about img{
	margin-bottom:40px;
}
.custompage #about dd{
	padding-bottom:40px;
	margin-bottom:40px;
}
.custompage #about #contact dd{
	border:none;
	padding-bottom:0px;
}
/*----- faq ----- */
.custompage #faq dd p{
	margin:0 0 20px 1em;
}
/*----- attention ----- */
.custompage #attention img{
	width:100%;
}
/* -------------------------------
商品詳細ページ
------------------------------- */
/*----- 写真 ----- */
#itemdetail .item_images{
	float:none;
	width:100%;
}
#itemdetail .item_images li{
	width:24.25%;/*画像の幅*/
	margin:0 0.75% 0 0;/*右マージン*/
}
#itemdetail .item_images li:first-child{
	width:100%;/*画像の幅*/
}
#itemdetail .item_images .thu_small{
	margin-bottom:40px;
}
/*----- テキスト ----- */
#itemdetail .item_txt{
	float:none;
	width:100%;
}
#itemdetail .item_comment .comment2{
	font-size:80%;
	line-height:1.5;
}
#itemdetail .item_price{
	text-align:right;
}
#itemdetail .item_count,
#itemdetail .item_type{
	text-align:right;
}
#itemdetail .item_txt .pageback{
	text-align:center;
}
/* -------------------------------
Loozooとは
------------------------------- */
#AboutLoozoo dd{
	font-size:100%;
}
#AboutLoozoo{
	margin-top:40px;
}
/* -------------------------------
商品詳細用のミニレコメンド
------------------------------- */
#recommend_small{
	margin-bottom:20px;
}
#recommend_small li{
	width:49.8%;/*画像の横幅*/
	margin:0 0.4% 4px 0;/*右マージン*/
}
#recommend_small li:nth-child(3n){/*3の倍数のliにだけ適用*//*PCの設定をリセット*/
	margin-right:0.4%;
}
#recommend_small li:nth-child(2n){/*2の倍数のliにだけ適用*/
	margin-right:0;
}
/* -------------------------------
雑貨サーチ系リンク 
------------------------------- */
#zakka_search br{
	display:none;
}




}
/*タブレット用おわり*/

/* --------------------------------------------------------------------------------
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆　スマホ用　◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
（画面の横幅が640px以下～320px）※基本はタブレット用のCSSが適用されてる
-------------------------------------------------------------------------------- */
@media screen and (max-width:640px){
/* -------------------------------
PCとスマホで表示するパーツをわける
------------------------------- */
/*スマホオンリーパーツを表示する*/
.sp_only{
	display:inline;
}
/*br表示（classで指定したbrを表示にする）*/
.br{
	display:none;
}
/* -------------------------------
main style 
------------------------------- */
#main{
	width:93.75%;/*320pxのとき10px開けたい場合で計算した→300px÷320px＝0.9375*/
	margin:0 auto;
}
#main .contents {
	margin-bottom:0;
}
/* -------------------------------
Header style 
------------------------------- */
/*PCとスマホで画像切り替わりの仕組みメモ：背景画像にPC用画像を、imgにスマホ用画像を指定してる*/
#header .logo img{
	width:240px;
	height:auto;
}
#header .logo a{
	width:auto;
	height:auto;
}
/* -------------------------------
商品一覧ページ
------------------------------- */
/*----- アイテム一覧 ----- */
#main .item_list li{
	width:47%;/*画像の幅*/
	margin:0 6% 20px 0;/*右マージン*/
	font-size:80%;
	line-height:1.4em;
}
#main .item_list li:nth-child(4n){/*4の倍数のliにだけ適用*//*PC用の設定をリセット*/
	margin-right:6%;
}
#main .item_list li:nth-child(3n){/*3の倍数のliにだけ適用*//*スマホ用の設定をリセット*/
	margin-right:6%;
}
#main .item_list li:nth-child(2n){/*2の倍数のliにだけ適用*/
	margin-right:0;
}
#main .item_list img{
	margin-bottom:10px;
}
/* -------------------------------
カスタムページ
------------------------------- */
.custompage dd{
	line-height:1.4;
}
.custompage .summary{
	line-height:1.4;
}
/*----- About Loozoo ----- */
.custompage #about img{
	margin-top:-20px;
	margin-bottom:20px;
}
.custompage #about dd{
	padding-bottom:40px;
	margin-bottom:20px;
}
/* -------------------------------
商品詳細ページ
------------------------------- */
/*----- 写真 ----- */
#itemdetail .item_images ul{
	margin-bottom:20px;
}
#itemdetail .item_images li:nth-child(4n){/*4の倍数のliにだけ適用*/
/*	margin-right:0;*//*写真の枚数によって何番目か変わるので今回は使えない*/
}
#itemdetail .item_images .thu_small{
	margin-top:10px;
	margin-bottom:0;
}
/*----- テキスト ----- */
#itemdetail .item_name {
	margin-bottom:20px;
}
#itemdetail .item_comment{
	margin-bottom:20px;
}
#itemdetail .item_comment .comment2{
	margin-bottom:0px;
}
#itemdetail .item_txt .pageback{
	margin:20px 0 0;
}

/*----- checkcart ----- */
.order_list ul{
	padding:15px 20px;
}
.order_list .ttl{
	display:none;
}
.order_list ul li{
	float:none;
	padding:5px 0;
}
.order_list .item_name{
	width:auto;
}
.order_list .item_count{
	width:auto;
	text-align:right;
}
.order_list .item_price{
	width:auto;
}
.order_list .total{
	width:auto;
}
.order_list .item_count span,
.order_list .item_price span,
.order_list .total span{
	display:inline;
}
.order_list .item_count_btn{
	width:auto;
	text-align:right;
}
.order_list .item_count_btn input{
	margin-top:10px;
}
.order_list .item_count_btn span{
	display:inline;
	font-size:80%;
}
.order_list .item_total{
	width:auto;
}
/*----- 検索 ----- */
.input_search{
	width:87%;
}
/* -------------------------------
カート決済ページ
------------------------------- */
th,td{
	display:block;
	width:100%!important;
}
th{
	border-bottom:none;
	padding:0 0 5px 0;
}
td{
	padding:0 0 15px 0;
}
#regi_login .message{
	margin-bottom:20px;
}
/*線が多い入力フォームだけ線を消しておく*/
#regi_login td,
.regi_user td,
.regi_regist td,
.regi_how td,
#member .member_edit td,
#pwreissue td{
	border-bottom:none;
}
/*入力input*/
input[type="text"],
input[type="email"],
input[type="password"],
textarea{
	width:100%;
	padding:4px;
	margin-right:0px;
}
/*郵便番号input*/
#signup #m_postnum,
#member #m_postnum{
	width:100%;
}
/*住所入力ページのみ右側に赤い*がつくのですこし縮める*/
/*入力input*/
#regi_checkout input[type="text"],
#regi_checkout input[type="email"],
#regi_checkout input[type="password"],
#regi_checkout textarea{
	width:96%;
	margin-right:0px;
}
/*郵便番号input*/
#regi_checkout #signup #m_postnum,
#regi_checkout #member #m_postnum{
	width:96%;
}
/*会員IDとパスワードのinputの右横の「半角英数字5～20文字」を非表示にする*/
.regi_regist td{
	white-space:nowrap;
	overflow:hidden;
}
.regi_regist td input{
	width:100%!important;
}
/*会員IDとパスワードの右横に「半角英数字5～20文字」を追加する*/
.regi_regist th:after{
	content: "（半角英数字5～20文字）";
}
/*お支払い方法の文字列が2個あるので1個消す*/
.regi_how th{
	display:none;
}
/* -------------------------------
Loozooとは
------------------------------- */
#AboutLoozoo{
	text-align:left;
	margin-top:40px;
	padding:20px 0 20px;
}
#AboutLoozoo a{
	display:none;
}
#AboutLoozoo p{
	line-height:1.4;
	margin-bottom:0;
}
/* -------------------------------
商品詳細用のミニレコメンド
------------------------------- */
#recommend_small{
	margin-bottom:20px;
}
#recommend_small li{
	width:49.5%;/*画像の横幅*/
	margin:0 1% 4px 0;/*右マージン*/
}
#recommend_small li:nth-child(3n){/*3の倍数のliにだけ適用*//*タブレットの設定をリセット*/
	margin-right:1%;
}
#recommend_small li:nth-child(2n){/*2の倍数のliにだけ適用*/
	margin-right:0;
}

/* -------------------------------
info（下部のリンク）
------------------------------- */
#info{
	padding-top:0;
	font-size:100%;
}
#info ul{
	text-align:left;
	line-height:1em;
}
#info li{
	border-right:none;
	padding:0;
	margin:0;
}
#info li a{
	display:block;
	border-bottom:1px solid #d0d0d0;
	padding:20px;
}
#info li:last-child{/*最後だけ縦線なし*/
	border-right:none;
	padding-right:0;
	margin-right:0;
}
#logout{
	display:block;
	width:100%;
	text-align:left;
	background-color:#FFF;
	color:#000;
	text-decoration: none;
	font-family: Arial,'hiragino kaku gothic pro',Helvetica,meiryo;
	padding:20px;
	border-bottom:1px solid #d0d0d0;
	margin:0 auto;
	cursor: pointer;
}
/* -------------------------------
footer style 
------------------------------- */
#footer{
	border-top:none;
	padding-top:20px;
}
/*-------------------------------
忍者メールフォーム
-------------------------------*/
/*nameパーツのinput*/
#Loozoo_top .name_parts{
	width:13em;
}
/*mailパーツのinput*/
#Loozoo_top .mail_parts{
	width:13em;
}
/*textareaパーツのinput*/
#Loozoo_top .textarea_parts{
	height:8em;
}
/*nameパーツの表示名と入力項目*/
#Loozoo_top .name_top{
	margin:0 20px 10px 0;
}
/*mailパーツの表示名と入力項目*/
#Loozoo_top .mail_top{
	margin:0 10px 10px 0;
}
/*nameパーツの「name」、mailパーツの「mail」*/
#Loozoo_top .name_left,
#Loozoo_top .mail_left{
	width:3em;
}



}
/*スマホ用おわり*/






/* -------------------------------
★font parts
------------------------------- */
.fs_small{font-size:70%; !important}
.fs_large{font-size:120%; !important}

.b{font-weight:bold;}

.red{color:#FF0000;}
.white{color:#fff;}

.left{float:left;}
.right{float:right;}

.ta_c{text-align:center;}
.ta_l{text-align:left;}
.ta_r{text-align:right;}

.lh13{line-height:1.3;}
.lh15{line-height:1.5;}
.lh17{line-height:1.7;}

.pt_10{padding-top:10px;}
.pt_20{padding-top:20px;}
.pt_30{padding-top:30px;}
.pt_40{padding-top:40px;}
.pb_10{padding-bottom:10px;}
.pb_20{padding-bottom:20px;}
.pb_30{padding-bottom:30px;}
.pb_40{padding-bottom:40px;}