/*フェードイン*/
.effect-fade {
opacity : 0;
transform : translate(0, 0);
transition : all 4000ms;
}

.effect-fade.effect-scroll {
opacity : 1;
transform : translate(0, 0);
}

/*縦書き*/
.tategaki {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-feature-settings:normal;
}

/*拡大画像調整*/
img.object-fit-img{ object-fit: cover; object-position: center; font-family: 'object-fit: cover; object-position: center;'}

/*ページネーション*/
.pagenation {
margin: 1em auto;
clear:both;
padding:0 0 50px 0;
width:100%;
}
.pagenation:after, .pagenation ul:after {
}
.pagenation ul {
margin: 0;
text-align:center;
}
.pagenation li {
list-style: none outside none;
margin-left: 3px;
display:inline-block;
}
.pagenation li:first-child {
margin-left: 0;
}
.pagenation li.active {
background-color: #999999;
border-radius: 3px;
color: #FFFFFF;
cursor: not-allowed;
padding: 10px 20px;
}
.pagenation li a {
background: none repeat scroll 0 0 #CCCCCC;
border-radius: 3px;
color: #FFFFFF;
display: block;
padding: 10px 20px;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
background-color: #000000;
color: #FFFFFF;
opacity: 0.8;
transition-duration: 500ms;
transition-property: all;
transition-timing-function: ease;
}
.navigation.pagination{ display:none;}

/*非表示*/
.nodisplay{ display: none;}

/**
* 最大幅の指定と中央寄せ
*/
.container {
position: relative;
margin-left: auto;
margin-right: auto;
max-width: 970px;
}

/**
* swiper.js
*/
.swiper-container {
width: 100%;
height: 100%;
overflow: visible;
z-index: 1;
}

.swiper-button-prev,
.swiper-button-next {
fill: #fff;
stroke: none;
stroke-width: 0;
z-index: 10000;
width: 20px;
margin-top: -18px;
background-image: none;
}

.swiper-pagination-bullet-active {
background: #fff;
}

.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:-40px;}
.swiper-pagination-bullet{ width:18px; height: 18px; border: 1px solid #999999; background-color: #ffffff; opacity: 1;}
.swiper-pagination-bullet-active{ background-color: #c3c3c3;}


@media (min-width: 970px) {
.swiper-button-prev,
.swiper-button-next {
width: 27px;
margin-top: -22px;
}
}
/**
* mainvisual
*/
.mainvisual {
overflow-x: hidden;
/*    overflow-y: hidden;*/
padding-bottom: 55px;

}







@media screen and (max-width:660px){
/*　ハンバーガーボタン　*/
.hamburger {
background-color: #000000;
display : block;
position: fixed;
z-index : 3000;
right : 0;
top   : 0;
width : 42px;
height: 42px;
cursor: pointer;
text-align: center;
}
.hamburger span {
display : block;
position: absolute;
width   : 30px;
height  : 3px ;
left    : 6px;
background : #ffffff;
-webkit-transition: 0.3s ease-in-out;
-moz-transition   : 0.3s ease-in-out;
transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
top: 10px;
}
.hamburger span:nth-child(2) {
top: 20px;
}
.hamburger span:nth-child(3) {
top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
top : 20px;
left: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform   : rotate(-45deg);
transform        : rotate(-45deg);
}  
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
top: 20px;
-webkit-transform: rotate(45deg);
-moz-transform   : rotate(45deg);
transform        : rotate(45deg);
}
nav.globalMenuSp {
position: fixed;
z-index : 2999;
top  : 0;
left : 0;
color: #000;
background: rgba(255, 255, 255, 0.95);
text-align: center;
transform: translateY(-100%);
transition: all 0.6s;
width: 100%;
}
nav.globalMenuSp ul {
margin: 0 auto;
padding: 0;
width: 80%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}  
nav.globalMenuSp ul.mainmenu li {
list-style-type: none;
padding: 0;
margin-bottom: 1px;
width:100%
}
nav.globalMenuSp ul.mainmenu li:last-child {
padding-bottom: 0;
border-bottom: none;
}
nav.globalMenuSp ul.mainmenu li a {
display: flex;
justify-content: space-between;
align-items: center;
line-height: 1;
color: #ffffff;
padding: 15px 0;
text-decoration :none;
border-bottom:1px solid #ffffff;
font-size:18px
}
nav.globalMenuSp ul.mainmenu li a i {
font-size:16px;
color: #666666;
margin-left: 15px;
}

nav.globalMenuSp ul.mainmenu li a:active{
background-color: #f7e8da;
}
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
transform: translateY(0%);
}
}