/*
Theme Name: sydney-child
Template: sydney
Theme URI: 
Description: 
Author: 
Tags: 
Version:
*/

.mainVisual {
  position: relative;
  width: 100%;
  height: 100vh; /* 画面の高さにフィット */
  overflow: hidden;
}

.mainVisual video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 横・縦どちらが足りない場合もカバーする設定 */
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

body {
	background-image: linear-gradient(308deg, rgba(250, 215, 212, 0.64), rgba(254, 249, 249, 0.64)) !important;
	}


.scroll-fade{opacity: 0; transition: all 2s/*処理にかかる時間*/;}
.scroll-up{opacity: 0; transform: translateY(100px)/*スクロールアップする距離*/; transition: all 2s/*処理にかかる時間*/;}
.scroll-up.done, .scroll-fade.done{opacity : 1; transform : translate(0, 0);}
.load-fade {opacity : 0; transition : all 2s/*処理にかかる時間*/;}
.load-up{opacity: 0; transform: translateY(100px)/*スクロールアップする距離*/; transition: all 2s/*処理にかかる時間*/;}
.load-up.done, .load-fade.done{opacity : 1; transform : translate(0, 0);}

.main-header, .header-search-form {
    background-color: rgb(255 255 255 / 0%) !important;
	height: 0;
}
.c_k {
    position: relative;
	padding-left: 48px;
}
.c_k:before {
    content: "";
    display: block;
    width: 2.375rem;
    height: 1px;
    background-color: #6d6d6d;
    position: absolute;
    top: calc(50% + 0.1rem);
	left: 0;
}
.link_arrow span {
    width: 46px;
    height: 8px;
    border-bottom: 1px solid #6d6d6d;
    border-right: 1px solid #6d6d6d;
    transform: skew(45deg);
    display: inline-block;
    margin-left: 5px;
}
.link_arrow a {
    color: #6d6d6d;
}

.ggmap {
position: relative;
padding-bottom: 33%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}

		.bottom-header-row, .main-header {
			display: none;
	   }
		.mobile-header {
			display: block !important;
			padding-top: 15px;
			padding-bottom: 15px;
			position: fixed;
			width: 100%;
	   }
		.mobile-header .align-right {
			-webkit-box-pack: end;
				-ms-flex-pack: end;
					justify-content: flex-end;
			text-align: right;
	   }
		.mobile-header .align-center {
			text-align: center;
	   }
		.sydney-offcanvas-menu {
			display: block !important;
	   }

.sydney-offcanvas-menu #mainnav ul li a {
    font-size: 16px;
    letter-spacing: 0.5rem;
    font-weight: 200;
}
#mainnav ul li {
    width: 100%;
}

.col-grow-mobile {
    z-index: 999;
}

.site-info .sydney-credits{
    font-size: 13px;
}

.menu-menu-1-container {
    padding-top: 50px;
}



.flowbtn8{
border-radius:50%;
position:relative;
display:inline-block;
width:40px;
height:40px;
font-size:20px;
text-decoration:none;
transition:.5s;
}
.flowbtn8:hover{
color:#fff!important;
}
.flowbtn8 i{
position:absolute;
top:50%;
left:50%;
-ms-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
/* Twitter */
.flowbtn8.fl_tw2{
border:solid 1px #6d6d6d;
color:#6d6d6d;
}
.flowbtn8.fl_tw2:hover{
border:solid 1px #55acee;
background:#55acee;
}
/* Instagram */
.flowbtn8.insta_btn2 {
border:solid 1px #6d6d6d;
color:#6d6d6d;
font-size:25px;
}
.flowbtn8.insta_btn2:hover{
border:solid 1px #c6529a;
background:#c6529a;
}
/* Facebook */
.flowbtn8.fl_fb2{
border:solid 1px #6d6d6d;
color:#6d6d6d;
}
.flowbtn8.fl_fb2:hover{
border:solid 1px #3b5998;
background:#3b5998;
}
/* tiktok */
.flowbtn8.tiktok{
border:solid 1px #6d6d6d;
color:#6d6d6d;
}
.flowbtn8.tiktok:hover{
border:solid 1px #000;
background:#000;
}
/* YouTube */
.flowbtn8.fl_yu2{
border:solid 1px #6d6d6d;
color:#6d6d6d;
font-size:21px;	
}
.flowbtn8.fl_yu2:hover{
border:solid 1px #fc0d1c;
background:#fc0d1c;
}
/* LINE */
.flowbtn8.fl_li2{
border:solid 1px #6d6d6d;
color:#6d6d6d;
font-size:23px;
}
.flowbtn8.fl_li2:hover{
border:solid 1px #00c300;
background:#00c300;
}
.flowbtn8.fl_ma2{
border:solid 1px #6d6d6d;
color:#6d6d6d;	
font-size:21px;
}
.flowbtn8.fl_ma2:hover{
border:solid 1px #f3981d;
background:#f3981d;
}
ul.snsbtniti{
padding:0!important;
list-style: none;
}
.snsbtniti{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
max-width: 230px;
margin: 0 auto;
}
.snsbtniti li{
flex:0;
text-align:center!important;
}
.widget-area .widget ul li {
    padding: 0;
}

@media only screen and (max-width: 780px){
.cell-none .panel-grid-cell {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 0 !important;
}
.mainVisual {
    min-height: 90vh;
}
	}