@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&family=Noto+Sans+SC&family=Noto+Sans+TC&display=swap');
@import url("https://use.fontawesome.com/releases/v5.7.2/css/all.css");


a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  text-decoration: none;
}
a:hover {
	opacity: 1;
	-webkit-animation-duration: 1s;
	-webkit-animation-name: flash;
	animation-duration: 1s;
	animation-name: flash;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
video {
  max-width: 100%;
  height: auto;
}
.ie8 img{
  width: 100%;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	line-height: 1.3;
}
ul, ol, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul li {
  line-height: 1.3;
  margin-bottom: .5em;
}

strong {
  font-weight: bold;
}
em {
	font-style: normal;
}
small,
.small {
  font-size: 85%;
}
figcaption {
  padding-top: .5em;
}


/* global shipping
--------------------------------------------------------------------*/

iframe {
  width: 100%;
  height: 100%;
}

.globalshipping-tab {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1em 0;
  font-family: 'Noto Sans JP', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans KR', 'Train One', sans-serif;
}
.globalshipping-tab li::after {
  content: "/";
}
.globalshipping-tab li:last-child::after {
  content: "";
}
.globalshipping-tab li a {
  margin: 0 .25em;
  padding: 0 .25em;
  text-decoration: none;
}
.globalshipping-tab li.active a {
  pointer-events: none;
  border-bottom: 2px solid #333;
  padding-bottom: .25em;
}
.globalshipping-area {
  display: none;
  opacity: 0;
}
.globalshipping-area.is-active {
  display: block;
  animation-name: displayAnime;
  animation-duration: .25s;
  animation-fill-mode: forwards;
}

@media screen and (max-width: 767px) {
}

@keyframes displayAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.globalshipping-area h2 {
  font-size:1.3rem;
  margin:0 0 20px 10px;
}

.guide-txt {
  
}
.guide-txt dt {
  color: #a87e16;
  font-size: 1.25em;
  font-weight: bold;
  margin: 0 0 .5em;
}
.guide-txt dd {
  margin: 0 0 3em 1em;
}
.link-arrow {
	color: #444;
  text-decoration: none !important;
}
.link-arrow:hover {
  color: #d66372;
  text-decoration: none !important;
}
.link-arrow::before {
	content: "\f138";
	color: #d66372;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 0.3em;
}
.link-arrow:hover::before {
  text-decoration: none !important;
}