@charset "UTF-8";

/* Responsive Start */
@media only screen and (max-width: 960px) {

	/* ==========================================================================
   Base
   ========================================================================== */
  body {
    font-size: 1.4rem;
    letter-spacing: 0.03em;
	}
  p, li, dt, dd, th, td {
    letter-spacing: 0.05em;
	}
	p, dt, dd, th, td {
    line-height: 1.65;
	}
  /* ==========================================================================
   Layout
   ========================================================================== */
	
  /* wrap
   ==================================== */
  .wrap {
    padding-top: 50px;
    overflow:hidden;
  }

  /* header
   ==================================== */
  .header {
		background-color: #FFF;
    height: 50px;
    margin-bottom: 0;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
	}
	.header .inr {
		display: block;
    padding: 0 15px 0 10px;
	}
	.header .inr .logo {
		padding: 7px 0;
	}
  .header .inr .logo a {
		display: inline-block;
    font-size: 15px;
    text-decoration: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
	}
	.header .inr .logo a img {
		margin-right: 5px;
		height: 38px;
    width: auto;
	}
	.header .inr #hdR {
		display: none;
	}
	
  /* spmenu
   ==================================== */
	.my-button {
	  position: fixed;
    top: 0;
    right: 0;
		display: block;
    height: 54px;
    width: 54px;
	}
	.my-button a {
	  display: block;
    text-decoration: none;
		height: 54px;
		width: 54px;
	}
	.my-button a:hover {
		text-decoration: none;
	}
  .menu-trigger {
    top: 10px;
    width: 24px;
    height: 20px;
	}
	.menu-trigger span {
		width: 100%;
		left: 14px;
    height: 2px;
    border-radius: 4px;
		background-color: #000;
	}
  .menu-trigger span:nth-of-type(1) {
    top: 1px;
	}
  .menu-trigger span:nth-of-type(2) {
    top: 9px;
	}
  .menu-trigger span:nth-of-type(3) {
    bottom: 1px;
	}
  html.mm-opened .menu-trigger span:nth-of-type(1) {
    -webkit-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg);
	}
  html.mm-opened .menu-trigger span:nth-of-type(2) {
    opacity: 0;
	}
  html.mm-opened .menu-trigger span:nth-of-type(3) {
    -webkit-transform: translateY(-8px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
	}
	
  .my-button a em {
    font-size: 7px;
    font-size: 0.7rem;
    padding-top: 3px;
		color: #000;
		font-style: normal;
		display: inline-block;
		text-align: center;
	}
  .my-button .menuName {
    color: #000;
    display: inline-block;
    font-size: 7px;
		letter-spacing: 0;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    bottom: 10px;
    left: 11px;
	}
  /* gnav
   ==================================== */
  .gNav {
    display: none;
	}
  
  
/* mv
   ==================================== */
.mvCategory {
  height: 20vh;
}
.mvCategory .mvCopy {
  font-size: 20px;
  font-size: 2rem;
  height: 20vh;
}
/* pan */
.mvCategory .pan {
  position: absolute;
  top:2px;
  left:10px;
}
.pan ul {
  max-width: 98%;
  margin:10px auto;
}
.pan ul li::after{
  padding:0 4px;
}
body.navFixed .mvCategory {
  margin-top: 0;
} 
  

}
/* Responsive End */