.head-menu { display:none; }
.btn-humberger { display: none;}
	@media screen and (max-width: 640px) {
    #header { margin-bottom: 1em;}
    #header > a { width: 8rem; height: 2.5rem; background-size: 210% auto; background-position: center top; padding: 0; display: inline-block; vertical-align: middle;margin-top: .5em;  }
    .head-desc { display: inline-block; vertical-align: middle; margin-top: 1em; caption-side: #FFF; }
    .btn-humberger { position: fixed; top: 1em; right: 5%; background: linear-gradient(#B68E4D, #806434); color: #FFF; width: 2.5rem; height: 2.5rem; text-align: center; padding-top: 1.5rem; line-height:100%; display: block; border: none; font-size: .6rem; z-index: 9999;  }
    .btn-humberger:before,
    .btn-humberger:after { content: ''; width: 1.5rem; height: 1px; position: absolute; top: 1rem; left: 0; right: 0; margin: auto; background: #FFF;}
    .btn-humberger:before { -ms-transform: translateY(-.3rem); -webkit-transform: translateY(-.3rem); transform: translateY(-.3rem); box-shadow: 0 .3rem 0 #FFF; }
    .btn-humberger:after  { -ms-transform: translateY(.3rem); -webkit-transform: translateY(.3rem); transform: translateY(.3rem);}
    
    .btn-humberger.open:before { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: none; }
    .btn-humberger.open:after { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);  }
    
  	.head-menu { display:block; padding: 4rem 5%; display: none; position: fixed; top: 0; right: 0; height: 100vh; overflow-y: scroll; background: #31061A; z-index: 9998;  }
    .head-menu.open { display: block; }
    .bnr-menu >li:first-child { border-top: 1px solid #664751; padding-top: 2em;  }
    .bnr-menu > li { margin-bottom: 2em;  }
		.bnr-menu a { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; color: #AA98A0; font-size: .75rem;  }
		.bnr-menu img { width: 40%; }
		.bnr-menu .text  { width: 55%;  }
		.bnr-menu .text .title { font-size: 1.1rem; color: #FFF; margin-bottom: .5em; font-weight: bold; }
  	.head-gnavi { counter-reset: listnum; }
  	.head-gnavi h4 { counter-increment: listnum; color: #FFF; font-size: 1.1rem; line-heigth: 180%; border-top: 1px solid #664751; border-bottom: 2px solid #664751; padding: .3em 0; line-height: 150%; }
  	.head-gnavi h4:before { content: counter(listnum); width: 1.2em; height:1.2em;  line-height: 1.2em; text-align: center; border-radius: 50%; display: inline-block; vertical-align:middle; margin-right: 1em; background: #B4A69E; color: #46202E;  }
		
		.head-gnavi  .menu li{
			margin:0 0 6px 0;
			padding:0 0 0 12px;
			font-size:.875rem;
			line-height: 180%;
			background:url('../img/icon_01.gif') no-repeat 0 7px;
		}
		
		.head-gnavi .menu li a{
			color:#A3858B;
		}
		.head-gnavi  .menu li a:hover{
			color:#ffffff;
		}	
		.head-gnavi .menu .sm_cate {
			background-image: url(../img/side_allow02.gif);
			background-repeat: no-repeat;
			background-position: 16px 3px;
			padding-left: 24px;
			background-position: 16px 5px; }
	

		
		
	}
	
	.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,
  .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ display: none; }
  
  .banner-slide { margin-bottom: 20px; }
  .banner-slide .sp { display: none; }
  .foot-button { display: none;}
  
  #left_column .article_list .price p { float: none; }
	
  .morebtn { background: linear-gradient(#ECE0CC, #B1955C); text-align: center; line-height: 250%; border-radius: 2px; color: #5C4724; }
  
  @media screen and (max-width: 640px) {
    .banner-slide .pc { display: none; }
    .banner-slide .sp { display: block; }
    
    
    #footer { padding-bottom: 12vw;}
    .foot-button { display: flex; position: fixed; bottom: 0; left: 0; right: 0; width: 100%;  margin: auto; z-index: 99; }
    .foot-button .contact{ width: 30%; background: linear-gradient(#6E0334, #4F0325); text-align: center; font-size: 3vw;
    line-height: 10vw;}
    .foot-button .contact img { display: inline-block; vertical-align: middle; margin-right: .5em; }
    .foot-button .oisogi{ width: 70%;  }
    .foot-button .oisogi img { width: 100%; }
  }
  
  .list-category { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .list-category > li { width: 31%; margin-bottom: 2em;}
  .list-category img { width: 100%; height: auto; margin-bottom: 1em; }
  .list-category .title { font-size: 1.1rem; font-weight: bold; color: #FFF; line-height: 150%; }
  .list-category p { color: #AA98A0; line-height: 150%;  }
  @media screen and (max-width: 640px) {
		.list-category > li { width: 48%; }
		.list-category .title { font-size: .9rem; }
  }