/*========================
   Theme Default CSS
=======================*/

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700|Raleway:300,300i,400,500,600,700|Montserrat:400,700');

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700&display=swap');


img{max-width: 100%}

/*------------------
	header Css here
--------------*/

.header {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  z-index: 999;
  position: relative;
}

.logo {
  padding: 10px 0;
}

.logo:hover {
  opacity: 0.7;
}

.social-icons {
    text-align: right;
  padding: 23px 0;
}

.social-icons > a:hover {
  opacity: 0.7;
}

.menu ul li {
    display: inline-block;
    padding-left: 30px;
    position: relative;
}
.menu ul li a {
  color: #d6b67e;
  display: block;
  font-size: 16px;
  font-weight: 400;
  padding: 30px 0;
  font-family:Georgia, "Times New Roman", Times, "serif";
  letter-spacing:0.5px;
	
}
.menu {
    text-align: right;
}

.menu ul li a:hover {
	opacity: 0.7;
}

.sticky {
  -webkit-animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
  background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
  left: 0;
  margin: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
}


/*-------------------
    slider css here
-----------------------*/

.slider-container {
  max-width: 100%;
  position   : relative;
  height     : 780px;
  overflow   : hidden;
  padding: 0;
}

.slider-container .topslider .bgImg {
  background-position: 80% 0;
  position   : absolute;
  top        : 0;
  left       : 0;
  bottom     : 0;
  right      : 0;
  opacity    : 0;
  animation  : bgAnime 18s infinite;   /* 6画像 × 各3s = 18s */
}

.slider-container .topslider .src1 {
  background-image : url(../images/slider/1.jpg);
	background-size :cover;
}
.slider-container .topslider .src2 {
  background-image : url(../images/slider/2.jpg);
  background-size :cover;
  animation-delay  : 3s;
}
.slider-container .topslider .src3 {
  background-image : url(../images/slider/3.jpg);
	background-size :cover;
  animation-delay  : 6s;
}
.slider-container .topslider .src4 {
  background-image : url(../images/slider/4.jpg);
	background-size :cover;
  animation-delay  : 9s;
}
.slider-container .topslider .src5 {
  background-image : url(../images/slider/5.jpg);
	background-size :cover;
  animation-delay  : 12s;
}
.slider-container .topslider .src6 {
  background-image : url(../images/slider/6.jpg);
	background-size :cover;
  animation-delay  : 15s;
}

@keyframes bgAnime {
   0% { opacity: 0; }
   5% { opacity: 1; }
  25% { opacity: 1; }
 30% { opacity: 0; }
 100% { opacity: 0; }
}


/*-------------------
    pisara about css here
-----------------------*/

.pisara-about {
  padding: 80px 0 270px;
	background-image: url(../images/bg-_b.png);
	background-repeat: no-repeat;
	background-position: center bottom -5%;
	background-attachment: scroll;
	background-size: 100% auto;
}
.pisara-about img {
	margin: 0 auto 10px;
	display: block;
}
.about-txt{
	color: #555555;
	font-size: 20px;
	font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,'Noto Serif JP', serif;
	line-height: 1.8;
	margin: 25px 0;
	text-align: center;
} 

/*----------------
    location css here
----------------*/

.location {
  padding: 100px 0 60px;
  background: #f8f8f8;
}


/*slide_vol.3*/

.slider-box p, .slider-box div, .loop-box ul, .loop-box li {
  box-sizing: border-box; margin: 0 !important; 
}
.slider-box {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%; 
  margin: 0 auto;
  padding: 10px 0 0;
}
.loop-box{
  position: relative;
  width: 100%;
  overflow: hidden; 
}
.loop-box, .loop-box ul {
  height: 340px;
}
.loop-box ul {
  position: absolute; left: 0; top: 0;
  display: flex; 
  list-style: none;
  max-width: 10000%; 
  min-width: 100%;
  width: calc(340px * 1.2 * 7);
  animation: 80s linear infinite;
}
.loop-box .slidecontent {
  display: flex;
  align-items: center; 
  width: calc(100% / 7); 
  padding: 0 7px;
}
.loop-box img {
  height: auto;
  width: 100%;
	    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
	    border: 8px solid #d6d6d6;
}
.loop-box ul.loop1 {
  animation-name: loop1;
}
.loop-box ul.loop2 {
  animation-name: loop2;
}
@keyframes loop1 {
  0% {transform: translateX(0); }
  49.99999% {transform: translateX(-100%); }
  50% {transform: translateX(100%); }
}
@keyframes loop2 {
  0% {transform: translateX(100%); }
  100%{transform: translateX(-100%); }
}


/*---------------------
  Section-title css here/*
----------------------*/

.section-title {
  text-align: center;
}
.section-title_EN {
  font-family:Georgia, "Times New Roman", Times, "serif";
  font-weight: 400;
  color: #555555;
  font-size: 45px;
  line-height: 1.2;
  text-align: center;
}
.section-title_jp {
  font-weight: 400;
  color: #555555;
  font-size: 15px;
  text-align: center;
  margin-bottom: 60px;
}
.section-title_jp02 {
  font-weight: 400;
  color: #555555;
  font-size: 15px;
  text-align: center;
  margin: 15px 0 25px;
}
.section-txt{
	color: #555555;
	font-size: 16px;
	line-height: 1.7;
	font-weight: 300;
	margin: 20px 0;
		text-align: center;
}

.Instagram-i h5 {
    color: #555555;
	font-size: 15px;
	line-height: 1.5;
	text-align: center;
	margin-top: 10px;
}

/*---------------
    btn css here
-----------*/
/*
.plan_btn_01 {
	background-color: #b2a796;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 15px 30px;
	border-radius: 10px;
	transition: all 0.3s;
	display: block;
	text-align: center;
	margin: 60px auto 0;
	width: 400px;	
	position: relative;
}

a.plan_btn_01:hover {
	opacity: 0.8;
}

.btn_i{
	position: absolute;
    right:10px;
}
.btn_i02{
	position: absolute;
    right:10px;
    vertical-align: 10px;
	top:40%;
	display: block;
}
*/

/*---------------
    plan css here
-----------*/

.plan1 {
  padding: 100px 0 20px;
}

.plan_wrap{
  border: 0.5px solid #878787;
  padding: 10px;
/*  margin-bottom: 20px;*/
	width: 80%;
	margin: 0 auto 20px;
}

 .plan-img{
  width: 100%;
}

.plan-title {
  font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,'Noto Serif JP', serif;
  font-weight: 400;
  color: #fff;
  font-size: 25px;
  line-height: 1.8;
  margin-bottom: 10px;
  background-color: #afa493;
  width: 100%;
  text-align: center;	
display: block;
}



/*----------------
    wedding_contact css here
----------------*/

.wedding_contact {
/*  padding: 0 0 50px;*/
  background: #f8f8f8;
}

.contact-action {
	text-align: center;
	margin-bottom: 50px;
}

.contact-action a:hover {
	opacity: 0.8;
}

.w-contact-txt{
	color: #555555;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
	margin: 30px 0 10px;
}
.line-txt{
	color: #02b601;
	font-size: 18px;
	line-height: 1.7;
	font-weight: 700;
	margin-bottom: 5px;
}
.w-contactbtn {
	background-color: #b2a796;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 15px 30px;
	border-radius: 10px;
	transition: all 0.3s;
	display: block;
	text-align: center;
	margin: 30px auto;
	width: 400px;
}
.w-reservationbtn {
	background-color: #f2a2a8;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 15px 30px;
	border-radius: 10px;
	transition: all 0.3s;
	display: block;
	text-align: center;
	margin: 30px auto;
	width: 400px;
}

/*------------
  Company info css here
--------------*/
.companyinfo{
  background: #f8f8f8;
  padding: 100px 0 60px;
}
.company_t {
  font-weight: 400;
  color: #555555;
  font-size: 16px;
  line-height: 1.5;
  border-bottom: 0.5px solid #555555;
  width: 100%;
}

.company_table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  color: #555555;
	line-height: 1.5;
	text-align: left;
}
.company_table td,
.company_table th {
  padding: 6px 0;
}
.company_table th { 
  white-space: nowrap;
  padding-right: 15px;
  vertical-align: baseline;
}
.company_table td {
  vertical-align: baseline;
}

#map{
	max-width:100%;
	border:none;
	-webkit-filter: grayscale(1);
　filter: grayscale(1);
}

.fa{
	font-size: 18px;
}
.icon_tri {
    position:relative;
    display:block;
    padding-left:17px;
}
.icon_tri:before {
    content: "";
    display:inline-block;
    width: 0;
    height: 0;
    border-top: solid 8px transparent;
    border-right: solid 8px transparent;
    border-bottom: solid 8px transparent;
    border-left: solid 8px #fff;
    position: absolute;
    top: 50%;
    right:10px;
    margin-top:-8px;
}


/*------------
  footer css here
--------------*/
.footer-top {
    background: #f8f8f8;
}
.footer-bottom {
    background: #f2a2a8;
}
.footer-top address {
    color: #555555;
    font-size: 16px;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 10px;
}
.footer-top address span {
  font-size:13px;

}
.footer-top address p {
  font-size:12px;
	    color: #555555;
	margin: 0;
	line-height: 1.5;
}
.social-icons2 {
	padding: 15px 0;
	z-index: 10;
	width: 30px;
	margin: 0 auto;
}
.social-icons2 a:hover {
	opacity: 0.8;
}
.copyright > p {
    margin-bottom: 0;
	color: #fff;
	text-align: center;
}
.copyright {
    padding: 20px 0;
}


/*--------------------
   scrollpu css here
----------------------*/
#scrollUp {
    background: #fff;
    bottom: 45px;
    color: #f2a2a8;
	border: 2.5px solid #f2a2a8;
    cursor: pointer;
    height: 40px;
    line-height: 37px;
    right: 30px;
    text-align: center;
	padding-bottom: 15px;
    width: 40px;
/*    z-index: 9999;*/
}

#scrollUp:hover {
    opacity: 0.7;
}

/*------------------------
   contact-reservation page css here----
---------------*/

.contactbg {
  background: rgba(0, 0, 0, 0) url("../images/headbg_contact.jpg") no-repeat scroll center center / cover  ;
  padding: 130px 0;
  position: relative;
}
.reservationbg {
  background: rgba(0, 0, 0, 0) url("../images/headbg_reservation.jpg") no-repeat scroll center center / cover  ;
  padding: 130px 0;
  position: relative;
}

.bg-title {
    color: #fff;
	font-family:Georgia, "Times New Roman", Times, "serif";
    font-size: 45px;
	font-weight: 400;
    margin-bottom: 5px;
}

.bg-title_jp {
  font-weight: 400;
  color: #fff;
  font-size: 20px;
  text-align: center;
}

/*instagram_gallery*/

.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }

.gallery li {
  width: 33%;
  padding: 1.5% 1.5%;
}

.gallery li img {
  object-fit: cover;
  width: 350px;
  height: 350px;
}


/*-------------------
    Mobile menu css here
----------------------------*/
.mobile-menu-area {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  margin-top: 16px;
  position: absolute;
  width: 100%;
  z-index: 999;
}
.mean-container a.meanmenu-reveal {
  float: left;
  left: 90% !important;
  position: absolute;
  top: -60px;
}
.mean-container .mean-nav ul li a.mean-expand {
  font-family: "Lato",sans-serif;
}
.mobile-menu-area .mean-nav {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.social-icons_r > a:hover {
  opacity: 0.7;
}