@charset "UTF-8";


/*----------------------------------------------------------------------

Reset Style

----------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
  margin: 0;
  padding: 0;
}

img { 
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

a {
  color: #555;
}

body {
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
}
body2 {
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
}

.header{
  margin: 80px 0 0 0; 
    font-size: 32px;
    text-shadow: 2px 0px 2px #000000;
    letter-spacing: -1px; 
    color: #cfcfcf;
}




/*----------------------------------------------------------------------

Contents Style

----------------------------------------------------------------------*/
h1 {
  text-align: center;
  margin: 2em 1em 1em;
}
h2 {
  text-align: center;
  margin: 1em 1em 1em;
}


.motionContainer.masonry,
.motionContainer.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
.motionContainer.masonry {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.motionContainer.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
  -moz-transition-property: left, right, top;
  -o-transition-property: left, right, top;
  transition-property: left, right, top;
}
/* disable transitions on container */
.motionContainer.infinite-scroll.masonry {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}

.modules {
  margin: 0 auto 3em;
  padding:0 10px;
  background: #fff;
      	-webkit-border-radius: 8px ;
	-moz-border-radius: 8px ;
	border-radius: 8px ;
}
.modules:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.modules li {
  width: 220px;
  margin: 8px 8px ;
  float: left;
  padding: 0;
  background-color: #fff;
    	-webkit-border-radius: 4px ;
	-moz-border-radius: 4px ;
	border-radius: 4px ;

}
.modules li hr {
  width: 98%;

  }
.modules li p {
  padding: 0px;
  font-size: 77%;
}


/*--- thumb ---*/
.modules li p.thumb20 {
    overflow: hidden;
background-color: #fff; 
   padding: ;
    -webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
}


.modules li p.thumb20 img {
 width: 100% !important;
  /* May I rot in hell for this IE6 hack */
margin-bottom: -4px ;
  height: auto !important;
  	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.modules li p.thumb22 {
    overflow: hidden;
background-color: #fff; 
   padding: ;
    -webkit-border-radius:4px ;
	-moz-border-radius:4px ;
	border-radius:4px ;
}


.modules li p.thumb22 img {
 width: 100% !important;
  /* May I rot in hell for this IE6 hack */
margin-bottom: -4px ;
  height: auto !important;
  	-webkit-border-radius: 4px ;
	-moz-border-radius: 4px ;
	border-radius: 4px ;
}
.modules li p.thumb00 {
    overflow: hidden;
background-color: #fff; 
   padding: ;
  	-webkit-border-radius: 0 ;
	-moz-border-radius: 0 ;
	border-radius: 0 ;
}
.modules li p.thumb00 img {
 width: 100% !important;
  /* May I rot in hell for this IE6 hack */
margin-bottom: -4px ;
  height: auto !important;
  	-webkit-border-radius: 0 ;
	-moz-border-radius: 0 ;
	border-radius: 0 ;
}

/*--- caption ---*/
.modules li p.caption02 {
    overflow: hidden;
    background-color: #fff; 
    text-align: center;
    margin: 2px 0px ;
  padding:  5px 10px;
    font-size: 18px;text-shadow: 2px 0px 2px #000000;letter-spacing: -1px; color: #cfcfcf;
      	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;

    
}
.modules li p.caption00 {
    overflow: hidden;
    background-color: #fff; 
    text-align: center;
    margin: 2px 0px ;
  padding:  5px 10px;
    font-size: 18px;text-shadow: 2px 0px 2px #000000;letter-spacing: -1px; color: #cfcfcf;
      	-webkit-border-radius: 0 ;
	-moz-border-radius:0 ;
	border-radius:0 ;

    
}
.modules li p.caption02 img {
    overflow: hidden;
 width: 100% !important;
  height: auto !important;

}
.modules li p.caption00 img {
    overflow: hidden;
 width: 100% !important;
  height: auto !important;

}

/*--- use ---*/

.modules li p.user00 {
    overflow: hidden;
  background-color: #fff; 
 font-size: 12px;
text-align: center;
     padding:  ;
    margin: 2px 0px ;

  	-webkit-border-radius: 0;
	-moz-border-radius:0;
	border-radius:0;
}
.modules li p.user02 {
    overflow: hidden;
  background-color: #fff; 
 font-size: 12px;
text-align: center;
     padding:  ;
    margin: 2px 0px ;

	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
}


.modules li p.user02l{
    overflow: hidden;
  background-color: #fff; 
 font-size: 12px;

     padding:  5px 10px;
    margin:auto;
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;

}
.modules li p.user b {

 font-size: 12px;
	font-family: "Book Antiqua", "Palatino Linotype", Georgia, serif;
	letter-spacing: 0.1em;
}

.modules li p.user00  img{
    overflow: hidden;
float: left;

    width:20%;
   margin:2px ;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.modules li p.user02  img{
    overflow: hidden;
float: left;

    width:20%;
   margin:2px ;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

    .phone-on{display: none;}
.phone-off{display: block;}



/*----画像の上にアイコン  ---*/
.goods {
 position: relative;
 margin-bottom: 0px;
 width: 100%;
 height: 100%;
}
/*----右下  ---*/
.goods a { display: block; }
a.goods-menu {
 border: 0px solid #777;
 width: 100%;
 height: 100%;
}
a.order {
 position: absolute;
 top: 180px;
 left: 180px;
 width: 40px;
 height: 40px;
}
/*----左下  ---*/
.goods2 a { display: block; }
a.goods-menu2 {
 border: 0px solid #777;
 width: 100%;
 height: 100%;
}
a.order2 {
 position: absolute;
 top: 180px;
 left: 10px;
 width: 30px;
 height: 30px;
}
/*----  ---*/

a.order3 {
 position: absolute;
 top: 80%;
 left: 80%;
 width: 16%;
 height: 16%;
}

@media screen and (max-width: 980px) {
.footer {
  text-align: left;
}
}

@media screen and (max-width: 479px) {
    .header{
  margin: 30px 0 0 0; 
    font-size: 24px;
    text-shadow: 1px 0px 1px #000000;
    letter-spacing: -1px; 
    color: #cfcfcf;
}
  
 
 
.phone-on{display: block;}
.phone-off{display: none;}

}