@charset "UTF-8";

html,body{height:100%;}

body {
	-webkit-text-size-adjust: 100%;
	padding:0;
	margin: 0;
	font-family:'Noto Sans JP',"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif,sans-serif;
	font-feature-settings: "palt" 1;
	-webkit-font-feature-settings: "palt" 1;
	font-weight: 500;
	color: #4E3B30;
	overflow-y: scroll;
}

#thanks #sb_instagram.sbi_col_3 #sbi_images .sbi_item {
	width: 31.6%;
	border-radius: 10px;
	overflow: hidden;
}
#thanks #sb_instagram #sbi_images {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 52px;
	margin-bottom: 48px;
	float: none;
	padding: 0px;
	gap: 28px 2.3%;
}


/* default */

div,dl,dt,dd,ul,ol,
li,h1,h2,h3,h4,h5,
h6,pre,code,form,fieldset,legend,
input,textarea,p,blockquote,
th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;word-break: break-all;font-size:inherit;width:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q::before,q::after{content:'';}
abbr{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
pre,code,kbd,samp{font-family:monospace;*font-size:108%;line-height:100%;}
.aligncenter{text-align:center;}
figure{padding:0;margin:0;}
img{
	vertical-align: bottom;
	line-height: 1;
	max-width:100%;
	height:auto;
}

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

a{text-decoration: none;color:#000;transition: all .25s ease;}
a:hover{}

*{box-sizing:border-box;}


/* common item ---------------------------------------*/

.clearfix::after,
.inner::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.sp{display: none;}
.spbr{display: none;}

.flex{
	display:flex;
	justify-content:space-between;
}

.bodyfixed {
	position: fixed;
	width: 100%;
	height: 100%;
}

.ovh{
	overflow: hidden;
	position: relative;
}

/* z-index */

.z-1{z-index:1;}
.z-2{z-index:2;}
.z-3{z-index:3;}
.z-4{z-index:4;}
.z-5{z-index:5;}
.z-6{z-index:6;}
.z-7{z-index:7;}
.z-8{z-index:8;}
.z-9{z-index:9;}
.z-10{z-index:10;}


/* layout ---------------------------------------*/

.article {
	background: url('../img/bg.jpg') repeat center center;
	background-size: 1920px;
}

.inner{
	max-width:1000px;
	margin:0 auto;
}


/* text ---------------------------------------*/

.font-notoserif {font-family: 'Noto Serif JP', serif;}
.title-section {text-align: center;}

.title-section b {
	display: block;
	height: 113px;
	margin-bottom: 5px;
}

.title-section b img {
	height: 100%;
	width: auto;
}

.title-section span {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.6;
}


/* btn ---------------------------------------*/

.btn {
	margin: 0 auto;
	text-align: center;
}

.btn a {
	display: inline-block;
	max-width: 360px;
	border-radius: 999px;
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.25em;
	padding: 25px 20px;
	background: url('../img/icon_arrow_right.svg') no-repeat #4E3B30 91% center;
	color: #CFD9E5;
}

.btn a:hover {
	opacity: 1;
	background: url('../img/icon_arrow_right.svg') no-repeat #675144 93% center;
}

.btn-yellow a {
	background: url('../img/icon_arrow_right_yellow.svg') no-repeat #4E3B30 91% center;
	color: #CFBEB5;
}

.btn-yellow a:hover {
	opacity: 1;
	background: url('../img/icon_arrow_right_yellow.svg') no-repeat #675144 93% center;
}


/* header ---------------------------------------*/

header {
	position:fixed;
	width: 100%;
	z-index: 100;
	height: 127px;
	transform: translate(0,0);
}

header.is-ready {transition: all 2.25s ease;}

header.is-opacity{
	opacity: 0;
	transform: translate(0,-100%);
}

.header-inner {
	height: 127px;
	margin:0 auto;
	position:relative;
}

.header-logo{
	display: block;
	background: url('../img/logo_anniversary_text.png') no-repeat 0 0;
	background-size: cover;
	width:243px;
	height:57px;
	text-indent: -999em;
	overflow: hidden;
	position: absolute;
	left:41px;
	top:35px;
	transition: none;
	display: none;
}

.header-submenu {
	width:800px;
	position: absolute;
	right:162px;
	top:51px;
}

.header-submenu-list {
	font-size: 0px;
	text-align: right;
}

.header-submenu-list > li {
	margin-left: 22px;
	display: inline-block;
}

.header-submenu-list > li a {
	color: #4E3B30;
	display: inline-block;
	text-align: center;
	font-weight: 700;
}

.header-submenu-list > li a b{
	font-size: 18px;
	text-align: center;
	letter-spacing: 0.08em;
}

.header-submenu-list > li a small{
	font-size: 10px;
	text-align: center;
	letter-spacing: 0.05em;
}


/* gnav ---------------------------------------*/

.gnav {
	border: none;
	background: #fff;
	padding-bottom: 30px;
	overflow: auto;
	z-index: 100;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	transition: all .75s ease;
	transform: translate3d(0, -100%, 0);
	padding: 120px 30px;
	background: url('../img/bg_menu.png') no-repeat center center;
	background-size: cover;
	display: flex;
	align-items: center;
}

.gnav.is-active {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.gnav-inner {
	max-width: 1080px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.gnav-list {
	font-size:0px;
	width: 49%;
}

.gnav-list > li {
	font-size:16px;
	margin: 0 10px;
	font-weight:bold;
	margin-bottom: 30px;
}

.gnav-list > li a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	color: #CFD9E5;
	font-weight: 700;
}

.gnav-list > li a b{
	font-size: 42px;
	letter-spacing: 0.07em;
	position: relative;
	margin-bottom: 5px;
}

.gnav-list > li a b::before {
	display: block;
	content: '';
	background: #CFD9E5;
	width: 0;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all .4s ease;
}

.gnav-list > li a:hover b::before {
	width: 100%;
}

.gnav-list > li a small{
	font-size: 18px;
	letter-spacing: 0.03em;
	width: 100%;
}

.gnav-list > li a:hover {}
.gnav-link {width: 49%;}
.gnav-link-item {margin-bottom: 20px;}

.gnav-link-item a {
	display: inline-block;
	padding: 20px 10px;
	width: 100%;
	min-width: 410px;
	color: #CFD9E5;
	border: 1px solid #CFD9E5;
	border-radius: 999px;
	text-align: center;
	background-size: 25px;
	position: relative;
	letter-spacing: 0.05em;
}

.gnav-link-item a:hover {
	color: #4E3B30;
	background: #CFD9E5;
	border: 1px solid #CFD9E5;
}

.gnav-link-item a::before {
	display: inline-block;
	content: '';
	-webkit-mask-image: url("../img/icon_blank_menu.svg");
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	-webkit-mask-size: contain;
	mask-image: url("../img/icon_blank_menu.svg");
	mask-repeat: no-repeat;
	mask-position: 0 0;
	mask-size: contain;
	background: #CFD9E5;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translate(0, -50%);
	transition: all ease .3s;
}

.gnav-link-item a:hover::before {
	background: #4E3B30;
	right: 20px;
}

.overlay {
	content: '';
	display: block;
	position: fixed;
	width: 100%;
	height: 300px;
	background: rgba(0, 0, 0, 0.5);
	left: 0;
	top: 0;
	z-index: 6;
}

#openmenu {
	display: block;
	width: 80px;
	height: 80px;
	overflow: hidden;
	position: fixed;
	right: 41px;
	top: 31px;
	z-index: 101;
	background: #4E3B30;
	color: #fff;
	border-radius: 999px;
	text-align: center;
	cursor: pointer;
}

#openmenu.is-open {
	background: #CFD9E5;
	color: #4E3B30;
}

#openmenu small {
	display: block;
	font-size: 10px;
	position: absolute;
	left: 50%;
	bottom: 15px;
	transform: translate(-50%, 0);
}

#openmenu span {
	content: '';
	display: block;
	width: 30px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	transition: all .25s ease;
}

#openmenu.is-open span {background: #4E3B30;}
#openmenu span:nth-child(1) {top: 26px;}
#openmenu span:nth-child(2) {top: 35px;}
#openmenu span:nth-child(3) {top: 44px;}

#openmenu.is-open span:nth-child(1) {
	transform: translate(-50%, 0) rotate(30deg);
	top: 35px;
}

#openmenu.is-open span:nth-child(2) {
	opacity: 0;
	left: -80px;
}

#openmenu.is-open span:nth-child(3) {
	transform: translate(-50%, 0) rotate(-30deg);
	top: 35px;
}

.bodyfixed {
	position: fixed;
	width: 100%;
	height: 100%;
}

/* kv ---------------------------------------*/

.kv-wrapper {position: relative;}
.kv{text-align: center;}

.kv-scroll {
	position:absolute;
	right:80px;
	top: 80vh;
	height: 120px;
	width: 30px;
	transition: all 1.25s ease;
}

.kv-scroll.is-opacity {
	opacity: 0;
}

.kv-scroll-title {
	position: absolute;
	left: 7px;
	top: 0px;
	color: #4E3B30;
	font-size: 22px;
	letter-spacing: 0.1em;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}

.kv-scroll-line {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	width: 3px;
	height: 100%;
	background: #4E3B30;
	animation: scroll 2s ease-in-out infinite;
}

.kv-scroll-line::after{
	display:block;
	content:'';
	background:#4E3B30;
	width:3px;
	height:10px;
	position:absolute;
	left:0;
	bottom:0;
	transform-origin: left bottom;
	transform: rotate(30deg);
}

@keyframes scroll {
	0% {
		transform: scale(1, 0);
		transform-origin: 0 0;
	}
	50% {
		transform: scale(1, 1);
		transform-origin: 0 0;
	}
	50.1% {
		transform: scale(1, 1);
		transform-origin: 0 100%;
	}
	100% {
		transform: scale(1, 0);
		transform-origin: 0 100%;
	}
}


/* contents ---------------------------------------*/

.wrapper {
	position: relative;
}


/* lead */

.lead {
	padding: 410px 30px 260px;
	overflow: hidden;
}

.lead-inner {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.lead-title {
	max-width: 682px;
	margin: 0 auto 70px;
}

.lead-text {
	font-size: 22px;
	line-height: 2.2;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.12em;
}

.lead-text + .lead-text {
	margin-top: 42px;
}

.lead-bg {
	position: absolute;
}

.lead-bg img {
	width: 100%;
}

.leadbg {
}

.lead-bg01,.lead-bg02,.lead-bg03 {
	transform:translate(-60px, 0);
	transition: all .75s ease;
	opacity:0;
}

.lead-bg04,.lead-bg05 {
	transform:translate(60px, 0);
	transition: all .75s ease;
	opacity:0;
}

.lead-bg.is-active {
	transform: translate(0, 0);
	opacity: 1;
}

.lead-bg01 {
	width: 133px;
	left: 14px;
	top: 197px;
}

.lead-bg02 {
	width: 113px;
	left: -166px;
	top: 426px;
}

.lead-bg03 {
	width: 196px;
	left: 130px;
	bottom: -248px;
}

.lead-bg04 {
	width: 143px;
	right: -117px;
	top: 233px;
}

.lead-bg05 {
	width: 148px;
	right: -64px;
	bottom: -72px;
}


/* indexinfo */

.indexinfo {
	padding: 186px 0 192px;
	overflow: hidden;
}

.indexinfo-inner {}

.indexinfoslider {}
.indexinfoslider-wrapper {
	margin-top: 37px;
	margin-bottom: 70px;
}

.indexinfoslider-list {}

.indexinfoslider-list-item {
	filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.16));
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.indexinfoslider-list-item a {
	display: block;
	background: #fff;
	padding: 29px 38px;
	position: relative;
	transition: all .4s ease;
}

.indexinfoslider-list-item a:hover {opacity: 0.7}

.indexinfoslider-list-item a::before {
	display: block;
	content: '';
	background: url('../img/info/bg_panel_top.png') no-repeat center top;
	background-size: 100%;
	width: 100%;
	height: 10px;
	position: absolute;
	top: -8px;
	left: 0;
}

.indexinfoslider-list-item a::after {
	display: block;
	content: '';
	background: url('../img/info/bg_panel_bottom.png') no-repeat center bottom;
	background-size: 100%;
	width: 100%;
	height: 10px;
	position: absolute;
	bottom: -8px;
	left: 0;
}

.indexinfoslider-list-detail {padding-top: 13px;}

.indexinfoslider-list-date {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
}

.indexinfoslider-list-title {
	font-size: 18px;
	letter-spacing: 0.02em;
	line-height: 1.6;
	overflow: hidden;
	height: 3.2em;
	letter-spacing: 0.06em;
	font-weight: 300;
}



/* message */

.message {
	position: relative;
	padding: 180px 30px 210px;
}

.message::before {
	display: block;
	content: '';
	background: url('../img/bg_message_yellow.png') repeat-x center top;
/*	background-size: 1920px;*/
	background-size: 100% 100%;
	width: 100%;
/*	height: calc(100% - 80px);*/
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

.message-inner {
	max-width: 1080px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.message-block {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 70px;
	margin-top: 55px;
	position: relative;
}

.message-head {
	width: 39.8%;
    position: sticky;
    top: 127px;
}

.message-head-image {
	margin-bottom: 18px;
}

.message-head-detail {
	position: relative;
	text-align: center;
}

.message-head-title {
	margin-bottom: 20px;
}

.message-head-title img{
	max-width: 221px;
}

.message-head-title small {
	display: block;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.02em;
	margin-bottom: 10px;
}

.message-body {
	width: calc(60.2% - 70px);
	margin: 0 auto;
}

.message-body-comment {
	font-size: 20px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.08em;
	margin-bottom: 36px;
	position: relative;
	top: -10px;
}

.message-body-text {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.11em;
	line-height: 2.2;
	text-align: justify;
}

.message-body-text + .message-body-text {
	margin-top: 42px;
}

.message-pict-top {
	position: absolute;
	left: 0;
	top: -73px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.message-bg-lefttop {
	position: absolute;
	top: 13px;
	left: 0;
	width: 21.8vw;
	transform:translate(-60px, 0);
	transition: all .75s ease;
	opacity:0;
}

.message-bg-righttop {
	position: absolute;
	top: 10px;
	right: 0;
	width: 21vw;
	transform:translate(60px, 0);
	transition: all .75s ease;
	opacity:0;
}

.message-pict-bottom {
	position: absolute;
	left: 0;
	bottom: -71px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.message-bg-leftbottom {
	position: absolute;
	bottom: 42px;
	left: 0;
	width: 7.5vw;
	transform:translate(-60px, 0);
	transition: all .75s ease;
	opacity:0;
}

.message-bg-rightbottom {
	position: absolute;
	bottom: 20px;
	right: 0;
	width: 7.5vw;
	transform:translate(60px, 0);
	transition: all .75s ease;
	opacity:0;
}

.message-bg.is-active {
	transform: translate(0, 0);
	opacity: 1;
}

/* indexhistory */

.indexhistory-wrapper {
	position: relative;
	z-index: 0;
}

.indexhistory {
	padding: 85px 30px 276px;
	position: relative;
	z-index: 1;
	margin-bottom: 120px;
}

.indexhistory::before {
	display: block;
	content: '';
	background: url('../img/bg_history_yellow.png') no-repeat center center;
	background-size: 100% 100%;
	width: 100%;
	height: calc(100% - 80px);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
}

.indexhistory-inner {
	padding-top: 100px;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.indexhistory-image {
	max-width: 850px;
	margin: 53px auto 50px;
	position: relative;
	z-index: 0;
}

.indexhistory-image img {
	border-radius: 20px;
}

.indexhistory-image::before {
	display: block;
	content: '';
	background: url('../img/img_history_dog.png') no-repeat center center;
	background-size: 100%;
	width: 191px;
	height: 191px;
	position: absolute;
	left: -148px;
	bottom: -17px;
	transform:translate(-60px, 0);
	transition: all .75s ease;
	opacity:0;
}

.indexhistory-image::after {
	display: block;
	content: '';
	background: url('../img/img_history_bear.png') no-repeat center center;
	background-size: 100%;
	width: 110px;
	height: 171px;
	position: absolute;
	right: -60px;
	bottom: -6px;
	transform:translate(60px, 0);
	transition: all .75s ease;
	opacity:0;
}

.is-active.indexhistory-image::before,.is-active.indexhistory-image::after {
	transform: translate(0, 0);
	opacity: 1;
}

.indexhistory-image-text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	font-weight: 700;
	font-size: 22px;
	line-height: 2.2;
	letter-spacing: 0.15em;
	text-align: center;
	width: 100%;
}

.indexhistory-bg {
	position: absolute;
}

.indexhistory-bg-dot {
/*	right: 400px;*/
	left: 0;
	bottom: -43px;
	z-index: 0;
	width: calc(100% - 286px);
}

.indexhistory-bg-bird {
/*	right: 325px;*/
	left: calc(100% - 273px);
	bottom: -80px;
	z-index: 0;
	width: 75px;
	transform:translate(-40px, 0);
	transition: all 1s ease;
	opacity:0;
}

.indexhistory-bg-bird.is-active {
	transform: translate(0, 0);
	opacity: 1;
}

.indexhistory-bg-cloud01 {
	top: -102px;
	right: 0;
	width: 331px;
	animation: 5.5s fuwafuwa infinite 500ms;
}

.indexhistory-bg-cloud02 {
	top: 170px;
	left: 0;
	width: 158px;
	animation: 5.5s fuwafuwa01 infinite 1s;
}

.indexhistory-bg-cloud03 {
	bottom: -68px;
	right: 4px;
	width: 183px;
	animation: 5.5s fuwafuwa02 infinite;
}

.indexhistory-bg-cloud04 {
	bottom: -230px;
	left: -130px;
	width: 314px;
	animation: 5.5s fuwafuwa infinite 300ms;
}

@keyframes fuwafuwa {
	0% {transform: translateY(0);}
	50% {transform: translateY(-20px);}
	100% {transform: translateY(0);}
}

@keyframes fuwafuwa01 {
	0% {transform: translateY(-20px);}
	50% {transform: translateY(-0px);}
	100% {transform: translateY(-20px);}
}

@keyframes fuwafuwa02 {
	0% {transform: translateY(-10px);}
	25% {transform: translateY(0px);}
	50% {transform: translateY(-10px);}
	75% {transform: translateY(-20px);}
	100% {transform: translateY(-10px);}
}


/* thanks */

.thanks {
	padding: 190px 0 192px;
}

.thanks-inner {
	max-width: 1080px;
	margin: 0 auto;
}

.thanks-lead {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 2;
	text-align: center;
}

.thanks-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 28px 2.3%;
	margin-top: 43px;
	margin-bottom: 48px;
}

.thanks-list-item {
	width: 31.6%;
	border-radius: 10px;
	overflow: hidden;
}

.thanks-comingsoon {
	max-width: 644px;
	min-height: 520px;
	background: url(../img/bg_comingsoon.png) no-repeat center center;
	background-size: cover;
	margin: 200px auto 0;
	position: relative;
}

.thanks-comingsoon-title {
	height: 103px;
	text-align: center;
	padding-top: 114px;
	margin-bottom: 20px;
	box-sizing: content-box;
}

.thanks-comingsoon-title img {
	height: 100%;
	width: auto;
}

.thanks-comingsoon-text {
	padding-bottom: 100px;
	font-size: 20px;
	line-height: 1.8;
	letter-spacing: 0.08em;
	text-align: center;
}

.thanks-comingsoon-bg-butterfly {
	width: 91px;
	height: 113px;
	position: absolute;
	top: 0;
	left: -148px;
	animation: 4s fuwafuwa infinite 500ms;
}

.thanks-comingsoon-bg-cat {
	width: 154px;
	height: 205px;
	position: absolute;
	bottom: 7px;
	right: -70px;
	transform:translate(60px, 0);
	transition: all 1s ease;
	opacity:0;
}

.thanks-comingsoon-bg-cat.is-active {
	transform: translate(0, 0);
	opacity: 1;
}


/* lineup */

.lineup {
	padding: 90px 0 600px;
	position: relative;
}

.lineup::before {
	display: block;
	content: '';
	background: #9fb5c8b3;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.38;
	border-radius: 50vw 50vw 0 0;
}

.lineup-inner {
	position: relative;
	z-index: 1;
	max-width: 1600px;
	margin: 0 auto;
	padding-top: 93px;
}

.lineup-brand-wrapper {
	margin-top: 37px;
	overflow: hidden;
	margin-bottom: 200px;
}

.lineup-brand {
	position: relative;
	padding-bottom: 90px;
}
.lineup-brand-slider {}
.lineup-brand-slider-item img{width:270px;}

.lineup-brand .swiper-button-prev,
.lineup-brand .swiper-button-next,
.lineup-brand .slick-arrow,
.lineup-brand .slick-arrow {
	background: url('../img/icon_arrow_slider.svg') no-repeat center center;
	width: 23px;
	height: 34px;
	background-size: 23px 34px;
	margin-top: 0;
	position: absolute;
	border: none;
	text-indent: -99em;
}

.lineup-brand .swiper-button-prev,
.lineup-brand .slick-prev {
	top: auto;
	bottom: 0;
	left: calc(50% - 70px);
	right: auto;
	transform: translate(-50%,0);
}

.lineup-brand .swiper-button-next,
.lineup-brand .slick-next {
	top: auto;
	bottom: 0;
	left: calc(50% + 70px);
	transform: translate(-50%,0) scale(-1,1);
}

.lineup-shop {
	text-align: center;
	margin-bottom: 195px;
}

.lineup-shop a {
	display: block;
	width: 210px;
	height: 203px;
	position: relative;
	margin: 0 auto;
}

.lineup-shop a:hover {
	opacity: 0.7;
}

.lineup-shop-round {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	animation: rotate 35s linear infinite;
	width: 100%;
	height: 100%;
}

.lineup-shop a:hover .lineup-shop-round {
	animation-play-state: paused;
}

.lineup-shop-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

@keyframes rotate {
	0% {
		transform: translate(-50%, -50%) rotate(0);
	}

	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

.lineup-illustration-wrapper {
	padding: 0 30px;
}

.lineup-illustration {
	max-width: 1080px;
	margin: 0 auto;
	background: url('../img/bg_illustration.png') no-repeat center center;
	background-size: 100%;
	padding: 138px 50px;
	margin-bottom: 179px;
}

.lineup-illustration-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	max-width: 810px;
	margin: 0 auto;
}

.lineup-illustration-image {
	width: 280px;
}

.lineup-illustration-detail {
	width: calc(100% - 330px);
	position: relative;
	top: -5px;
}

.lineup-illustration-title {
	margin-bottom: 15px;
}

.lineup-illustration-title span {
	display: block;
	font-size: min(2.19vw,25px);
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 5px;
	letter-spacing: 0.03em;
}

.lineup-illustration-title b {
	font-weight: 900;
	font-size:min(2.63vw,30px);
	display: inline-block;
	letter-spacing: 0.06em;
	margin-right: 0.8em;
}

.lineup-illustration-title small {
	font-size:min(1.84vw,21px);
	display: inline-block;
	letter-spacing: 0.02em;
}

.lineup-illustration-text {
	font-size:min(1.4vw,16px);
	line-height: 1.9;
	letter-spacing: 0.1em;
	margin-bottom: 30px;
}

.lineup-illustration-list {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 25px 50px;
}

.lineup-illustration-list-item {}

.lineup-illustration-list-item a {
	display: inline-block;
	width: 100%;
	position: relative;
	padding: 10px 0 10px 66px;
	font-size:min(1.23vw,14px);
	color: #4E3B30;
}

.lineup-illustration-list-item a:hover {
	opacity: 0.7;
}

.lineup-illustration-list-item a::before {
	display: block;
	content: '';
	background: #4E3B30;
	border-radius: 999px;
	width: 55px;
	height: 55px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
}

.lineup-illustration-list-item a::after {
	display: block;
	content: '';
	width: 21px;
	height: 21px;
	position: absolute;
	left: 17px;
	top: 50%;
	transform: translate(0,-50%);
}

.lineup-illustration-list-item-insta a::after {
	background: url('../img/icon_insta.svg') no-repeat center center;
	-webkit-background-size: 21px;
	background-size: 21px;
}

.lineup-illustration-list-item-blank a::after {
	background: url('../img/icon_blank.svg') no-repeat center center;
	-webkit-background-size: 21px;
	background-size: 21px;
}

.lineup-message {
	text-align: center;
}

.lineup-message-text {
	font-size: 22px;
	line-height: 3.43;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 46px;
}

.lineup-message-image {
	max-width: 200px;
	margin: 0 auto;
}

.lineup-modal-wrapper{
	display: none;
}

.lineup-modal {
	background: url('../img/bg_modal.png') no-repeat center center;
	background-size: 100%;
	padding: 100px 60px 120px;
}

.lineup-modal-box{display: none;}
.lineup-modal-box.is-active{display: block;}

.lineup-modal-image {
	max-width: 715px;
	width: 100%;
	margin: 0 auto 20px;
}

.lineup-modal-title {
	font-weight: 900;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 16px;
	letter-spacing: 0.08em;
	text-align: center;
}

.lineup-modal-text {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.85;
	letter-spacing: 0.1em;
	text-align: center;
}

/* footer ---------------------------------------*/

footer{
	padding: 380px 0 200px;
	background: url(../img/bg_footer.png) no-repeat center top;
	background-size: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

footer::before {
	display: block;
	content: '';
	background: url('../img/bg_footer_bottom.png') no-repeat center bottom; 
	background-size: cover;
	width: 100%;
	height: 290px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
}

.footer-inner{
	max-width:1000px;
	margin:0 auto;
	position:relative;
	z-index: 1;
}

.footer-logo {
	text-align: center;
	margin-bottom: 5px;
}
.footer-logo a {
	display: block;
	max-width: 107px;
	margin: 0 auto;
}

.copyright{
	display: block;
	text-align: center;
	font-size: 12px;
	font-weight: 200;
	margin-top: 5px;
	position:relative;
	z-index: 1;
}

.footer-bg-left {
	width: 20vw;
	position: absolute;
	top: -104px;
	left: -20px;
	transform-origin: left bottom;
	animation: 8s yurayura ease infinite 1s;
}
.footer-bg-right {
	width: 20vw;
	top: -104px;
	position: absolute;
	right: -20px;
	transform-origin: right bottom;
	animation: 8s yurayurareverse ease infinite 1s;
}

@keyframes yurayura {
	0%,100% {
		transform: translate(0, 0) rotate(5deg);
	}

	50% {
		transform: translate(0, -8px) rotate(0deg);
	}
}

@keyframes yurayurareverse {
	0%,100% {
		transform: translate(0, 0) rotate(-5deg);
	}

	50% {
		transform: translate(0, -8px) rotate(0deg);
	}
}

.gotop {
	display: block;
	position: absolute;
	bottom: 128px;
	right: 50px;
	z-index: 2;
	width: 53px;
	height: 124px;
}

.gotop:hover {
	opacity: 0.7;
}


/* animation ---------------------------------------*/

.fadein{
	transition: all .75s ease;
	transform:translate(0,20px);
	opacity:0;
}

.fadein.on{
	transform:translate(0,0px);
	opacity:1;
}

/* pc */
@media screen and (min-width: 769px){
	.sp{display: none !important;}
	.spbr{display: none;}
}


/* big pc */
@media screen and (min-width: 2000px){


	footer::before {
		display: none;
	}

}


/* small pc */
@media screen and (min-width: 769px) and (max-width: 1504px){

/*
	.indexinfopanel-wrapper {
		width: 100%;
	}
*/

}


/* small pc */
@media screen and (min-width: 769px) and (max-width: 1200px){

	.header-submenu {right: 132px;}
	.header-submenu-list > li a b {
		font-size: 15px;
/*		text-align: center;*/
/*		letter-spacing: 0.08em;*/
	}

	.header-submenu-list > li a small {
		font-size: 8px;
/*		text-align: center;*/
/*		letter-spacing: 0.05em;*/
	}

	.lineup-modal {
		background: url('../img/bg_modal.png') no-repeat center center;
		background-size: 100% 100%;
		padding: 60px 60px 80px;
	}

}


@media screen and (min-width: 769px) and (max-width: 1055px){

	.header-submenu {
		display: none;
	}
	.gnav-inner {display: block;}
	.gnav-list {width: 100%;}
	.gnav-link {width: 100%;}

	.gnav-list > li a {display: block;}
	.gnav-list > li a small {
		display: inline-block;
		margin-left: 1em;
		width: auto;
	}

}


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


	#thanks #sb_instagram #sbi_images {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		margin-top: 30px;
		margin-bottom: 30px;
		float: none;
		gap: 10px 3%;
		padding: 0px 15px;
  }
	#thanks #sb_instagram.sbi_col_3 #sbi_images .sbi_item {
		width: 30%;
		padding: 0px !important;
  }


	/* default */
	img{max-width:100%;}
	a img{opacity:1;}
	*{box-sizing:border-box;}

	/* common item */
	.pc{display: none !important;}
	.pcbr{display: none;}
	.sp{display: inline-block !important;}

	.headerInner,
	.footerInner,
	.inner{
		min-width:0;
		width:100%;
	}

	.article {
		background: url('../img/bg.jpg') repeat center center;
		background-size: 100%;
	}


	/* text ---------------------------------------*/

	.title-section {
		text-align: center;
	}

	.title-section b {
		height: 89px;
		margin-bottom: -5px;
	}

	.title-section span {
		font-size: 12px;
		font-weight: 500;
	}


	/* btn ---------------------------------------*/

	.btn {
		margin: 0 auto;
		text-align: center;
	}

	.btn a {
		max-width: 270px;
		font-size: 16px;
		letter-spacing: 0.25em;
		line-height: 1.5;
		padding: 18px 15px;
		background: url('../img/icon_arrow_right.svg') no-repeat #4E3B30 87% center;
		background-size: 10px 15px;
	}

	.btn a:hover {
		opacity: 1;
		background: url('../img/icon_arrow_right.svg') no-repeat #675144 92% center;
		background-size: 10px 15px;
	}

	.btn-yellow a {
		background: url('../img/icon_arrow_right_yellow.svg') no-repeat #4E3B30 87% center;
		background-size: 10px 15px;
		color: #CFBEB5;
	}

	.btn-yellow a:hover {
		opacity: 1;
		background: url('../img/icon_arrow_right_yellow.svg') no-repeat #675144 92% center;
		background-size: 10px 15px;
	}


	/* header ---------------------------------------*/

	header{height:69px;}

	.header-inner {
		height: 69px;
		margin: 0 auto;
		position: relative;
	}

	.header-logo {
		width: 129px;
		height: 29px;
		left: 15px;
		top: 15px;
	}


	/* gnav ---------------------------------------*/

	.gnav {padding: 100px 30px 56px;}
	.gnav-inner {display: block;}

	.gnav-list {
		font-size: 0px;
		width: 100%;
		margin-bottom: 50px;
	}

	.gnav-list > li {
		margin: 0;
		font-weight: bold;
		margin-bottom: 41px;
	}

	.gnav-list > li a {
		display: block;
		color: #CFD9E5;
		font-weight: 700;
	}

	.gnav-list > li a b {
		font-size: 20px;
		letter-spacing: 0.05em;
		margin-bottom: 0px;
	}

	.gnav-list > li a small {
		display: inline-block;
		margin-left: 1em;
		font-size: 10px;
		letter-spacing: 0.03em;
		width: auto;
	}

	.gnav-link {width: 100%;}
	.gnav-link-item {margin-bottom: 27px;}

	.gnav-link-item a {
		padding: 18px 10px;
		width: 100%;
		min-width: 100%;
	}

	.gnav-link-item a::before {
		width: 20px;
		height: 20px;
	}

	#openmenu {
		width: 56px;
		height: 56px;
		right: 15px;
		top: 15px;
	}

	#openmenu small {
		font-size: 9px;
		bottom: 10px;
	}

	#openmenu span {height: 1px;width:26px;}
	#openmenu span:nth-child(1) {top: 16px;}
	#openmenu span:nth-child(2) {top: 23px;}
	#openmenu span:nth-child(3) {top: 30px;}
	#openmenu.is-open span:nth-child(1) {top: 19px;}
	#openmenu.is-open span:nth-child(3) {top: 19px;}



	/* kv ---------------------------------------*/

	.kv-scroll {
		position: absolute;
		right: 10px;
		height: 69px;
	}

	.kv-scroll-title {
		left: 7px;
		font-size: 12px;
	}

	.kv-scroll-line {width: 1px;}

	.kv-scroll-line::after{
		width:1px;
		height:6px;
	}

	/* lead */

	.lead {padding: 162px 30px 187px;}

	.lead-inner {
		max-width: 1200px;
		margin: 0 auto;
		position: relative;
	}

	.lead-title {
		max-width: 288px;
		margin: 0 auto 39px;
	}

	.lead-text {
		font-size: 14px;
		line-height: 2.45;
		font-weight: 500;
		letter-spacing: 0.1em;
	}

	.lead-text + .lead-text {margin-top: 25px;}

	.lead-bg {position: absolute;}

	.lead-bg img {width: 100%;}

	.lead-bg01 {
		width: 69px;
		left: -38px;
		top: 255px;
	}

	.lead-bg02 {display: none;}

	.lead-bg03 {
		width: 105px;
		left: 44px;
		bottom: -121px;
	}

	.lead-bg04 {
		width: 73px;
		right: -30px;
		top: 113px;
	}

	.lead-bg05 {
		width: 77px;
		right: -40px;
		bottom: 40px;
	}


	/* indexinfo */

	.indexinfo {padding: 50px 0 110px;}
	.indexinfoslider-wrapper {
		margin-top: 17px;
		margin-bottom: 20px;
	}
	.indexinfoslider-list-item a {padding: 17px 27px;}
	.indexinfoslider-list-detail {padding-top: 11px;}

	.indexinfoslider-list-date {
		font-size: 12px;
		margin-bottom: 3px;
	}

	.indexinfoslider-list-title {
		font-size: 14px;
		letter-spacing: 0.05em;
	}


	/* message */

	.message {
		position: relative;
		padding: 114px 30px 120px;
	}

	.message::before {
		background: url('../img/bg_message_yellow_sp.png') no-repeat center top;
		background-size: 100% 100%;
		height: 100%;
	}

	.message-block {
		display: block;
		margin-top: 28px;
	}

	.message-head {
		position: relative;
		top: 0;
		display: block;
		width: 100%;
		max-width: 800px;
		margin: 23px auto 25px;
	}

	.message-head-image {
		width: 100%;
		padding: 0 15px;
		margin-bottom: 20px;
	}

	.message-head-detail {
		width: 100%;
		top: 0;
	}

	.message-head-title {
		margin-bottom: 16px;
		text-align: center;
	}

	.message-head-title img {max-width: 134px;}

	.message-head-title small {
		display: block;
		font-size: 10px;
		letter-spacing: 0.02em;
		margin-bottom: 3px;
	}

	.message-body {
		width: 100%;
	}

	.message-body-comment {
		font-size: 16px;
		line-height: 1.9;
		letter-spacing: 0.1em;
		margin-bottom: 19px;
		top: 0;
	}

	.message-body-text-wrapper {
		height: 494px;
		overflow-y: auto;
	}

	.message-body-text {
		font-size: 14px;
		letter-spacing: 0.125em;
		line-height: 2.42;
		text-align: left;
	}

	.message-body-text + .message-body-text {margin-top: 34px;}

	.message-pict-top {top: -31px;}

	.message-bg-lefttop {
		position: absolute;
		top: 3px;
		left: 0;
		width: 37vw;
	}

	.message-bg-righttop {
		position: absolute;
		top: 0;
		right: 0;
		width: 37vw;
	}

	.message-pict-bottom {bottom: -27px;}

	.message-bg-leftbottom {
		position: absolute;
		bottom: 21px;
		left: 0;
		width: 13.5vw;
	}

	.message-bg-rightbottom {
		position: absolute;
		bottom: 12px;
		right: 0;
		width: 13.5vw;
	}


	/* indexhistory */

	.indexhistory-wrapper{margin-bottom: 15px;}

	.indexhistory {
		padding: 122px 30px 170px;
		margin-bottom: 0px;
	}

	.indexhistory::before {
		background: url('../img/bg_history_yellow_sp.png') no-repeat center bottom;
		background-size: 100% 100%;
		height: calc(100% - 120px);
		top: auto;
		bottom: 50px;
	}

	.indexhistory-inner {padding-top: 50px;}

	.indexhistory-image {
		max-width: 315px;
		margin: 30px auto;
	}
	.indexhistory-image img {border-radius: 10px;}

	.indexhistory-image::before {
		width: 116px;
		height: 116px;
		left: -55px;
		bottom: -17px;
	}

	.indexhistory-image::after {
		width: 67px;
		height: 104px;
		right: -25px;
		bottom: -10px;
	}

	.indexhistory-image-text {
		font-weight: 500;
		font-size: 14px;
		line-height: 1.9;
	}

	.indexhistory-bg {position: absolute;}

	.indexhistory-bg-dot {
		right: auto;
		left: 0;
		bottom: 18px;
		z-index: 0;
		width: calc(100% - 75px);
		max-width: 304px;
	}

	.indexhistory-bg-bird {
		right: auto;
		left: 315px;
		bottom: -2px;
		z-index: 0;
		width: 40px;
	}

	.indexhistory-bg-cloud01 {
		top: -62px;
		right: -18px;
		width: 153px;
	}

	.indexhistory-bg-cloud02 {
		top: 92px;
		left: -36px;
		width: 73px;
	}

	.indexhistory-bg-cloud03 {
		bottom: -25px;
		right: -52px;
		width: 87px;
	}

	.indexhistory-bg-cloud04 {
		bottom: -120px;
		left: 0px;
		width: 126px;
	}


	/* thanks */

	.thanks {padding: 102px 0 52px;}

	.thanks-inner {
		max-width: 1080px;
		margin: 0 auto;
	}

	.thanks .title-section b {
		height: 139px;
	}

	.thanks-lead {
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 0.05em;
		line-height: 1.84;
		margin-top: -5px;
	}

	.thanks-list {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		gap: 10px 3%;
		margin-top: 30px;
		margin-bottom: 30px;
		padding: 0 15px;
	}

	.thanks-list-item {
		width: 48.5%;
	}

	.thanks-comingsoon {
		max-width: 315px;
		width: calc(100% - 66px);
		min-height: 250px;
		background: url(../img/bg_comingsoon_sp.png) no-repeat center top;
		background-size: 100%;
		margin: 118px auto 10px;
	}

	.thanks-comingsoon-title {
		height: 64px;
		text-align: center;
		padding-top: 48px;
		margin-bottom: 2px;
		box-sizing: content-box;
	}

	.thanks-comingsoon-title img {
		height: 100%;
		width: auto;
	}

	.thanks-comingsoon-text {
		padding-bottom: 100px;
		font-size: 12px;
		line-height: 1.8;
		letter-spacing: 0.05em;
		text-align: center;
	}

	.thanks-comingsoon-bg-butterfly {
		width: 44px;
		height: 55px;
		top: -55px;
		left: -17px;
	}

	.thanks-comingsoon-bg-cat {
		width: 100px;
		height: 134px;
		bottom: 0px;
		right: -30px;
	}


	/* lineup */

	.lineup {
		padding: 101px 0 250px;
		position: relative;
	}

	.lineup::before {
		display: block;
		content: '';
		background: #9fb5c8b3;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 48px;
		left: 0;
		opacity: 0.38;
		border-radius: 50vw 50vw 0 0;
	}

	.lineup-inner {
		position: relative;
		z-index: 1;
		max-width: 1920px;
		margin: 0 auto;
		padding-top: 50px;
	}

	.lineup-brand-wrapper {
		margin-top: 18px;
		margin-bottom: 120px;
		transition-delay: 0.1s
	}

	.lineup-brand {padding-bottom: 65px;}

	.lineup-brand .swiper-button-prev,
	.lineup-brand .swiper-button-next {
		width: 16px;
		height: 24px;
		background-size: 16px 24px;
	}

	.lineup-brand .swiper-button-prev {
		left: calc(50% - 35px);
	}

	.lineup-brand .swiper-button-next {
		left: calc(50% + 35px);
	}

	.lineup-shop {
		margin-bottom: 118px;
	}

	.lineup-shop a {
		width: 168px;
		height: 162px;
	}

	.lineup-shop-inner {
		width: 124px;
	}

	.lineup-illustration-wrapper {
		padding: 0 15px;
	}

	.lineup-illustration {
		max-width: 580px;
		margin: 0 auto;
		background: url('../img/bg_illustration_sp.png') no-repeat center top;
		background-size: 100%;
		padding: 20vw 40px 30vw;
		margin-bottom: 87px;
	}

	.lineup-illustration-inner {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		flex-direction: column;
		gap: 0;
		max-width: 810px;
		margin: 0 auto;
	}

	.lineup-illustration-image {
		width: 180px;
		margin-bottom: 14px;
	}

	.lineup-illustration-detail {
		width: 100%;
	}

	.lineup-illustration-title {
		margin-bottom: 13px;
		text-align: center;
	}

	.lineup-illustration-title span {
		display: block;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.2;
		margin-bottom: 5px;
		letter-spacing: 0.05em;
	}

	.lineup-illustration-title b {
		font-weight: 900;
		font-size: 16px;
		display: inline-block;
		letter-spacing: 0.06em;
		margin-right: 1em;
	}

	.lineup-illustration-title small {
		font-size: 11px;
		display: inline-block;
		letter-spacing: 0.05em;
	}

	.lineup-illustration-text {
		font-size: 12px;
		line-height: 1.9;
		letter-spacing: 0.02em;
		margin-bottom: 18px;
	}

	.lineup-illustration-text span {
		display: inline-block;
		text-align: center;
		margin-bottom: 2px;
		width: 100%;
	}

	.lineup-illustration-list {
		justify-content: center;
		gap: 23px;
	}

	.lineup-illustration-list-item a {
		padding: 10px 0 10px 55px;
		font-size: 12px;
	}

	.lineup-illustration-list-item a::before {
		width: 46px;
		height: 46px;
	}

	.lineup-illustration-list-item a::after {
		width: 20px;
		height: 20px;
		left: 13px;
	}

	.lineup-illustration-list-item-insta a::after {
		-webkit-background-size: 20px;
		background-size: 20px;
	}

	.lineup-illustration-list-item-blank a::after {
		-webkit-background-size: 20px;
		background-size: 20px;
	}

	.lineup-brand-slider-item img{max-width:180px;}

	.lineup-message {text-align: center;}

	.lineup-message-text {
		font-size: 14px;
		font-weight: 700;
		line-height: 3.2;
		letter-spacing: 0.1em;
		margin-bottom: 30px;
	}

	.lineup-message-image {
		max-width: 136px;
		margin: 0 auto;
	}

	.lineup-modal {
		background: url('../img/bg_modal_sp.png') no-repeat center center;
		background-size: 100%;
		padding: 50px 30px 0px;
		height: 580px;
		max-height: 100dvh;
	}

	.lineup-modal-image {
		max-width: 274px;
		margin-bottom: 35px;
	}

	.lineup-modal-title {
		font-size: 12px;
		font-weight: 700;
		margin-bottom: 10px;
	}

	.lineup-modal-text {
		font-size: 10px;
		font-weight: 500;
		line-height: 1.85;
	}

	/* footer ---------------------------------------*/

	footer {
		padding: 110px 0 75px;
		background: url(../img/bg_footer_sp.png) no-repeat center top;
		background-size: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
	}

	footer::before {display: none;}

	.footer-inner {
		max-width: 1000px;
		margin: 0 auto;
		position: relative;
	}

	.footer-logo {
		text-align: center;
		margin-bottom: 5px;
	}

	.footer-logo a {
		display: block;
		max-width: 62px;
		margin: 0 auto;
	}

	.copyright {
		display: block;
		text-align: center;
		font-size: 8px;
		font-weight: 200;
		margin-top: 5px;
	}

	.footer-bg-left {
		width: 129px;
		position: absolute;
		top: -32px;
		left: 0;
	}

	.footer-bg-right {
		width: 129px;
		top: -32px;
		position: absolute;
		right: 0;
	}

	.gotop {
		bottom: 18px;
		right: 9px;
		width: 28px;
		height: 62px;
	}


}