@charset "UTF-8";

*,*::before,*::after{
margin: 0;
padding: 0;
box-sizing: border-box;
}

img{
width: 100%;
height: auto;
vertical-align: bottom;
}

body{
min-width: 1280px;
color: #333;
font-family: serif;
}

@media (max-width:767px){
body{
min-width: auto;
}
}

.container{
width: 1080px;
margin: 0 auto;
}

@media (max-width:767px){
.container{
width: 90%;
}
}

h1{
width: 50px;
height: auto 0;
margin-left: 20px;
}

@media (max-width:767px){
h1{
min-width: auto;
}
}

/*=====ロゴとグローバルナビゲーション=====*/
.header-inner{
display: flex;
justify-content: space-between;
padding: 10px;
}

/*=====グローバルナビゲーション=====*/
.global-nav ul{
list-style: none;
display: flex;
padding-top: 15px;
font-size: 15px;
}

@media (max-width:767px){
.global-nav{
display: block;
}
}

.global-nav li{
border-left: 1px solid #6c8c72;
border-right: 1px solid #6c8c72;
}


.global-nav li+li{
border-left: 0;
border-right: 1px solid #6c8c72;
}

@media (max-width:767px){
.global-nav ul{
min-width: auto;
}
}

@media (max-width:767px){
.global-nav li{
min-width: auto;
}
}

.global-nav a{
color: #6c8c72;
text-decoration: none;
display: block;/*ボタン化*/
padding: 3px;
padding-left: 20px;
padding-right: 20px;
transition-duration: 0.5s;
}

.global-nav a:hover{
background-color: #FFFDF5;
color: #dea573;
transform: translate(0,-2px);
}

.global-nav img{
width: 25px;
margin: auto 0;
padding-bottom: 3px;
margin-right: 5px;
}

/*@media (max-width:767px){
.global-nav img{
min-width: auto;
}
}*/

/*=====ファーストビュー部分=====*/
.first-view{
width: 100%;
height: 720px;
background-image:url("../images/first-view.jpg"),url("../../images/first-view1.jpg");
background-repeat: no-repeat;
background-position:center;
background-size:cover;
margin-bottom: 100px;
}

/*@media (max-width:767px){
.first-view{
display: block;
min-width: auto;
}
}*/

/*=====小さいバナー(上)=====*/
.head-banner {
display: flex;
justify-content: space-between;
}

/*@media (max-width:767px){
.head-banner{
display: block;
}
}*/

.header-banner {
width: 320px;
display: block;
}


/*@media (max-width:767px){
.head-banner img{
width: auto;
margin: auto;
display: block;
padding: 10px;
padding-bottom: -10px;
}
}*/

.head-banner a:hover{
overflow: hidden;
}

.head-banner a img{
display: block;
transition-duration: 1s;
}

.head-banner a:hover img{
transform: scale(1.03,1.03);
transform-origin: center center;
}
/*=====家具紹介動画=====*/
.card{
display: flex;
justify-content: space-between;
align-items: center;
margin: auto 0;
margin-top: 120px;
margin-bottom: 120px;
}

/*@media (max-width:767px){
.card{
display: block;
}
}*/


.card__image{
width: 640px;
height: 0 auto;
}

/*@media (max-width:767px){
.card__image{
width: auto;
}
}*/

.card__image a{
transition-duration: 0.5s;
}

.card__image a:hover{
filter: brightness(50%);
}

.card__text{
width: 400px;
height: 360px;
}

/*@media (max-width:767px){
.card__text{
width: auto;
padding-top: 30px;
}
}*/

.card__text img{
width: 150px;
margin: auto;
display: block;
margin-bottom: 7px;
}

.card__text h2{
color: #dea573;
font-size: 35px;
font-weight: 200;
text-align: center;
margin-bottom: 15px;
}

.card__text p{
color: #6c8c72;
font-size: 15px;
margin-bottom: 15px;
text-align:center;
}

.card__text a{
display: block;
width: 15em;
padding: 1em 0;
margin: 0 auto;
background-color:#dea573;
color: #fff;
text-decoration: none;
border-radius: 999px;
text-align: center;
transition-duration: 1s;
}

.card__text a:hover{
background-color: #6c8c72;
transform: translate(0,-2px);
}

/*=====生活雑貨特集=====*/
#featured{
padding-top: 120px;
background-color: #f6f3ef;
padding-bottom: 120px;
}


#featured h2{
color: #dea573;
text-align: center;
font-size: 30px;
font-weight: 200;
margin-bottom: -45px;
}

.borde-liner img{
width: 270px;
margin: auto;
display: block;
}

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

/*@media (max-width:767px){
.featured-main {
display: block;
}
}*/

.featured-main h3{
color: #6c8c72;
text-align: center;
width: 300px;
font-weight: 500;
font-size: 18px;
margin-top: 20px;
margin-bottom: 20px;
}

/*@media (max-width:767px){
.featured-main h3{
width: auto;
text-align: center;
}
}*/

.featured-main img{
width:240px;
height: 240px;
border-radius: 50%;
margin: auto;
display: block;
margin-top: 80px;
}

.featured-main a{
display: block;
transition-duration: 2s;
}

.featured-main a:hover{
transform: translate(0,-5px);
}

/*@media (max-width:767px){
.featured-main img{
width: auto;
}
}*/



.featured-main p{
color: #6c8c72;
width: 300px;
font-weight: 200;
font-size: 14px;
text-align: center;
}

/*@media (max-width:767px){
.featured-main p{
width: auto;
text-align: center;
}
}*/

/*=====ピックアップ=====*/
.pick-up h2{
color: #dea573;
text-align: center;
font-size: 30px;
font-weight: 200;
padding-top: 120px;
margin-bottom: -45px;
}

/*@media (max-width:767px){
.pick-up{
display: block;
}
}*/

.pick-up p{
color: #6c8c72;
text-align: center;
padding-top: 20px;
}

/*
@media (max-width:767px){
.pick-up p{
width: auto;
text-align: center;
font-size: 12px;
}
}
*/

.pick-up p a{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}

.pick-up p a{
  position: relative;
  display: block;
  width: 150px;
  padding: 10px;
  font-size: 15px;
  text-decoration: none;
  background-color: #fff;
  border: 2px solid #dea573;
  color: #dea573;
  text-align: center;
  z-index: 2;
  overflow: hidden;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  border-radius: 999px;
  margin-top: 20px;
	margin-bottom: 30px;
}

.pick-up p a:hover {
  color: #fff;
}

.pick-up p a::after,
.pick-up p a::before {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
  box-sizing: border-box;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.pick-up p a:hover::after {
  top: 0;
  left: 0;
  background-color: #dea573;
}

.pick-up p a::after {
  top: 0;
  left: -200px;
  width: 100%;
  height: 100%;
}

.js-card{
padding-top: 80px;
width: 560px;
height: auto 0;
margin: 0 60px;
}

/*@media (max-width:767px){
.js-card {
display: block;
}
}*/

/*@media (max-width:767px){
.js-card img{
min-width: auto;
}
}*/

.end-banner{
display: flex;
justify-content: space-between;
padding-bottom: 40px;
padding-top: 20px;
}

/*@media (max-width:767px){
.end-banner{
display: block;
}
}*/

.end-banner img{
margin: auto;
display: block;
padding: 10px;
}

/*@media (max-width:767px){
.end-banner{
width: auto;
}
}*/


.end-banner a:hover{
overflow: hidden;
}
.end-banner a img{
display: block;
transition-duration: 2s;
}

.end-banner a:hover img{
transform: scale(1.03,1.03);
transform-origin: center center;
}

/*=====フッター=====*/
.logo {
width: 1080px;
height: 220px;
}

/*
@media (max-width:767px){
.logo{
width: auto;
}
}
*/

.logo img{
width: 100px;
margin: auto;
display: block;
padding-top: 50px;
}

.global-nav2 ul{
list-style: none;
display: flex;
justify-content: center;
font-size: 12px;
}

.global-nav2 li{
border-left: 1px solid #6c8c72;
border-right: 1px solid #6c8c72;
}

.global-nav2 li+li{
border-left: 0;
border-right: 1px solid #6c8c72;
}

.global-nav2 a{
color: #6c8c72;
text-decoration: none;
display: block;/*ボタン化*/
padding: 3px;
padding-left: 20px;
padding-right: 20px;
transition-duration: 0.5s;
}

.global-nav2 a:hover{
background-color: #FFFDF5;
color: #dea573;
transform: translate(0,-1px);
}

.copy{
color: #6c8c72;
text-align: center;
margin-top: 20px;
margin-bottom: 60px;
}