@charset "utf-8";

/* Spacer */
.mb0{margin-bottom:0:}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb12{margin-bottom:12px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt12{margin-top:12px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml12{margin-left:12px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.advs{margin-bottom:5px;}

/* Parts */
.b0{border:0;}
.txtl{text-align:left;}
.txtr{text-align:right;}
.txtc{text-align:center;}
.valt{vertical-align:top;}
.valm{vertical-align:middle;}
.valb{vertical-align:bottom;}
.clear{clear:both;}
.tdn{text-decoration: none;}
.f12{font-size:0.750em;}
.f14{font-size:0.875em;}
.f18{font-size:1.125em;}
.f20{font-size:1.250em;}
.f22{font-size:1.375em;}
.f28{font-size:1.750em;}
.f36{font-size:2.250em;}
.f48{font-size:3.429em;}
.fcor{color:#fcB900;}
.fcrd{color:#ff0000;}
.fcgy{color:#666;}
.fcbk{color:#000;}
.block{display:block;}
input{width:6em;}

/* clearfix */
.clearfix:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden}
.clearfix{zoom: 100%;}
* html .clearfix{height: 1%;}
.clearfix{display:block;}

/* Web Fonts */
@font-face {font-family: 'icomoon';src:url('../fonts/icomoon.eot?gb7b30');src:url('../fonts/icomoon.eot?gb7b30#iefix') format('embedded-opentype'),url('../fonts/icomoon.ttf?gb7b30') format('truetype'),url('../fonts/icomoon.woff?gb7b30') format('woff'),url('../fonts/icomoon.svg?gb7b30#icomoon') format('svg');font-weight: normal;font-style: normal;}
[class^="icon-"], [class*=" icon-"] {font-family: 'icomoon' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-bullhorn:before {content: "\e900";}
.icon-cart:before {content: "\e901";}
.icon-calculator:before {content: "\e902";}
span.icon{font-family:'icomoon';margin-right:5px;}

/* Topic Path */
#breadcrumbsList{margin-bottom:10px;}

/* Items */
.item {width:280px;background: #fbfaf6;border:2px solid #fafafa;box-shadow:0 1px 1px rgba(34, 25, 25, 0.4);margin:0 6px 15px;padding:10px;display:inline-block;vertical-align:top;}
.item img {max-width:100%;height:auto;border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 5px;}
.item p {color: #333;margin: 0 0 10px 0;font-weight: bold;border-bottom: 1px solid #ccc;padding-bottom: 4px;}
.item:nth-child(4n+1){margin-right:0;}
.item:last-child{margin-right:0;margin-bottom:10px;}
.item .sizebox{width:260px;float:left;padding-left:5px;}
.item .content{display:inline;}
.item .content img{border-bottom:0;padding-bottom:0;}

/* Head */
.hgradation{position:relative;text-align:center;}
.hgradation span{position:relative;z-index:2;display:inline-block;margin:0 4em;padding:0 1em;background-color:#fff;text-align:left;}
.hgradation::before{position:absolute;top:50%;z-index:1;content:'';display:block;width:100%;height:2px;background:#ccc;background:-webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);background:linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);}
.hballoon{font-weight:bold;position:relative;background:#29a7e1;padding:10px;margin-bottom:15px;color:#fff;font-size:1.250em;}
.hballoon:after{content: "";position:absolute;top:100%;left:25px;width:0;height:0;border:10px solid transparent;border-top:10px solid #29a7e1;}

/* Submit Button */
button {font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;}
#goButton {padding:15px;background:#ccc;color:#fff;border-radius:10px;border:0;display:inline;margin-right:20px;width:600px;
background: #ffa84c; /* Old browsers */
background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */}
#cartButton {padding:15px;background:#ccc;color:#fff;border-radius:10px;
background: #8fc800; /* Old browsers */
background: -moz-linear-gradient(top,  #8fc800 0%, #8fc800 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #8fc800 0%,#8fc800 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #8fc800 0%,#8fc800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#8fc800',GradientType=0 ); /* IE6-9 */}
#cartButton:hover{text-decoration:none;}
#goButton:hover,#cartButton:hover{transition:all .5s;opacity:.8;cursor: pointer;}

/* fixed menu */
.fixedcart{position:fixed;min-height:100px;width:100%;background:#fff;bottom:0;z-index:9999;text-align:center;padding:25px 0 0 0;}


/* COMMON
=======================================*/
/* #wrapper */
#wrapper{width:1200px;padding:10px;margin:0 auto;background:#fff;}

/* footer */
footer{margin-bottom:80px;}


@media screen and (max-width: 768px) { /* SmartPhone Display - width:768px under - */
/*========================================
 
BASIC
 
=======================================*/
.item {width:30%;margin:0 3px 15px;}
.f48{font-size:1.375em;}

/* footer */
footer{margin-bottom:110px;}

/* Submit Button */
.fixedcart{padding:10px 0 0 0;}
#goButton {width:90%;display:block;margin:0 auto 10px;}
#cartButton {width:90%;margin:0 auto 10px;display:block;}

/*-------------------- max-width:768px --------------------*/}


@media screen and (max-width: 640px) { /* SmartPhone Display - width:640px under - */
/*========================================
 
BASIC
 
=======================================*/
img{max-width:100%;height:auto;}
* {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.item {width:97%;margin:0 0 15px;}
.item h3,.item p {text-align:left;}
#cartButton {padding:10px 15px;}

/* #wrapper */
#wrapper{width:100%;padding:2%;margin:0;text-align:center;}
p{text-align:left;}

/*-------------------- max-width:640px --------------------*/}