@charset "euc-jp";

/*▽基本CSS*/
*{
    list-style: none;
    border-width: medium;
}
html{background: #fff; width:1080px; margin-left: auto; margin-right: auto; padding: 20px 0px 50px 0px; }
a{text-decoration: none;}
#mag, #item  a:link { color: #000; }
#mag, #item  a:visited { color: #000; }
#mag, #item  a:hover { color: #000; opacity:0.8;}
#mag, #item  a:active { color: #000; }


img {vertical-align: top; margin-bottom: 0px;}

#footer {
	clear: both;
    text-align: center;
    width: 100%;
    height: 100%;
    background: #fff;
    padding-top: 20px;
    margin-top: 12%;
    margin-left: auto;
    margin-right: auto;
}
#footer a{
    padding-top: 0px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 0px;
    width: 80px;
    height: 50px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
	
}

a:link { color: #000; }
a:visited { color: #000; }
a:hover { color: #000; opacity:0.8;}
a:active { color: #000; }

/*▽float＆価格プロ*/
#item ul{ width:100%; overflow:hidden;}
#item ul li{ float:left;}
#item ul li { position:relative;}
#item ul li div{ position:absolute; bottom:-43px; right:0px;font-size:20px; color:#FF0000; font-weight:bold;}

#item ul li a .prices span.prdisp-price{ font-size:14px; color:#000; font-weight:bold;}/*通常表示*/
#item ul li a .prices span.prdisp-taxin{ font-size:23px; color:#F00; font-weight:bold; position:absolute; bottom:0%; right:67px;}/*通常表示 税込*/

#item ul li a .prices span.prdisp-icon{ padding-right:108px;}/*アイコン*/

#item ul li a .k1{ position:absolute; bottom:10px; right:40px;}
#item ul li a .k1 span.prdisp-price{ font-size:14px; color:#000; font-weight:bold;}/*通常表示*/
#item ul li a .k1 span.prdisp-taxin{ font-size:24px; color:#F00; font-weight:bold; position:absolute; bottom:0%; right:54px;}/*通常表示 税込*/

#item ul li a .k1 span.prdisp-icon{ padding-right:108px;}/*アイコン*/


#item span.prdisp-icon img { 
width:28px;
height:29px;
padding-right:0px;
}


/*▼▼価格proの税抜文字拡大タグ▼▼*/
#item .prdisp-price span span {font-size: 8px!important; padding-right:2px!important;}
#item .prdisp-taxin span span {font-size: 10px!important; padding-right:2px!important;}


/*▼フォント＆テキスト基本▼*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
body{font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; line-height: 120%;}
body{font-size:100%;}
---------------------------------------------------------------------------*/
/*商品*/
/*#mag .item_wrap{  0 -2% 0 0; width: 102%; overflow: hidden;}
#mag .item_wrap dl.item_w1-max{ width: 98%; padding: 40px 2% 2% 0; margin-bottom: 60px;}/*ピックアップ商品　1カラム*/
/*#mag .item_wrap ul.item_w-max{ width: 48%; padding: 40px 2% 2% 0; margin-bottom: 60px;}/*ピックアップ商品　2カラム*/


#mag { 
	text-align: center;
	height: auto;
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
}
#mag .waku{ 
	float: left;
	height: 180px;
	width: 510px;
    border: solid thin;
	border-color: #666666;
	margin-left:10px;
	margin-right: 10px;
	margin-top:15px;
	padding-left: 0px;

}
#mag .about{
	text-align: left;
	font-size: 1em;
	color: #000;
    width: 75%;
	margin-left: -20px;
	margin-top: 20px;
}
#mag li{
	float: left;
    height: auto;
	width: 50%;
    margin: -5px;
	margin-top: -5px;
}
#mag p{
	text-align: left;
	font-size: 1.3em;
	color: #000;
	width: 100%;
	margin-left: -20px;
	margin-bottom: 10px;
}
#mag img{
    border: none;
    width: 130%;
    margin-top: 20px;
    margin-left: -60px;
    margin-bottom:10px;
}

#item { 
	height: auto;
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
}
#item img{ 
	height: 200px;
	width: 200px;
    border: solid thin;
	border-color: #666666;
	margin:0px;
	margin-bottom: 0px;
}
#item li{
	float: left;
    height: 250px;
	width: 200px;
    margin: 30px;
	margin-bottom: 50px;
	/*margin-top: 30px;*/
position:relative;
}

.stop {
	clear: both;
}

.sab {
	color: #000000;
	text-align: center;
	font-size: 2em;
}

.sab2 {
	color: #000000;
	text-align: center;
	font-size: 1.5em;
	padding: 10px;
	width: 300px;
	height: 10px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	background: #FFF;
	border-bottom: 10px solid #FFF622;
}
 

/*保冷保温*/
.horei{
    border: 1px solid;
    color: #003BFB;
    padding: 2px;
	float: right;
	margin-left: 5px;
    margin-top: -3px;
position:absolute;
top:175px;
right:47px;
background-color:#fff;
}
.horei0{
    border: 1px solid;
    color: #003BFB;
    padding: 2px;
	float: right;
	margin-left: 5px;
    margin-top: -3px;
position:absolute;
top:175px;
right:4px;
background-color:#fff;
}
.horei2{
    font-size: medium;
    border: 1px solid;
    color: #003BFB;
	margin: 5px;
    padding: 2px;
	float: right;
	margin-left: 5px;
	margin-top: -3px;
}
.horei3{
    border: 1px solid;
    color: #003BFB;
    padding: 2px;
	margin-left: -20px;
    margin-top: -3px;

}
.hoon{
	border: 1px solid;
	color: orangered;
	padding: 2px;
	float: right;
	margin-left: 5px;
    margin-top: -3px;
position:absolute;
top:175px;
right:4px;
background-color:#fff;
}

.hoon2{
	font-size: medium;
	border: 1px solid;
	color: orangered;
    padding: 2px;
	float: right;
	margin-left: 5px;
    margin-top: -3px;
}
.hoon3{
	border: 1px solid orangered;
	background-color: orangered;
	color: azure;
	padding: 2px;
	margin-left: 10px;
    margin-top: -3px;
}

/*色玉*/
.iro{
    font-size: xx-large;
}
.iro2{
    font-size: ;
    padding-top: -5px;
    text-align: justify;
}

.glay{
    font-size: xx-large;
    color: #939393;
}
.glay_2{
    font-size: xx-large;
    color: #656565;
}
.ivory{
    font-size: xx-large;
    color: #F3EEE2;
}
.blue{
    font-size: xx-large;
    color: #79BEE4;
}
.blue_2{
    font-size: xx-large;
    color: #002989;
}
.blue_3{
    font-size: xx-large;
    color: #C5C5EF;
}
.blue_4{
    font-size: xx-large;
    color: #006CFF;
}
.blue_5{
    font-size: xx-large;
    color: #75DCDA;
}
.pink{
    font-size: xx-large;
    color: #E4B2C3;
}
.pink_2{
    font-size: xx-large;
    color: #E7757C;
}
.pink_3{
    font-size: xx-large;
    color: #E3C2DD;
}
.pink_4{
    font-size: xx-large;
    color: #FF88E8;
}
.pink_5{
    font-size: xx-large;
    color: #CE0099;
}
.red{
    font-size: xx-large;
    color: #BB0000;
}
.red_2{
    font-size: xx-large;
    color: #E91212;
}
.yellow{
    font-size: xx-large;
    color: #F9EF5D;
}
.gold{
    font-size: xx-large;
    color: #E1CCC2;
}
.gold_2{
    font-size: xx-large;
    color: #C88C70;
}
/*max-width: 5em;
	max-height: 3em;*/
	/*background: #ffffff;
	border: solid 2px #00695c;
	padding: 1.3% 2.5%;*/