@charset "utf-8";
/*-------------------------------------------------
	reset
--------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; }
ul,ol { list-style-type: none; }
em,strong,th,address { font-style: normal; font-weight: normal; text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
img,
object,
embed { border: 0; vertical-align: top; }
img { max-width: 100%; height: auto; }
hr { border: none;}
table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }
li { list-style-type: none; }
strong { font-weight: bold; }
/*-------------------------------------------------
	base
--------------------------------------------------*/
html { font-size: 62.5%; -webkit-text-size-adjust: 100%; position: relative; }
body {position: relative; background: #000; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 1.5; font-size: 1.5rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a:link { color: #fff; transition: 0.3s;}
a:visited { color: #fff; transition: 0.3s;}
a:hover,a:active { color: #fff; }
img.sp{display:none!important;}
img.pc{display:inline!important;}
@media (max-width:1024px){
img.sp{display:inline!important;}
img.pc{display:none!important;}
}/*END*/
img.de_sp{display:none!important;}
img.de_pc{display:inline!important;}
@media (max-width:940px){
img.de_sp{display:inline!important;}
img.de_pc{display:none!important;}
}/*END*/
.clear::after { content:" "; display:block; clear:both;}
/*anime set
------------------------*/
.main_bg,
.main_img,
#main h1,
h2,
#concept p,
#concept .concept_bg,
#design .img_box,
#design .txt_box,
.collections .inner .inner_L,
.collections .inner .inner_R { visibility: hidden;}
/*-------------------------------------------------
	header
--------------------------------------------------*/
header{ position: relative; z-index: 600; }
/*------ header logo ------*/
header .seiko_logo{ width: 200px; position:absolute; left: 25px; top: 25px; transition: 0.5s;padding: 0; z-index: 600;}
header  img{ width: 100%;}
header .presage_logo{ width: 180px; position:absolute; right: 35px; top: 35px; transition: 0.5s;padding: 0; z-index: 600;}
@media (max-width: 1500px) {
header .seiko_logo{ width: 13.5vw; position:absolute; left: 1.6vw; top: 1.6vw;}
header .presage_logo{ width: 12vw; position:absolute; right: 2.5vw; top:2.5vw; }
}/*END*/
@media (max-width: 1300px) {
header .seiko_logo{ width: 14vw; }
header .presage_logo{ width: 13vw; }
}/*END*/
@media (max-width: 640px) {
header .seiko_logo{ width: 17vw;}
header .presage_logo{ width: 20vw; }
}/*END*/
@media screen and (max-width: 1200px) and (orientation: portrait) {   
header .seiko_logo{ width: 22vw; position:absolute; left: 2.5vw; top: 3vw;}
header .presage_logo{ width: 22vw; position:absolute; right: 3.5vw; top:4vw; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
header .seiko_logo{ width: 26vw; }
header .presage_logo{ width: 26vw; }
}/*END*/
/*-------------------------------------------------
	contents
--------------------------------------------------*/
.wrapper{ position: relative;  overflow: hidden;}
/*-------------------------------------------------
	main
--------------------------------------------------*/
#main { width: 100%; height: 100vh; position: relative; overflow: hidden; outline:none; display: flex; align-items: center; justify-content: center;}
#main .main_inner{ margin-top: -0vh; width: 100%;}
#main .main_inner .main_img{ max-width: 34%; margin: 0 auto; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2;}
#main .main_inner .main_img div{ display: inline-block; text-align: center;}
#main .main_inner .main_img img{ min-width: 34%; max-height: 66vh; }
#main .main_inner h1 small{ font-size: 1.35vw; line-height: 1.8; letter-spacing: 0.06vw; display: block;  }
#main .main_inner h1{ margin-top: -1.4vh; font-size: 2.6vw; line-height: 1.2; letter-spacing: 0.1vw; text-align: center; position: relative; z-index: 3; font-family: "Times New Roman", Times, "serif"; }
@media (max-width: 1800px) {
#main .main_inner h1 small{ font-size: 25px; letter-spacing: 1px; }
#main .main_inner h1{ margin-top: -20px; font-size: 47px; line-height: 1.2; letter-spacing: 2px; }
}/*END*/
@media screen and (max-width: 1400px)  {
#main .main_inner h1 small{ font-size: 1.8vw; letter-spacing: 0.06vw; }
#main .main_inner h1{ margin-top: -2vh; font-size: 3.38vw; letter-spacing: 0.14vw;}
}/*END*/
/*  縦
-----------------------*/
@media screen and  (orientation: portrait) {
#main { width: 100%; height: 100vh; max-height: 180vw;}
#main .main_inner .main_img{ max-width: 50%; margin: 0 auto; text-align: center; display: flex; align-items: center; justify-content: center; }
#main .main_inner .main_img img{ min-width: 33.33%; max-height: 55vh; }
#main .main_inner h1 small{ font-size: 2.9vw; line-height: 1.8; letter-spacing: 0.06vw; }
#main .main_inner h1{ margin-top: 3vh; font-size: 5.6vw; line-height: 1.2; letter-spacing: 0.1vw; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
#main .main_inner .main_img img{ min-width: 20%; max-height: 55vh; }
#main .main_inner h1 small{ font-size: 3.7vw; line-height: 1.5; letter-spacing: 0.2vw; }
#main .main_inner h1{ margin-top: 3vh; font-size: 7.4vw; line-height: 1.2;}
}/*END*/
/*main_bg*/
#main .main_bg{ position: absolute; left: 0px; top: 0px; background: url("../image/main_bg.jpg") center center no-repeat; background-size: cover; width: 100%; height: 100%; z-index: -1;}
@media (max-width: 860px) and  (orientation: portrait) {
#main .main_bg{ background: url("../image/main_bg_sp.jpg") center center no-repeat; background-size: cover; }
}/*END*/
/*------h2------*/
h2{  font-size: 20px;letter-spacing: 10px; line-height: 1; font-family: "Times New Roman", Times, "serif"; text-align: center; position: relative; z-index: 2;}
@media (max-width: 640px) {
h2{ font-size: 18px; letter-spacing: 9px;}
}/*END*/
/*-------------------------------------------------
	concept
--------------------------------------------------*/
#concept { position: relative; overflow: hidden; }
#concept .inner { padding: 0 0 105px; width: 90%; max-width: 1100px; margin: 0 auto; text-align: center; position: relative; z-index: 2; }
#concept .inner h2{  padding: 90px 0 73px; color: #8e6d42;}
#concept .inner p{ font-size: 16px; line-height: 2.45; letter-spacing: 1px; color: #000; }
#concept .inner p span{ display: inline-block;}
@media (max-width: 1400px) {
#concept .inner { width: 90%; max-width: 980px; }
#concept .inner p{ font-size: 15px; line-height: 2.4; letter-spacing: .5px; }
}/*END*/
@media (max-width: 1200px) {
#concept .inner { width: 90%; max-width: 750px; }
}/*END*/
@media (max-width: 1000px) {
#concept .inner { padding: 0 0 105px; width: 84%; }
}/*END*/
@media (max-width: 960px) {
#concept .inner {  max-width: 650px; }
}/*END*/
@media (max-width: 840px) {
#concept .inner { width: 85%; max-width: 590px; }
#concept .inner p{letter-spacing: 0px; text-align: left; }
}/*END*/
@media (max-width: 640px) {
#concept .inner { padding: 0 0 65px; }
#concept .inner h2{ padding: 65px 0 53px; }
#concept .inner p{ font-size: 15px; line-height: 2.1; letter-spacing: 0px; text-align: left; }
}/*END*/
@media (max-width: 400px) {
#concept .inner p{ font-size: 14px; line-height: 2.1; }
}/*END*/
.concept_br{display:inline}
.concept_br2{display:inline}
@media (max-width:1000px){
.concept_br{display:none}
}/*END*/
@media (max-width:370px){
.concept_br2{display:none}
}/*END*/
/*concept_bg*/
#concept .concept_bg{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url("../image/concept_bg.jpg") top center; z-index: 1;}
#concept .concept_bg::after{ content: ''; display: block; position: absolute; left: 0%; top: 0px; margin-left:0px; width: 100%; height: 100%; background: linear-gradient(to right, rgba(238,238,238,0) 0%, rgba(238,238,238,1) 50%, rgba(238,238,238,0) 100%);/*グラデ*/ z-index: 2;}
@media (max-width: 1024px) {
#concept .concept_bg{ background-size: 24%;}
}/*END*/
@media (max-width: 640px) {
#concept .concept_bg{ background-size: 33%;}
}/*END*/
/*-------------------------------------------------
	design
--------------------------------------------------*/
@media (max-width:940px){
#design{ position: relative; overflow: hidden; }
#design .bg_light{ position: absolute; left: 0%; top: 0vw; width: 200vw; height: 200vw; margin:-120vw 0 0 -100vw; background: radial-gradient(circle closest-side, rgba(78,56,21, 1), rgba(78,56,21,0) ); z-index: 1; opacity: .6; transition: 0.5s;}
#design .bg_light2{ position: absolute; right: 0%; bottom: 0vw; width: 200vw; height: 200vw; margin: 0  -100vw -150vw 0; background: radial-gradient(circle closest-side, rgba(78,56,21, 1), rgba(78,56,21,0) ); z-index: 1; opacity: .6; transition: 0.5s;}
}/*END*/
#design h2{  padding: 95px 0 0px; color: #efcf9b;}
@media (max-width: 1000px) {
#design h2{ padding: 80px 0 0px; }
}/*END*/
@media (max-width: 640px) {
#design h2{ padding: 65px 0 0px; }
}/*END*/
/*txt*/
#design p{ font-size: 16px; line-height: 2.3; letter-spacing: 1px; font-weight: 400;}
@media (max-width:1200px){
#design p{ font-size: 15px; line-height: 2.1; }
}/*END*/
@media (max-width:640px){
#design p{ font-size: 14px; line-height: 1.8; }
}/*END*/
/*---------------------------
	de01
----------------------------*/
.de01{ margin: -40px auto 0; height: 767px; width: 100%; position: relative; overflow: hidden;}
.de01 .inner{ height: 100%; width: 1790px; position: absolute; left: 50%; top: 0px; margin-left: -900px;}
.de01 .img_box{ height: 100%; width: 1844px; position: absolute; left: 64%; top: 0px; margin-left: -922px; z-index: -1;  transition: 0.5s; }
.de01 .txt_box{ height: 100%; width: 80%; max-width: 1020px; margin: 0 auto; display: flex; align-items: center; position: relative; z-index: 2; transition: 0.5s; }
.de01 .txt_box p{ max-width: 410px; transition: 0.5s;}
@media (max-width:1500px){
.de01 .inner{ height: 100%; width: 1790px; margin-left: -900px;}
.de01 .img_box{ width: 1844px; position: absolute; left: 62%; top: 0px;}
.de01 .txt_box{ width: 80%; max-width: 1060px; }
}/*END*/
@media (max-width:1400px){
.de01{ margin: -40px auto 0; height: 55vw; width: 100%; position: relative; overflow: hidden;}
.de01 .inner{ height: 100%; width: 100%;  margin-left: -50%;}
.de01 .img_box{ height: 100%; width: 132%; position: absolute; left: 65%; top: 0px; margin-left: -66%;}
.de01 .txt_box p{ width: 50%; max-width: 410px;}
}/*END*/
@media (max-width:1200px){
.de01 .txt_box p{ width: 50%; max-width: 390px;}
}/*END*/
@media (max-width:1150px){
.de01 .img_box{ height: 100%; width: 132%; position: absolute; left: 68%; top: 0px;}
.de01 .txt_box{ width: 78%; }
.de01 .txt_box p{ width: 400px;}
}/*END*/
@media (max-width:1050px){
.de01 .txt_box{ width: 82%; }
}/*END*/
@media (max-width:940px){
.de01{ margin: 8vw auto 0; height: auto; width: 100%; position: relative; overflow: hidden;}
.de01 .inner{ height: auto; width: 100%; position: relative; left: 0%; top: 0px; margin-left: 0%;}
.de01 .img_box{ height:auto; width: 80%; max-width: 500px; display: block; text-align: center; position: relative; left: -2vw; top: 0px; margin: 0 auto;}
.de01 .txt_box{ width: 80%; margin: 1vw auto 14vw; max-width: 590px;}
.de01 .txt_box p{ width: 100%; max-width: 100%; }
}/*END*/
/*---------------------------
	de02
----------------------------*/
.de02{ margin: 0px auto 0; height: 698px; width: 100%; position: relative; overflow: hidden;}
.de02 .inner{ height: 100%; width: 1790px; position: absolute; left: 50%; top: 0px; margin-left: -900px;}
.de02 .img_box{margin-top: 54px; height: 100%; width: 1844px; position: absolute; left: 47.7%; top: 0px; margin-left: -922px; z-index: -1;  transition: 0.5s; }
.de02 .txt_box{ height: 100%; width: 80%; max-width: 1150px; margin: 0 auto; display: flex; align-items: center; justify-content: flex-end; transition: 0.5s; }
.de02 .txt_box::after { content:" "; display:block; clear:both;}/*clearfix*/
.de02 .txt_box p{ max-width: 510px; transition: 0.5s; float: right;}
@media (max-width:1400px){
.de02 .img_box{ height: 100%; width: 1844px; position: absolute; left: 49%; top: 0px;}
.de02 .txt_box{ height: 100%; width: 65%; max-width: 1000px; }
.de02 .txt_box p{ max-width: 400px; transition: 0.5s; float: right;}

}/*END*/
@media (max-width:1300px){
.de02 .img_box{ height: 100%; width: 1844px; position: absolute; left: 51%; top: 0px;}
.de02 .txt_box{ height: 100%; width: 80%; max-width: 990px; }
}/*END*/
@media (max-width:1200px){
.de02 .img_box{ height: 100%; width: 1844px; position: absolute; left: 52.5%; top: 0px;}
.de02 .txt_box{ height: 100%; width: 55%; max-width: 970px; }
.de02 .txt_box p{ width: 50%; max-width: 360px; transition: 0.5s; float: right;}
}/*END*/
@media (max-width:1100px){
.de02{ height: auto; }
.de02 .inner{ height: auto; width: 100%; position: relative; left: 0%; top: 0px; margin-left: 0%;}
.de02 .img_box{ height: 62vw; width: 140%; position: relative; left: 50%; top: 0px;  margin-left: -57%;}
.de02 .txt_box{ width: 80%; max-width: 590px; margin: 0vw auto 10vw; transition: 0.5s; }
.de02 .txt_box p{ width: 100%; max-width: 100%; transition: 0.5s; float: none;}
}/*END*/
@media (max-width:940px){
.de02 .img_box{ margin-top: 0vw;height: auto; width: 100%; max-width: 100%; position: relative; left: 0; top: 0; margin-left: 0%;  }
.de02 .txt_box{ width: 80%; max-width: 590px; margin: 0vw auto 14vw; transition: 0.5s; }
}/*END*/
@media (max-width:350px){
.de02 .txt_box p br{display: none;}
}/*END*/

/*---------------------------
	de03
----------------------------*/
.de03 .img_box{ width: 100%; max-width: 1310px; margin: 0 auto; transition: 0.5s; }
.de03 .txt_box{ width: 80%; max-width: 630px; margin: 40px auto 130px; transition: 0.5s; }
@media (max-width:1200px){
.de03 .txt_box{ width: 80%; max-width: 590px; margin: 3vw auto 10vw; }
}/*END*/
@media (max-width:940px){
.de03 .img_box{ width: 100%; max-width: 1310px; margin: 0; }
.de03 .txt_box{ width: 80%; max-width: 590px; margin: 8vw auto 14vw; }
}/*END*/
/*---------------------------
	de04
----------------------------*/
.de04{ width: 100%; overflow: hidden; background: #ecf0f2; color: #000;}
.de04 .inner{ height: 655px; width: 100%; max-width: 1400px; margin: 0 auto; position: relative;}
.de04 .img_box{ height: 100%; width: 928px; position: absolute; right: 0%; top: 0px; z-index: 1;  transition: 0.5s; }
.de04 .txt_box{ height: 100%; width: 85%; max-width: 1450px; margin: 0 auto; display: flex; align-items: center; transition: 0.5s; position: relative; z-index: 2;}
.de04 .txt_box p{ max-width: 380px; transition: 0.5s; }
@media (max-width:1350px){
.de04 .inner{ height: 48.5vw; }
.de04 .img_box{ width: 70%; }
.de04 .txt_box p{ max-width: 340px;}
}/*END*/
@media (max-width:1050px){
.de04 .txt_box{ width: 88%; }

}/*END*/
@media (max-width:940px){
.de04 .inner{ height: auto; width: 100%; }
.de04 .img_box{ height: 100%; width: 100%; margin: 0 auto; position: relative; }
.de04 .txt_box p{ max-width: 400px; margin: -30px auto 80px; }
}/*END*/
@media (max-width:640px){
.de04 .txt_box p{ max-width: 400px; width: 90%; margin: -3vw auto 11vw; }
}/*END*/
@media (max-width:540px){
.de04 .txt_box p br{ display: none; }
}/*END*/
@media (max-width:400px){
.de04 .txt_box p{ max-width: 400px; }
}/*END*/
/*-------------------------------------------------
	collections
--------------------------------------------------*/
.collections { background: #fff; color: #000;width: 100%;  margin: 0 auto 0vw; padding: 70px 0 0px; position: relative; text-align: center; z-index: 10; }
@media screen and (max-width: 650px) {
.collections {  padding: 60px 0 0px; }
}/*END*/
@media screen and (max-width: 450px) {
.collections { padding: 13vw 0 0px; }
}/*END*/
/*h2*/
.collections h2 small{ font-size: 22px; letter-spacing: 0px; line-height: 1.5; display: block; }
.collections h2{ font-size: 40px; line-height: 1.1; letter-spacing: 1px;  text-align: center; position: relative; z-index: 3; color: #5a4220;font-family: "Times New Roman", Times, "serif"; }

@media screen and (max-width: 680px)  {
.collections h2 small{ font-size: 3.2vw; }
.collections h2{  font-size: 6vw; letter-spacing: 0.1vw;}
}/*END*/
@media screen and (max-width: 500px)  {
.collections h2 small{ font-size: 3.9vw; }
.collections h2{  font-size: 7vw; }
}/*END*/
/*inner*/
.collections .inner{ max-width: 650px; margin: 0 auto; padding: 60px 0 80px ; transition: 0.5s;}
@media screen and (max-width: 850px) {
.collections .inner{ max-width: 600px; margin: 0 auto; padding: 8vw 0 80px;}
}/*END*/
.collections .inner::after { content:" "; display:block; clear:both;}
.collections .inner .inner_L{ float: left; width: 53%; }
@media screen and (max-width: 750px) {
.collections .inner .inner_L{ float: none; width: 100%;}
}/*END*/
@media screen and (max-width: 450px) {
.collections .inner .inner_L{ float: none; width: 100%;}
}/*END*/
.collections .inner .inner_R{ float: left; width: 47%; margin-top: 100px; }
@media screen and (max-width: 750px) {
.collections .inner .inner_R{ float: none; width: 100%; margin-top: 30px;}
}/*END*/
@media screen and (max-width: 450px) {
.collections .inner .inner_R{ float: none; width: 100%; margin-top: 30px;}
}/*END*/
.collections .collections_img { max-width: 290px; margin: 0 auto; }
@media screen and (max-width: 750px) {
.collections .collections_img { max-width: 290px; width: 55%; margin: 0 auto; }
}/*END*/
/*---------txt---------*/
.collections_name { margin-top: 0px; font-size: 18px!important; line-height: 1.6; letter-spacing: 1px; font-weight: 700!important;}
.collections_no { margin-top: 23px; font-size: 24px; line-height: 1; letter-spacing: 1.5px;}
.collections_movement { margin-top: 3px; font-size: 14px; line-height: 1.6; letter-spacing: 1px;font-weight: 400; }
.collections_limited { margin-top: 15px; font-size: 14px; line-height: 1.6; letter-spacing: 1px; font-weight: 400; position: relative; display: inline-block;}
.collections_limited::after { position: absolute; display: block; content: ''; width: 100%; height: 2px; background: #111; }
.collections_release { margin-top: 25px; }
.collections_release p{ font-size: 14px; line-height: 1.6; letter-spacing: 0.5px; font-weight: 400;}
.collections_release p:nth-child(1){padding-bottom: 3px;}
.collections_txt{ margin-top: 25px; font-size: 14px; line-height: 1.6; letter-spacing: 0.5px; font-weight: 400;}
@media screen and (max-width: 450px) {
.collections_no { margin-top: 0px; font-size: 24px; line-height: 1; letter-spacing: 1.5px;}
}/*END*/
@media screen and (max-width: 430px) {
.collections_release p{ font-size: 12px; line-height: 1.6; letter-spacing: 0px;}
}/*END*/
@media screen and (max-width: 370px) {
.collections_release p{ font-size: 11px; }
}/*END*/
/*collections_btn*/
.collections_btn { max-width: 190px; margin: 25px auto 0; }
.collections_btn a { margin-top: 10px; background: #000; color: #fff; font-size: 14px; line-height: 1; font-weight: 500; padding: 14px 0 16px; letter-spacing: 1px; display: block; transition: 0.3s; text-decoration: none; opacity: 1; }
.collections_btn a:hover { opacity: 0.7; }
/*-------------------------------------------------
	gotop
--------------------------------------------------*/
.gotop { position:fixed; bottom:0px; right:20px;width:50px; height:70px; box-sizing:border-box; border-radius: 0%; z-index: 100; }
.gotop a{ position: relative; display:block; background:rgba(60,60,60,0.8); text-decoration:none;width:50px; height:50px; box-sizing:border-box; border-radius: 0%; z-index: 11; transition: 0.3s; }
.gotop a::after { position:absolute; top:50%; left:50%; content: ''; width: 20px; height: 20px; margin: -10px 0 0 -10px; background: url("../image/page_top.png") no-repeat; background-size: cover;}
.gotop a:hover { background:rgba(60,60,60,0.5); }
@media (max-width: 500px) {
.gotop { position:fixed; bottom:0px; right:10px; width:40px; height:50px; }
.gotop a{ width:40px; height:40px; }
.gotop a::after { width: 20px; height: 20px; margin: -10px 0 0 -10px; }
}/*END*/
/*-------------------------------------------------
	footer
--------------------------------------------------*/
footer{ margin-top: 0px; background: #262626; width: 100%; height: auto; padding: 50px 0 20px; position: relative;}
footer::after { content:" "; display:block; clear:both;}
.foot_cn{ margin: 0px auto ; width: 100%; text-align: center;}
.foot_cn .foot_logo {  line-height: 1; margin-bottom: 40px; }
.foot_cn .foot_logo img { width: 131px; transition: 0.2s; }
.foot_cn .foot_logo a:hover img{ opacity: 0.6;}
.foot_cn .copyright { margin:0px; font-size: 12px; line-height: 1; letter-spacing: 1px; color: #fff;  }
@media (max-width: 750px) {
footer{ margin-top: 0px; background: #262626; width: 100%; height: auto; padding: 40px 0 0px; position: relative;}
.foot_cn{ float: none; margin: 39px 0 0 0px; text-align: center;}
.foot_cn .foot_logo { float: none; line-height: 1; margin-bottom: 23px; }
.foot_cn .copyright { float: none; margin: 13px 0 0 0px; padding-bottom: 30px; font-size: 12px; line-height: 1; color: #fff; }
}/*END*/
.foot_r { position: absolute; right: 35px; top: 50%; margin:-25px 0 0 0 ; }
.foot_r .sns { display: flex; list-style-type: none; }
.foot_r .sns img{ width: 100%;}
.foot_r .sns > li { width: 40px; margin-right: 12px; padding: 5px; line-height: 1; border-radius: 50%; transition: 0.3s; background: #3c3c3c;}
.foot_r .sns > li:nth-child(2){ margin-right: 0; }
.foot_r .sns > li:hover{ opacity: 0.5; }
@media (max-width: 750px) {
.foot_r {position:relative; right: 0px; top: 0%; padding-top: 0px; margin: 0px; }
.foot_r .sns { position: static; margin-bottom: 20px; justify-content: center; }
.foot_r .sns > li { margin-right: 10px; }
}/*END*/