@charset "shift-JIS";
/*Lacrima shop PC・タブレット・共通設定
---------------------------------------------------------------------------*/
/*全体の設定
---------------------------------------------------------------------------*/
body {
margin: 0px;
padding: 0px;
/*文字サイズ/行間、フォントファミリー*/
font: 14px/1.7 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";	
color: #333;	/*全体の文字色*/
background: #FFF;	/*全体の背景色*/
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
margin: 0px;
padding: 0px;
}
ul{
list-style-type: none;
}
img {
border: none;
vertical-align: bottom;
}
input,textarea,select {
font-size: 1em;
}
form {
margin: 0px;
}


/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
/*	color: #333;リンクテキストの色*/
color: #0040FF;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration-line: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/

}


/*パソコン用の設定*/

/*コンテナー（HPを囲むブロック　※footerを除く）
---------------------------------------------------------------------------*/
#container {
width: 1250px;	/*コンテナー幅*/
margin: 0px auto;
}



/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
clear: left;
padding-top: 0px;
}
/*トップページのコンテンツ*/
#top #contents {
padding-top: 0px;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
float: right;	/*右側に回り込み（※２カラム使用時）*/
width: 980px;	/*メインコンテンツ幅（※２カラム使用時）*/
padding-bottom: 30px;
}
/*１カラム使用時のメインコンテンツ*/
.c1 #main {
float: none;
width: 100%;
}



/*mainコンテンツの段落タグ設定*/
#main p {
padding: 10px 15px 15px;	/*上、左右、下への余白*/
}
#main p + p {
padding-top: 0px;
}
#main h2 + p,
#main h3 + p {
padding-top: 0px;
margin-top: -5px;
}



/*商品詳細ページの画像切り替え
---------------------------------------------------------------------------*/
/*大きな画像のボックスと説明文を入れるボックス*/
#item-image {
position: relative;
}
/*大きな画像の１行目*/
#item-image #item_image1 {
/*z-index:2;*/
position:relative;
overflow:hidden;
}
/*大きな画像の２行目*/
#item-image #item_image2 {
/*z-index:1;*/
position:absolute;
left:0px;
top:0px;
overflow:hidden;
}
/*サムネイル画像*/
.thumbnail {
width: auto;	/*画像の幅*/
height: 100px;	/*画像の高さ*/
border: 1px solid #ccc;	/*枠線の幅、線種、色*/
margin-bottom: 5px;
}
.thumbnail:hover {
border: 1px solid #000;	/*マウスオン時の枠線の幅、線種、色*/
}


/*フッター設定
---------------------------------------------------------------------------*/
footer {
clear: both;
text-align: center;
background: #000;	/*背景色*/
color: #FFF;			/*文字色*/
padding-top: 15px;
padding-bottom: 15px;
}
/*copyrightの設定*/
footer small {
clear: both;
display: block;
}



/*その他
---------------------------------------------------------------------------*/
.look {
background: #dcdcdc;
}
.mb15,
.mb1em {
margin-bottom: 15px;
}
.clear {
clear: both;
}
ul.disc {
padding: 0em 25px 1em;
list-style: disc;
}
.color1 {
color: #FF0008;
}
.pr {
font-size: 10px;
}
.btn {
font-size: 13px;
}
.wl {
width: 96%;
}
.ws {
width: 50%;
}
.c {
text-align: center;
}
.r {
text-align: right;
}
img.fl {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
figcaption {
font-size: 11px;
}
.sortbox {
text-align: right;
margin-bottom: 15px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
padding: 10px;
background: #FFF;
}
.big1 {
font-size: 130%;
}
img {
max-width: 100%;
height: auto;
}
.newicon {
background: #F00;
color: #FFF;
font-size: 10px;
padding: 0px 5px;
border-radius: 2px;
margin: 0px 5px;
}
#menubar_hdr {
display: none;
}





/*ここからタブレット用（600px〜900px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:899px) and (max-width:900px){
/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
width: auto;
margin: 0px 10px 0px;
}

/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main, #sub {
float: none;
width: auto;
}

/*フッターメニュー設定
---------------------------------------------------------------------------*/
.footermenu {
width: auto;
}
.footermenu ul {
width: 25%;
padding-left: 2%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/*その他
---------------------------------------------------------------------------*/
/*<body class="s-n">指定の場合にsubブロックを表示させない設定*/
body.s-n #sub {
display: none;
}
}


/*ここからスマホ用（599px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 898px){
/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
width: auto;
margin: 0px 10px;
}

/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main, #sub {
float: none;
width: auto;
}
/*mainコンテンツ
---------------------------------------------------------------------------*/
/*mainコンテンツの段落タグ設定*/
#main p {
padding: 0.5em 5px 1em;	/*左から、上、左右、下への余白*/
}


/*フッターメニュー設定
---------------------------------------------------------------------------*/
.footermenu {
width: auto;
}
.footermenu ul {
width: 50%;
padding-left: 2%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-bottom: 1px solid #aaa;
}

/*その他
---------------------------------------------------------------------------*/
img.fl {
width: 50%;
}
.ws {
width: 96%;
}
/*<body class="s-n">指定の場合にsubブロックを表示させない設定*/
body.s-n #sub {
display: none;
}
/*メニュー折りたたみ設定*/
#menubar_hdr {
display: inline;
position: fixed;
top: 0px;
right: 0px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e5e5e5));
background-image: -webkit-linear-gradient(#fbfbfb, #e5e5e5);
background-image: linear-gradient(#fbfbfb, #e5e5e5);
padding: 7px 10px;
border: 1px solid #cfcfcf;
}
}

/*20220411追加　PCで表示・タブレット/スマホで非表示、PCで非表示・タブレット/スマホで表示　の設定
---------------------------------------------------------------------------*/

@media (min-width:850px){
.spdisplay {
display: none;
}

.pcdisplay {
display: block;
}
}
@media(max-width:849px){
.spdisplay {
display: block;
}

.pcdisplay {
display: none;
}
}