@charset "utf-8";
/* --------------------------------------------------
	reset
-------------------------------------------------- */
* { margin: 0; padding: 0; box-sizing: border-box;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

img{ vertical-align: bottom;}
ul{ list-style: none;}
ul li{ list-style-type: none;}
figure { margin: 0;}


/* =============================================================================
   Forms
   ========================================================================== */
form { margin: 0;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend { border: 0;}
button,
input,
select,
textarea { font-size: 100%; margin: 0; vertical-align: baseline;}
button,
input { line-height: normal;}
button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0;}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}

button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top;}
input[type="search"]:focus { outline: none;}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*		font-style
-------------------------------------------------- */
body { width: 100%;
 color: #505050;
/*	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;*/
	font-family: "游ゴシック","Yu Gothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "メイリオ","Meiryo",sans-serif;
	font-size: 16px;
	*font-size:small;
	*font:x-small;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

body.fixed { position: fixed;}

.min { font-family: "Noto Serif JP","游明朝", "Yu Mincho", "YuMincho", serif;}
.eng { font-family: Georgia, serif;}


a { color:#002159; text-decoration: none;}
a:link   { color:#002159;}
a:visited{ color:#002159;}
a:hover  { color:#002159;}
a:active { color:#002159;}

em { font-style: normal;}
@media (max-width: 641px) {
}

/*		utility
-------------------------------------------------- */
.cf{ clear: both;}
.cf:after{ content: ''; display: block; clear: both;}


/*	Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box;
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;

-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
  	  touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus { outline: none;}
.slick-list.dragging{ cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{
-webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
}
.slick-track { position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after { display: table; content: '';}
.slick-track:after { clear: both;}
.slick-loading .slick-track { visibility: hidden;}
.slick-slide { display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide { float: right;}
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none;}
.slick-slide.dragging img { pointer-events: none;}
.slick-initialized .slick-slide { display: block; outline: none;}
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide{ display: block; height: auto;}
.slick-arrow.slick-hidden { display: none;}

.slick-arrow{ width: 50px; height: 50px; position: absolute; top: 50%; transform: translateY(-50%);
 background: none; border: none; z-index: 100;
 text-indent: -9999em; outline: none;
}
.slick-prev { left: 0px;}
.slick-next { right: 0px;}

.slick-arrow:before{ position: absolute; content: ''; display: block; width: 35px; height: 35px; top: 50%;}
.slick-prev:before { left: 20%; border-top: solid 2px #4b4b4b; border-left: solid 2px #4b4b4b; transform: translateY(-50%) rotate(-45deg);}
.slick-next:before { right: 20%; border-top: solid 2px #4b4b4b; border-right: solid 2px #4b4b4b; transform: translateY(-50%) rotate(45deg);}


/** Dots */
.slick-dotted.slick-slider{ margin-bottom: 30px;}
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; text-align: center;}
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer;
 color: transparent; border: 0; outline: none; background: transparent; 
}
.slick-dots li button:hover,
.slick-dots li button:focus{ outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before { opacity: 1;}
.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0;
	width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black;
}
.slick-dots li.slick-active button:before { opacity: .75; color: black;}
@media (max-width: 1001px) {
	.slick-prev { left: 20px;}
	.slick-next { right: 20px;}
}
@media (max-width: 481px) {
	.slick-arrow{ width: 30px; height: 30px;}
	.slick-arrow:before{ width: 25px; height: 25px;}
	.slick-prev { left: 12px;}
	.slick-next { right: 12px;}
}


@keyframes moveInOut1{
 0% { opacity: 0;}
 15% { transform: translate(0px,0px); opacity: 1;}
 90% { transform: translate(0px,0px); opacity: 1;}
 100% { transform: translate(600px, -400px) rotate(40deg); opacity: 0.6;}
}
@keyframes moveInOut2{
 0% { opacity: 0;}
 15% { transform: translate(0px,0px); opacity: 1;}
 90% { transform: translate(0px,0px); opacity: 1;}
 100% { transform: translate(-500px, 800px) rotate(-40deg); opacity: 0.6;}
}
@keyframes moveInOut3{
 0% { opacity: 0;}
 15% { transform: translate(0px,0px); opacity: 1;}
 90% { transform: translate(0px,0px); opacity: 1;}
 100% { transform: translate(300px, 600px) rotate(-40deg); opacity: 0.6;}
}
@keyframes moveInOut4{
 0% { opacity: 0;}
 15% { transform: translate(0px,0px); opacity: 1;}
 90% { transform: translate(0px,0px); opacity: 1;}
 100% { transform: translate(-600px, -600px) rotate(40deg); opacity: 0.6;}
}
@keyframes logoTxt{
 0% { stroke-dashoffset: 500px;}
 60% { fill: transparent;}
 100% { stroke-dashoffset: 0px; stroke-width: 0.5px; opacity: 1;}
}
@keyframes fadeOut{
	50% { opacity: 1;}
	100% { opacity: 0;}
}
@keyframes fadeInOut{
	 80% { opacity: 1; filter: drop-shadow(0px 0px 12px #fff);}
	100% { opacity: 0;}
}

#loading { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 100; overflow: hidden;
 background: url('../img/bg-loading.jpg') no-repeat 50% 50% / cover;
}
#loading .logo { position: absolute; width: 100%; left: 0; top: 50%; z-index: 10; transform: translateY(-55%);}
#loading .logo .inner { position: relative; width: 40%; max-width: 160px; margin: 0 auto 30px;}
#loading .logo .parts-1,
#loading .logo .parts-2,
#loading .logo .parts-3 { position: absolute; left: 0; top: 0; width: 100%;}
#loading .logo .parts-4 { position: relative; width: 100%;}
#loading .logo .parts-1 img,
#loading .logo .parts-2 img,
#loading .logo .parts-3 img,
#loading .logo .parts-4 img { position: relative; width: 100%; opacity: 0;}
#loading .logo .parts-1 img { transform: translate(400px, -400px) rotate(40deg);}
#loading .logo .parts-2 img { transform: translate(-400px, 400px) rotate(-40deg);}
#loading .logo .parts-3 img { transform: translate(400px, 400px) rotate(-40deg);}
#loading .logo .parts-4 img { transform: translate(-300px, -400px) rotate(40deg);}
#loading.show .logo .parts-1 img { animation: moveInOut1 2.8s linear forwards; animation-delay: .6s;}
#loading.show .logo .parts-2 img { animation: moveInOut2 2.8s linear forwards; animation-delay: .6s;}
#loading.show .logo .parts-3 img { animation: moveInOut3 2.8s linear forwards; animation-delay: .6s;}
#loading.show .logo .parts-4 img { animation: moveInOut4 2.8s linear forwards; animation-delay: .6s;}

#loading .logo .logo-txt { position: relative; text-align: center; transition: 0.4s linear 2.0s; opacity: 1;}
#loading .logo .logo-txt svg#txt1 { position: absolute; left: 50%; transform: translateX(-50%); width: 70%; max-width: 400px;
 animation: fadeOut 0.8s linear forwards; animation-delay: 2.0s;
}
#loading .logo .logo-txt svg#txt1 .line1 { stroke-width: 1px; stroke: #fff; stroke-dasharray: 500px; stroke-dashoffset: 500px; fill: none;
 animation: logoTxt 2.4s linear forwards; animation-delay: 1.0s;
}
#loading .logo .logo-txt svg#txt1 .line2 { stroke-width: 1px; stroke: #fff; stroke-dasharray: 500px; stroke-dashoffset: 500px; fill: none;
 animation: logoTxt 1.6s linear forwards; animation-delay: 1.0s;
}
#loading .logo .logo-txt svg#txt2 { width: 70%; max-width: 400px; opacity: 0; animation: fadeInOut 1.5s linear forwards; animation-delay: 2.0s;}

@media (max-width: 481px) {
	#loading .logo .inner { width: 30%;}
}



#loading .inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#loading .logo-icn { position: absolute; width: 25%; max-width: 180px; left: 50%; top: 30%; transform: translateX(-50%); z-index: 10;}
#loading .logo-icn div { position: relative;}
#loading .logo-icn img { position: absolute; left: 0; top: 0; width: 100%; transition: 0.2s linear; opacity: 1;}
#loading .logo-icn img:nth-of-type(1){ transform: translate(200px, -400px) rotate(40deg);}
#loading .logo-icn img:nth-of-type(2){ transform: translate(-400px, 400px) rotate(-40deg);}
#loading .logo-icn img:nth-of-type(3){ transform: translate(400px, 200px) rotate(-40deg);}
#loading .logo-icn img:nth-of-type(4){ transform: translate(-300px, -400px) rotate(40deg);}
#loading svg#load-txt { position: absolute; left: 50%; top: 45%; transform: translateX(-50%); width: 400px; z-index: 9;}
#loading svg#load-txt path#logotxt-1 { stroke-width: 4px; stroke: #fff; stroke-dasharray: 500px; stroke-dashoffset: 500px;
 fill: none;
}
#loading svg#load-txt path#logotxt-2 { opacity: 0;}
#loading svg#grade_bg { position: absolute; left: 50%; top: 50%; min-width: 100%; width: auto; min-height: 120%; transform: translate(-50%,-50%); z-index: 1;}
#loading svg#grade_bg-sp { position: absolute; left: 50%; top: 0; min-width: 100%; min-height: 120%;
 /* width: auto; min-width: 100%; min-height: 100%; */ transform: translateX(-50%); z-index: 1;}
#loading svg#grade_bg-sp { display: none;}

#loading.show .logo-icn img:nth-of-type(1){ animation: moveInOut1 2.0s linear forwards; animation-delay: .6s;}
#loading.show .logo-icn img:nth-of-type(2){ animation: moveInOut2 2.0s linear forwards; animation-delay: .6s;}
#loading.show .logo-icn img:nth-of-type(3){ animation: moveInOut3 2.0s linear forwards; animation-delay: .6s;}
#loading.show .logo-icn img:nth-of-type(4){ animation: moveInOut4 2.0s linear forwards; animation-delay: .6s;}

#loading svg#load-txt path#logotxt-1{ animation: logoTxt 3.0s linear forwards; animation-delay: 1.0s;}
#loading svg#load-txt path#logotxt-2{ animation: fadeInOut 1.5s linear forwards; animation-delay: 1.4s;}
/*
#loading.show svg#grade_bg { animation: fadeOut 0.8s linear forwards; animation-delay: 3.6s;}
#loading.show svg#grade_bg-sp { animation: fadeOut 1.0s linear forwards; animation-delay: 3.0s;}
*/
#loading.show .logo p { opacity: 1;}

/* 桜の花びらのスタイル */
.petal { position: absolute; background-color: #ffecf1; /* 花びらの色 */ z-index: 10;
 border-radius: 150% 0 150% 0;
 animation: animate-petal 4.8s linear;
}
.petal::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: -14%; left: -10%;
 background-color: #ffecf1; border-radius: 150% 0 150% 0; transform: rotate(15deg);
}

@keyframes moveRotate1{
	0% { transform: rotate(80deg);}
	100% { transform: rotate(-200deg);}
}
@keyframes moveRotate2{
	0% { transform: rotate(-10deg);}
	100% { transform: rotate(30deg);}
}
@keyframes moveBubble{
	0% { background-position-y: 20%;}
	100%{ background-position-y: 80%;}
}
@keyframes moveBubbleSp{
	0% { background-position-y: 100%;}
	100%{ background-position-y: 0%;}
}
@media (max-width: 801px) {
	#loading svg#grade_bg-pc { display: none;}
	#loading svg#grade_bg-sp { display: block;}
}
@media (max-width: 481px) {
	#loading .logo-icn { top: 35%;}
	#loading svg#load-txt { width: 60%;}
}

/* 花びらが降るアニメーション */
@keyframes animate-petal {
   0% { top: 0; opacity: 0; transform: rotate(0deg);}
  10% { opacity: 1;}
  90% { opacity: 1;}
 100% { opacity: 0; top: 100vh; transform: rotate(3000deg);}
}


#wrapper.bg { background: #fff url('../img/bg-shop.png') repeat-x 50% 100%;}

@media (max-width: 481px) {
	#loading .bubble:after { background: url('../img/load-bubble-sp.png') no-repeat 50% 0% / 100% auto;  animation: moveBubbleSp 5s ease forwards;}
	#loading .bubble .dolphin { width: 1200px; height: 1200px; left: -100%; top: 25%;}
	#loading .bubble .dolphin .dolphin-1 { width: 200px;}
	#loading .bubble .dolphin .dolphin-2 { width: 240px;}
	#loading .bubble .dolphin .dolphin-3 { width: 220px;}
	#loading .bubble .dolphin .dolphin-4 { width: 180px;}
	#loading .bubble .dolphin .dolphin-1 img {}
	#loading .bubble .dolphin .dolphin-2 img { top: 80px;}
	#loading .bubble .dolphin .dolphin-3 img { top: 200px;}
	#loading .bubble .dolphin .dolphin-4 img { top: 320px;}
	#loading .logo { top: 40%;}
}

#hd { width: 100%; position: fixed; left: 0; top: 0; z-index: 20;}
#hd .inner-hd { position: relative; width: 100%; max-width: 1280px; margin: 0 auto;}
.subMenu { position: absolute; right: 20px; top: 20px;}
.subMenu .inner { position: relative;}
.subMenu .inner div { position: absolute; right: 20px; top: 18px; width: 25px; height: 20px; z-index: 2;}
.subMenu .inner div span { display: block; width: 85%; height: 2px; background: #505050; opacity: 1;
	position: absolute; left: 50%;
 transition: 0.4s linear; transform: translate(-50%,0);
}
.subMenu .inner div span:nth-of-type(1){ top: 2px;}
.subMenu .inner div span:nth-of-type(2){ top: 9px;}
.subMenu .inner div span:nth-of-type(3){ top: 16px;}
.subMenu:hover .inner div span:nth-of-type(1){ transform: translate(-50%,7px) rotate(315deg);}
.subMenu:hover .inner div span:nth-of-type(2){ opacity: 0;}
.subMenu:hover .inner div span:nth-of-type(3){transform: translate(-50%,-7px) rotate(-315deg);}

.subMenu nav { position: absolute; right: 5px; top: 0; z-index: 1; overflow: hidden;
 width: 0px; height: 55px; padding: 10px 5px; padding-right: 45px; background: rgba(255,255,255,0.4); border-radius: 50px;
 transition: 0.2s linear; opacity: 0;
}
.subMenu ul { display: table; width: 100%; text-align: center;}
.subMenu ul li { position: relative; display: table-cell; padding: 0 10px; font-size: 10px; line-height: 1.4; vertical-align: middle;}
.subMenu ul li:after { content: ''; width: 1px; height: 36px; background: #505050;
 position: absolute; right: 0; top: 50%; transform: translate(0,-50%);
}
.subMenu ul li:last-child:after { content: none;}
.subMenu ul li a { position: relative; display: block; color: #505050; vertical-align: middle;}
.subMenu ul li.cart a { position: relative; padding-left: 32px;}
.subMenu ul li.cart img { position: absolute; left: 0; top: 50%; transform: translate(0,-50%); display: block; width: 28px; fill: #505050;}
.subMenu ul li.insta a { display: block; width: 30px;}
.subMenu ul li.insta a img { width: 100%;}
.subMenu ul li span.eng { display: block; font-family: CenturyGothic, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.05rem; white-space: nowrap}
.subMenu ul li ul li { width: 50%; padding: 0 6px;}
.subMenu ul li ul li:after { content: none;}
.subMenu ul li ul li a { position: relative; display: block; padding-left: 25px;}
.subMenu ul li ul li a img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 16px;}
.subMenu ul li ul li a span.eng { font-size: 12px; font-weight: 600; letter-spacing: 0.025rem;}
.subMenu ul li a:hover { opacity: 0.7;}
.subMenu:hover nav { width: 800px; opacity: 1;}
@media (max-width: 801px) {
	.subMenu { display: none;}
}



.menu { display: none; position: absolute; right: 20px; top: 18px; width: 25px; height: 20px; z-index: 100; cursor: pointer;}
.menu div { position: relative; width: 100%; height: 100%;}
.menu div span { display: block; width: 100%; height: 2px; background: #3c3c3c; position: absolute; left: 50%; transition: 0.4s linear; opacity: 1; transform: translate(-50%,0);}
.menu div span:nth-of-type(1) { top: 2px;}
.menu div span:nth-of-type(2) { top: 9px;}
.menu div span:nth-of-type(3) { top: 16px;}
.menu.active div span:nth-of-type(1) { transform: translate(-50%,7px) rotate(315deg);}
.menu.active div span:nth-of-type(2) { opacity: 0;}
.menu.active div span:nth-of-type(3) { transform: translate(-50%,-7px) rotate(-315deg);}


#sp-menu { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: #fff; z-index: -1; opacity: 0; transition: 0.4s linear;}
#sp-menu .inner { width: 100%; height: 100%; padding: 30px;}
#sp-menu ul { font-size: 0;}
#sp-menu ul li {}
#sp-menu ul li:last-child{}
#sp-menu ul li span.eng { display: inline-block; margin-right: 15px; vertical-align: middle;
 font-family: CenturyGothic, sans-serif; font-size: 28px; font-weight: 700; line-height: 1;
}
#sp-menu ul li span.jp { display: inline-block; vertical-align: middle; font-size: 14px;}
#sp-menu ul li svg { display: inline-block; width: 48px; height: 48px; fill: #505050; vertical-align: middle;}
#sp-menu ul li a { position: relative; display: block; color: #505050; letter-spacing: 0.05rem;}

#sp-menu ul.main { padding-left: 10px;}
#sp-menu ul.main li { padding: 15px 0;}

#sp-menu ul.main li ul.type { padding-top: 12px;}
#sp-menu ul.main li ul.type li { padding: 4px 0;}
#sp-menu ul.main li ul.type li img { display: inline-block; width: 26px; margin-right: 15px; vertical-align: middle;}
#sp-menu ul.main li ul.type li span { display: inline-block; font-size: 20px; vertical-align: middle;}

#sp-menu ul.sub { margin-bottom: 20px; padding-left: 10px;}
#sp-menu ul.sub li { padding: 15px 0;}
#sp-menu ul.sub li.cart a,
#sp-menu ul.sub li.insta a { padding-left: 40px;}
#sp-menu ul.sub li.cart a svg,
#sp-menu ul.sub li.insta a svg { position: absolute; left: 0; top: 50%; transform: translateY(-50%); fill: #505050;}
#sp-menu ul.sub li.cart a svg { width: 30px;}
#sp-menu ul.sub li.insta a svg{ width: 32px;}

#sp-menu ul.aside li { display: inline-block; width: 50%; vertical-align: top; padding: 8px;}
#sp-menu ul.aside li a { display: block; padding: 15px 0; width: 100%; font-size: 2.4vw; font-weight: 400; border: solid 1px #505050; text-align: center;}
#sp-menu hr { width: 96%; margin: 20px auto; border: 0px; border-top: solid 1px #c8c8c8;}
#sp-menu.open { opacity: 1; z-index: 99;}
@media (max-width: 641px) {
	.menu { display: block;}
}
@media (max-width: 481px) {
	#sp-menu ul li span.eng{ font-size: 20px;}
	#sp-menu ul li span.jp { font-size: 12px;}

	#sp-menu ul.main { padding-left: 6px;}
	#sp-menu ul.main li { padding: 8px 0;}
	#sp-menu ul.main li ul.type li span { font-size: 15px;}

	#sp-menu ul.sub { margin-bottom: 12px; padding-left: 6px;}
	#sp-menu ul.sub li.cart a,
	#sp-menu ul.sub li.insta a { padding-left: 36px;}
	#sp-menu ul.sub li.cart a svg { width: 26px;}
	#sp-menu ul.sub li.insta a svg{ width: 28px;}

	#sp-menu ul.aside li { padding: 5px;}
	#sp-menu ul.aside li a { padding: 8px 0; font-size: 11px;}
	#sp-menu hr { margin: 12px auto;}
}




#ft { position: relative; z-index: 2;}
#ft .inner-ft{ padding: 30px 0 60px; background: #fff;}
#ft p { color: #949494; font-size: 12px; text-align: center;}
#ft p.note { margin-bottom: 30px; color: #505050; font-size: 15px; font-weight: 700; line-height: 1.2; text-align: center;}
#ft p.note span { font-size: 20px;}
#ft p.note span em { font-size: 25px;}

#ft h3 { margin: 0 auto 20px; text-align: center;}
#ft h3 img{ width: 32%; max-width: 140px;}
#ft ul { margin: 0 auto 40px; font-size: 0; text-align: center;}
#ft ul li { display: inline-block; font-size: 13px; padding: 0 25px; border-left: solid 1px #505050;}
#ft ul li:first-child{ border-left: none;}
#ft ul li a { color: #505050; }
#ft ul li a:hover { text-decoration: underline;}
@media (max-width: 1201px) {
}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
	#ft .inner-ft{ padding: 50px 0 60px;}
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	#ft .inner-ft{ padding: 42px 0 40px;}
	#ft p.note { font-size: 11px;}
	#ft p.note span { font-size: 13px;}
	#ft p.note span em { font-size: 16px;}
	#ft ul { margin: 0 auto 15px;}
	#ft ul li { display: block; font-size: 13px; padding: 10px; border-left: none;}
}

.copyright { position: absolute; left: 0; width: 100%; padding: 0 40px; z-index: 2;}
.copyright p { font-size: 12px; text-align: right;}
@media (max-width: 481px) {
	.copyright p { font-size: 10px;}
}




