@charset "utf-8";

@media only screen and (min-width: 760px){
footer > div#snsan{
	
display: none;
}
}

@media only screen and (max-width: 760px){
footer > div#snsan{
	
margin: 10px;
}
}

@media only screen and (min-width: 760px){
div#mdnav{
	display:none

}
}

@media only screen and (max-width: 760px){
div#dnav{
	display:none
}
}

@media screen and (max-width: 760px){
#brand .brandList > div > ul > li {

max-width: 50%;
}
#brand .brandList > div > ul > li.mobail {

max-width: 100%;
}
}
.swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23b3b3b3'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23b3b3b3'%2F%3E%3C%2Fsvg%3E");
}
div#kokuti{
    margin: 0 auto;
    max-width: 960px;
    padding-top: 90px;
    text-align: center;
    /* padding-left: 60px; */
    font-size: 20px;
    line-height: 2;
}
#kokuti>p{text-align: center;font-family: sans-serif;font-size: 1.3em;color: #848484;line-height: 1.3em;}

div#inyou{
    /* max-width: 980px; */
    width: 100%;
    text-align: center;
    display: table;
}

div#mein{
    font-size: 1.1em;
    text-align: center;
    width: 980px;
    height: 200px;
    margin: 0 auto;
    /* padding-top: 60px; */
    /* padding-bottom: 35px; */
    line-height: 2em;
    vertical-align: middle;
    display: table-cell;
}

a.inline.cboxElement{
    font-size: 1em;
    color: red;
}

.global-nav a.now{
	color: #d0d0d0;
	
}


.global-nav{text-align: left;position: absolute;margin: 0px;padding-top: 65px;padding-left: 4px;display: none;z-index: 10;/* background-color: aquamarine; */}
#globalHeader>header{
    max-width: 1280px;
    padding: 2em 2em 0 2em;
}
#globalHeader>header>div{
    margin-bottom: 3.5em;
    z-index: 10;
    /* padding-left: 96px; */
}
#globalHeader>header>div>h1{
    margin: 0 auto;
    position: inherit;
    width: 100%;
}
#globalHeader>header>div>h1>a {
    /* max-width: 1280px; */
    text-align: center;
    margin: 0 auto;
    font-family: serif;
}
#bm{max-width: 300px;margin: 0 auto;}
#bm>img{
    max-width: 300px;
    float: left;
}
.bst{
    position: relative;
    width: 337px;
    height: 500px;
    margin: 0 auto;
    display: block;
    /* border-radius: 12px; */
    overflow: hidden;
    /* cursor: pointer; */
    /* padding-top: 30px; */
    /* padding-left: -12px; */
    /* padding-right: 20px; */
    /* padding-left: 20px; */
    /* z-index: 1; */
}
.brandList{

min-height: 300px;

z-index: 1;

padding-top: 30px;

padding-right: 5px;
}
#bimglist{
        padding-left: 60px;
        max-width: 960px;
        margin: 0 auto;
        display: flex;
        vertical-align: middle;
}
#globalHeader>header>div#mmm{
    /* padding-top: 100px; */
    position: absolute;
    padding-left: 6%;
    margin: auto;
    font-family: serif;
    /* font-size: 1.3em; */
    padding-top: 30px;
}
#mmm>a{
    padding: 3px;
    font-size: 18px;
}
#mmm>div{
    /* padding: 5px 5px 5px 5px; */
    font-size: 18px;
    float: left;
    position: relative;
    z-index: 15;
    margin: 0 5px 0 5px;
    border-bottom: solid;
    border-color: black;
    border-width: 0.5px;
    font-size: 1.2em;
}
.bst img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    display: block;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    z-index: 90;
}

.bst:hover img:nth-of-type(2) {
	opacity: 0;
}

.global-nav li {
    display: block;
    width: 90px;
    height: 15%;
    padding-top: 1em;
    padding-bottom: 2em;
    position: relative;
    z-index: 3;
  }
@media only screen and (max-width: 760px) {
    #globalHeader>header {
    padding: 1%;
}
#globalHeader>header>div{
    margin-bottom: 1em;
    height: 100%;
}
#globalHeader>header>div#mmm {
    display: none;
}
div#bimglist{
    padding-left: 1px;
    display: flex;
    flex-direction: column;
}

.bst{height: 160px;width: 160px;}

}
@media only screen and (min-width: 760px) {}

  
  .openbtn{
	position: relative;
	background: #ffffff;
	cursor: pointer;
	width: 50px;
	height:50px;
	border-radius: 5px;
	z-index: 100;
}


/*ボタン内側*/
.openbtn span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
    background: #000000;
    width: 45%;
  }

.openbtn span:nth-of-type(1) {
	top:15px;	
}

.openbtn span:nth-of-type(2) {
	top:23px;
}

.openbtn span:nth-of-type(3) {
	top:31px;
}

/*activeクラスが付与されると線が回転して×に*/

.openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;/*真ん中の線は透過*/
}

.openbtn.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}

.drawer_hidden {
    display: none;
  }

.nav_content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0%;
    right: 100%; /* メニューを画面の外に飛ばす */
    z-index: 99;
    background: rgb(255 255 255);
    transition: 0.5s;
    text-align: center;
    padding-top: 20px;
  }

  #drawer_input:checked ~ .nav_content {
    right: 0;/* メニューを画面に入れる */
  }

  ul.nav_list{
    font-size: 24px;
    padding-top: 2em;
    font-family: sans-serif;
    /* font-weight: bold; */
}
li.nav_item{
    padding: 16px;
}
@media screen and (max-width: 760px){
div#kokuti{

padding: 10px;

font-size: 10px;

display: none;
}}
/*
@media screen and (min-width: 760px) {
    body > div.nav {
        display: flex;
    }
  
}
*/

.kokutitle{
    padding-bottom: 46px;
    font-size: 25px;
}
div#gobangura{
    font-size: 17px;
    padding-top: 80px;
    text-align: center;
    max-width: 350px;
    margin: 0 auto;
}
div#sign{padding-top: 43px;text-align: end;max-width: 960px;}

div.instagram{
    padding-top: 20px;
    /* text-align: left; */
    /* float: left; */
}

i.fa.fa-instagram.fa-lg{font-size: 2.2em;margin-left: 82px;}

.mobile{
    display: none;
}
div#kokutim{
    line-height: 2;
    text-align: center;
    font-size: 14px;
    padding: 10px;
    display: none;
}
.kokumtitle {
    padding-bottom: 46px;
    font-size: 19px;
}
.kokumtext{
    font-size: 13px;
}
@media screen and (max-width: 760px){
    div#kokutim{
    display: block;
}
}

div#movie {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}
@media screen and (max-width: 760px){
 div#movie {
    width: 100%;
 }
}
video{
width: 100%;
}