@charset "utf-8";
html{scroll-behavior: smooth;}
body{background: url(../img/bg.png) center top repeat;}

wrapper#wrap{
  width: 100%;
   position: relative;
   height:auto !important; /*IE6対策*/
   height: 100%; /*IE6対策*/
   min-height: 100%;
}

	a{color:#333;}
	a:hover{opacity:0.9;text-decoration:none;}

.pc-none {display:none!important;}
.sp-none {display:block!important;}

@media only screen and (max-width:767px){
	.pc-none {display:block!important;}
	.sp-none {display:none!important;}
	}

.red{color:#ff0000;}
.white{color:#fff;}
.black{color:#000;}
small{line-height:120%;font-size:85%;}

table{line-height:160%;width: 100%;}
table th,table td{padding:3px 10px;}

.box{
    border: 3px solid #333;
    padding:10px;
    color:#000;
    border-radius: 10px;
}

/*========▼▼header▼▼========*/

#header {
  width: 100%;
  margin:5px auto;
  position: relative;
  top:0;
  z-index: 8;
}
body#home #header {max-width:1440px;}
body#home #header h1{text-align: center;}
body#home #header h1 img{max-width:460px;}

#header div.box{
  position: absolute;
  right:10px;
  top:15px;
  max-width: 260px;
  background:rgba(255,255,255,0.9);
  font-size: 90%;
}

body#bespoke #header h1{text-align: left;position: absolute;}
body#bespoke h1 img{max-width:320px;}



/*========▼▼main▼▼========*/

main section .container{margin:60px auto;}
h3{text-align:center;}


/*========▼▼footer▼▼========*/

footer{
    width: 100%;
    color: #000;
    background:url(../img/usagi.png) no-repeat left 50%;
    background-size: 220px auto;
}
footer section{background: rgba(220,180,100,0.25); padding:30px 0;}
footer .container{line-height:180%;}
footer h2{margin-bottom:30px;font-size: 200%;font-weight: bold;}
footer img.map{border-radius: 10px;border: 2px solid #fff;}
footer a.googlemap{display: inline-block;border: 2px solid #666;border-radius: 5px;padding:3px 10px;margin-top:10px;}
footer a:hover.googlemap{color:#fff;background:#666; }

#shopimg{width:100%;}
#shopimg ul li {
    display: inline-block;
    width: 33.33333%;
    margin: 0 -2px;}


footer copyright{
	text-align:center;
	font-size:75%;
	display:block;
	padding:20px 0;
}

  #gototop {
      position: fixed;
      bottom: 20px;
      right: 20px;
      z-index: 666;
      }
    #gototop a{
      display: inline-block;
      font-weight: bold;
      transition:0.2s all;
      color: #fff;
      background: #e57403;
      font-size: 180%;
      text-align: center;
      width: 60px;
      height: 60px;
      line-height:60px;
      border-radius: 30px; }
    #gototop a:hover{
      transform:scale(1.1,1.1);
      transition:0.2s all;
      line-height:50px;
    }

@media only screen and (max-width:1560px){
  body#bespoke #header h1 img{max-width:180px;}
  footer{background:none;}
}

@media only screen and (max-width:920px){
  #body#home #header  h1{text-align: left;}
}

@media only screen and (max-width:767px){
  body#home #header h1 img{max-width:320px;}
  body#bespoke #header h1 img{max-width:150px;}
  #header div.box{
    position: absolute;
    top:12px;
    right:2px;
    max-width: 220px;
    margin:auto;
    background:rgba(255,255,255,0.9);
    font-size: 85%;
    padding:5px;
  }
  #header div.box table th,#header div.box table td {padding: 0px 5px;}
  main section .container{margin:30px auto;}
  
  footer{
      background:url(../img/usagi.png) no-repeat right 60px;
      background-size: 130px auto;
  }
}

@media only screen and (max-width:490px){
  body#home #header h1{text-align:center;}
  #header div.box{top:110px;}
    #shopimg ul li {
    display:block;
    width: 100%;
    margin: 0;}

}