@charset "UTF-8";

@media all and ( max-width:639px ) {

nav {display:none;}

.head-wrapper .responsive-head {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: unset;
  align-items: stretch
}

.head-wrapper .responsive-head .short-cut-nav {
  width: 70%;
  height: auto;
}

.head-wrapper .responsive-head .short-cut-nav .icon-list {
  padding-left: 0;

  margin: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.head-wrapper .responsive-head .short-cut-nav .icon-list .icon-item {
  list-style-type: none;

  margin: 8%;
  text-align: left;
}

.head-wrapper .responsive-head .short-cut-nav .icon-list .icon-item a {
  text-decoration: none;
}

.hamburger-button {
  text-align: center;
  vertical-align: middle;
}

.hamburger-button .button-design {
  border-radius: 10px;
	background-color: gray;
	box-sizing: border-box;
	position: relative;
	width: 50px;
	height: 50px;
	top: 22%;
	right: -30px;

  box-shadow: 12px 12px 15px -6px rgba(0,0,0,0.8);
}

.hamburger-button .button-design span {
  border-radius: 10px;
	box-sizing: border-box;
	position: absolute;
	/*left: 0;*/
	margin: 5px;
	width: 80%;
	height: 5px;
	background-color: #000;
}

.hamburger-button .button-design span:nth-of-type(1) {
  left: 0;
	top: 5px;
}

.hamburger-button .button-design span:nth-of-type(2) {
  left: 0;
	top: 36%;
}

.hamburger-button .button-design span:nth-of-type(3) {
  left: 0;
	bottom: 5px;
}

.hamburger-button .button-design,
.hamburger-button .button-design span {
	display: inline-block;
	transition: all .4s;
	z-index: 10;
}

}

/*
@media all and ( min-width:640px ) and ( max-width:1023px ) {

.head-wrapper .responsive-head .responsive-only-header {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: center;
}

.head-wrapper .responsive-head .responsive-only-header .header-button {
  list-style-type: none;

  width: Calc(Calc(100% / 3) - 20px);
  height: 50px;
}

.head-wrapper .responsive-head .responsive-only-header .header-button img {
  text-align: center;
  vertical-align: middle;
}

.head-wrapper .responsive-head .short-cut-link a:link,
.head-wrapper .responsive-head .short-cut-link a:hover,
.head-wrapper .responsive-head .short-cut-link a:active,
.head-wrapper .responsive-head .short-cut-link a:visited {
  text-decoration: none;
  color: #111;
}

.head-wrapper .responsive-head .short-cut-link a .middle-list {
  padding-left: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: center;
}

.head-wrapper .responsive-head .short-cut-link a .middle-list .middle-item {
  list-style-type: none;
}

}
*/