@charset "UTF-8";

.nav-item {
 position: relative
}
.nav-item + .nav-item {
 border-top: 1px solid #fff
}
.nav-item > a {
 padding: 15px;
 font-size: 18px
}

.ic_cr {
  position: relative;
  display: inline-block;
  padding-right: 40px!important;
  color: #333;
  text-decoration: none;
}
.ic_cr:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -6px;
  transform: rotate(45deg);
}


.ic_cr0 {
  position: relative;
  display: inline-block;
  padding-right: 20px!important;
  color: #333;
  text-decoration: none;
}
.ic_cr0:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -6px;
  transform: rotate(45deg);
}

.ic_cr_shop {
  position: relative;
  display: inline-block;
  padding-right: 20px!important;
  color: #333;
  text-decoration: none;
}
.ic_cr_shop:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -6px;
  transform: rotate(45deg);
}






.nav-dropdown {
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -webkit-align-items: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap
}
.nav-dropdown a {
 -webkit-box-flex: 1;
 -webkit-flex-grow: 1;
 -ms-flex-positive: 1;
 flex-grow: 1
}
.nav-toggle {
 position: relative;
 width: 49px;
 min-height: 49px;
 background: #25bdcf
}
.nav-toggle::before, .nav-toggle::after {
 content: "";
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 display: block;
 margin: auto;
 background: #fff;
 -webkit-transition: .2s ease;
 transition: .2s ease
}
.nav-toggle::before {
 width: 15px;
 height: 1px
}
.nav-toggle::after {
 width: 1px;
 height: 15px
}
.nav-toggle.is-open::before {
 opacity: 0;
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg)
}
.nav-toggle.is-open::after {
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg)
}
.dropdown {
 display: none;
 width: 100%;
 background: rgba(255, 255, 255, .5);
 border-top: 1px solid #fff
}
.dropdown-item + .dropdown-item {
 border-top: 1px solid #fff
}
.dropdown-item.has-child {
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap
}
.dropdown-item a {
 padding: 15px;
 font-size: 15px;
		font-weight: 700;
		color: #fff;
	background: #000;
}



.dropdown-child {
 display: none;
 width: 100%;
 border-top: 1px solid #fff
}
.dropdown-child-item {
 background: rgba(255, 255, 255, .3)
}
.dropdown-child-item + .dropdown-child-item {
 border-top: 1px solid #fff
}
.dropdown-child-item a {
 display: inline-block;
 font-size: 12px
}
@media screen and (min-width:375px) {
 html {
  font-size: 62.5%
 }
}
@media screen and (min-width:768px) {
 a[href^=tel] {
  pointer-events: none;
  cursor: text
 }
 .nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
			background: #000;
		flex-wrap:wrap;
 }
 .nav-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
		min-width: 1040px;
		margin: 0 auto;
 }
 .nav-item {
  width: auto;
 }
 .nav-item.is-show > a {
  background: #ddd
 }
 .nav-item + .nav-item {
  border-top: none
 }
 .nav-item.is-show .dropdown, .nav-item:hover .dropdown {
  opacity: 1;
  visibility: visible
 }
 .nav-item.is-show .dropdown::before, .nav-item:hover .dropdown::before {
  -webkit-transform: none;
  transform: none
 }
 .nav-item > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 22px 0;
  font-size: 16px;
		font-weight: 700;
		line-height: 1;
		color: #fff;
 }
 .nav-item > a:hover {
  color: #ccc;
 }
 .nav-dropdown {
  display: block
 }
 .nav-toggle {
  display: none
 }
 .dropdown {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 10;
  display: block;
  width: 100%;
  padding: 1px 0 0;
  background: 0 0;
  border-top: none;
  -webkit-transition: .2s ease;
  transition: .2s ease
 }

	 .dropdown0 {
  left: 0px;
 }

 .dropdown-item {
  position: relative
 }
 .dropdown-item + .dropdown-item {
  border-top: none
 }
 .dropdown-item.has-child {
  position: relative;
  display: block
 }
 .dropdown-item.has-child::after {
  opacity: 0;
  visibility: hidden;
  content: "";
  position: absolute;
  top: 0;
  right: -22px;
  z-index: 10;
  bottom: 0;
  display: block;
  width: 30px;
  height: 1px;
  margin: auto;
  background: #000;
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: scaleX(.5);
  transform: scaleX(.5);
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out
 }
 .dropdown-item.is-show::after, .dropdown-item:hover::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
  transform: none
 }
 .dropdown-item.is-show .dropdown-child, .dropdown-item:hover .dropdown-child {
  opacity: 1;
  visibility: visible
 }
 .dropdown-item.is-show > a {
  color: #fff;
 }
 .dropdown-item a {
		display: block;
		width: 240px;
  padding: 15px 15px;
  text-align: left;
		box-sizing: border-box;
		margin-bottom: 1px;
 }
	
	.nav_shop  .dropdown-item a {
		width: 160px;
 }
	/*
	.dropdown-item.ic-link a{
	background: url("../images/common/ic_linko.png") no-repeat 87px center #000;
	background-size: 15px auto;
}
	*/
 .dropdown-item a:hover {
  color: #fff;
  background: #333
 }
	/*
		.dropdown-item.ic-link a:hover{
	background: url("../images/common/ic_linko.png") no-repeat 87px center #333;
	background-size: 15px auto;
}*/
	
 .dropdown-child {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 100%;
  display: block;
  padding-left: 15px;
  background: 0 0;
  border-top: none;
  -webkit-transition: .2s ease;
  transition: .2s ease
 }
 .dropdown-child-item {
  background: 0 0
 }
 .dropdown-child-item + .dropdown-child-item {
  border-top: none
 }
 .dropdown-child-item a {
  display: block;
  font-size: 15px
 }
}
@media screen and (min-width:980px) {
 .nav-item > a {
  font-size: 15px;
		font-weight: 700;
		color: #fff;
 }
}