@charset "utf-8";

html , body{
   margin:0;
   padding:0;
   font-family: メイリオ,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,Meiryo,ＭＳ Ｐゴシック,sans-serif;
   -webkit-text-size-adjust: 100%;
   /*background-image:url(bg-p.gif);*/
}

a img:hover {
  filter: alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70;
}

h1 {
    margin:0;
    padding:10px;
    font-size:24px;
    color:#ff0;
    background-color:#de8632;
    text-align:center;
}
h2 {
    margin:40px 0 10px 0;
    padding:10px;
    font-size:28px;
    color:#ff0;
    background-color:#de8632;
    text-align:center;
}

header , footer {
   overflow:hidden;
   background-color:#fff;
}

footer{
   width:100%;
}

#spftr{text-align:center;}

/*▼スマホ用メディア切替CSS▼*/
b > b > table a {
    color: #fff !important;
    font-size: 9px;
    font-weight: normal;
    display: inline-block;
    width: 100%;
    vertical-align:-30px !important;
    line-height: 11px;
}
b > b > table label {
    color: #fff !important;
    font-size: 9px;
    font-weight: normal;
    display: inline-block;
    width: 100%;
    vertical-align:-30px !important;
    line-height: 11px;
}


@media screen and (min-width: 1000px) {
#mainwrap{margin:0 auto;width:1000px;}
}
@media screen and (max-width: 999px) {
#mainwrap{margin:0;width:100%;margin-top:30px;}
}
@media screen and (min-width: 700px) {
#spmenu{display:none;}
#spftr{display:none;}
#multi-fl{display:none !important;}
#fltab{display:none !important;}
#fltxt{display:none !important;}
}
@media screen and (max-width: 699px) {
header , footer{display:none;}
}


/*▼追加CSS▼*/

/*フルサイズイメージ*/
.full , .full > img {width:100%;background-color:#fff;padding-bottom:10px;}

/*アイテム基本（BG・カラー※11/12変更　color:#de8632黄#ffff00＆background-color:#ff0赤#b01313）*/
.saletag{width:100%;height:40px;font-size:30px;color:#ffff00;font-weight:bold;background-color:#b01313;text-align:center;}
.intro{margin-bottom:30px;font-size:18px;font-weight:bold;color:#000;text-align:center;background:url(titlebg-l.jpg) no-repeat;}
.title{margin-bottom:30px;font-size:18px;font-weight:bold;color:#000;text-align:center;}
.before{text-decoration:line-through;font-size:22px;color:#f00;}
.after{font-size:28px;color:#de8632;font-weight:bold;}
.clear{clear:left;width:100%;}

@media screen and (max-width: 699px) {
html , body{background:none !important;font-size:14px !important;}
h1 {font-size:15px !important;}
h2 {font-size:20px !important;margin:60px 0 0 0 !important;}
.saletag{height:30px !important;font-size:22px !important;}
.intro{margin-bottom:10px !important;font-size:14px !important;font-weight:normal !important;background:none !important;text-align:justify !important;padding:5px;}
.title{margin-bottom:10px !important;font-size:14px !important;}
.before{font-size:14px !important;}
.after{font-size:18px !important;}
.delete{display:none;}
}

/*アイテム１商品*/
.oneitem{width:100%;height:480px;background-color:rgba(255,255,225,0.7);margin:20px 0 10px 0;}
.oneimg{display:block;float:left;width:40%;margin:20px 1% 1% 20px;}
.oneimg img{width:100%;}
.onetext{display:block;float:right;width:50%;margin:20px 2% 5px 1%;padding:10px;color:#000;}
.onetext p{text-align:right;padding:20px 4% 0px 0px;}

@media screen and (max-width: 699px) {
.oneitem{height:auto !important;}
.oneimg{width:100% !important;margin:0 !important;}
.onetext{width:90% !important;margin:5% !important;padding:0 !important;border-bottom:2px dotted #666;}
.onetext p{padding:0 !important;}
}


/*アイテム２商品*/
.twoitem1{display:block;float:left;width:49%;height:700px;background-color:rgba(255,255,225,0.7);margin:1% 1% 1% 0;}
.twoitem2{display:block;float:left;width:49%;height:700px;background-color:rgba(255,255,225,0.7);margin:1% 0 1% 1%;}
.twoimg{display:block;width:80%;margin:10%;}
.twoimg img{width:100%;}
.twotext{display:block;width:90%;margin:5%;padding:0;color:#000;}
.twotext p{text-align:right;padding:5px 4% 0px 0px;}

@media screen and (max-width: 699px) {
.twoitem1 , .twoitem2 {height:auto !important;}
.twoimg{width:100% !important;margin:0 !important;}
.twotext{border-bottom:2px dotted #666;}
.twotext p{padding:0 !important;margin:0 !important;}
}

/*アイテム３商品*/
.threeitem1{display:block;float:left;width:32%;height:500px;background-color:rgba(255,255,225,0.7);margin:1% 1% 1% 0;}
.threeitem2{display:block;float:left;width:32%;height:500px;background-color:rgba(255,255,225,0.7);margin:1% 1% 1% 1%;}
.threeitem3{display:block;float:left;width:32%;height:500px;background-color:rgba(255,255,225,0.7);margin:1% 0 1% 1%;}
.threeimg{display:block;width:90%;margin:5%;}
.threeimg img{width:100%;}
.threetext{display:block;width:90%;margin:5%;padding:0;color:#000;}
.threetext p{text-align:right;padding:5px 4% 0px 0px;}

@media screen and (max-width: 699px) {
.threeitem1 , .threeitem2 , .threeitem3{height:auto !important;}
.threeimg{width:100% !important;margin:0 !important;}
.threetext{border-bottom:2px dotted #666;}
.threetext p{padding:0 !important;margin:0 !important;}
}

/*リンクボタン*/
.rink-btn{
display:block;
margin:5% 10% 10% 10%;
padding-top:10px;
border:solid 2px #de8632;
border-radius: 1em;
background-color:#fff;
text-align:center;
font-size:26px;
font-weight:bold;
color:#de8632;
width:80%;
height:50px;
}
.rink-btn:hover{background-color:#ff0;}

@media screen and (max-width: 699px) {
.rink-btn{font-size:18px !important;height:36px !important;background-color:#ff0 !important;}
}

/*ページTOPへ戻る*/
#fixedTop {
    right: 10px;
    bottom: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    display: none;
    background:rgba(0, 0, 0, 0.70);
    position: fixed;
    z-index: 9999;
    border-radius: 5px;
    -webkit-transform: translateZ(0);
}
#fixedTop:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
}


#multi-fl{top:38px !important;}