@font-face {
	font-family: 'Antro_Vectra';
	src: url('../fonts/Antro_Vectra.woff'); /* IE9 Compat Modes */
}
/*　***********************
　　　　BACE
**********************　*/
html {font-family: "Yu Mincho";line-height: 1.15;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;overflow-x: hidden;font-size:62.5%;}
@media screen and (max-width: 768px) {
  html {font-size:2.35vw;}
  .pc {
    display: none;
  }
}

body {margin: 0;font-weight: 400;overflow: hidden;letter-spacing: 0.14em;color:rgba(51,51,51,1.00)}

article,
aside,
footer,
header,
nav,
section {display: block;width: 100%}

h1,h2,h3,h4,h5,p,span{letter-spacing: 0.15em;}

@media screen and (min-width: 767px) {
h1{font-size:5rem;}
h2{font-size: 4.8rem;}
h3{font-size: 3rem;}g260
h4,h5{font-size: 2rem;}
p,li,dl{font-size: 1.7rem;line-height: 1.7em}
}

@media screen and  (max-width: 767px) and  (min-width: 481px) {
h1{font-size:5vw;}
h2{font-size: 5.5vw;}
h3{font-size: 5vw;}
h4,h5{font-size:4vw;}
p,li,dl{font-size: 3.5vw;line-height: 1.8em}
}


@media screen and  (max-width: 480px){
h1{font-size:7vw;}
h2{font-size: 6vw;}
h3{font-size: 4.3vw;}
h4,h5{font-size:4vw;}
p,li,dl{font-size: 3.5vw;line-height: 1.8em}

}


h1,h2,h3,h4,h5{line-height: 1.8em;font-weight: normal}

a {background-color: transparent; -webkit-text-decoration-skip: objects;touch-action: manipulation;text-decoration: none;color: rgba(0,0,0,1.00);}

a:active,
a:hover {outline-width: 0;color:rgba(33,33,33,.8);}

ol, ul {list-style: none;padding-left: 0;}

ul {list-style-position: inside}

iframe {border: none}

img {max-width: 100%; height: auto;display: block;}
img.wimg{width: 100%}
a,a:hover,a:active,a:visited {outline: none; }
button{outline: none;}
a:hover img{opacity: 0.8}
a img{border-style:none;}
table {border-collapse: collapse;border-spacing: 0;}

td, th {padding: 0;}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;word-break: break-word;}

*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.center img{margin-left: auto;margin-right: auto}

/*.loader {position: fixed;width: 100%;height: 100%;background: #fff;z-index: 9999;text-align: center;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;opacity: 1;}*/

.clearfix:before, .clearfix:after, .container:before, .container:after,.colums:before, .colums:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after
{content: " ";display: table;}

.clearfix:after, .container:after, .colums:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after
{clear: both;}

#wrap {position: relative}


/*　***********************
　　　　header
**********************　*/

header {width: 100%;background-color: rgba(0,42,74,1.00)}

/*ロゴ*/
header #logo{
  margin: 0;
  padding: 1em 2em;
}

header #logo img{
  width: 70px;
}


@media screen and  (min-width: 1550px){
header{padding: 0 15px}
header #navigation > ul > li a{font-size: 1.6rem;}

}


header.is-animation {position: fixed;left: 0;top:0;z-index: 99999;animation-name: head;animation-duration: .3s;}
@keyframes head {
    0% {
       opacity: 0;transform: translateY(-100%)
    }
    100% {
       opacity: 1;transform: translateY(0)
    }
}

#navigation > ul li:last-of-type a img{margin: auto;}
@media screen and  (min-width: 991px){

header{position: relative;min-height: 100px;display: flex;justify-content: space-between;align-items: center;padding: 0 54px}

header #logo a{display: inline-block}
header #navigation{display: flex;align-items: center;}

header #navigation > ul{display: flex;margin: 0;justify-content: flex-end}
header #navigation > ul{align-items: center;justify-content:space-between;margin: 0}	

header #navigation > ul > li{text-align: center}
header #navigation > ul > li:not(:last-of-type){margin: 0 0 0 52px}
header #navigation > ul > li:last-of-type{margin-left:37.6px }
header #navigation > ul > li a{font-size: 1.7rem;font-weight: 200;letter-spacing: 0.07em;color: rgba(219,168,153,1.00);transition: .2s ease-in;text-align: center}
header #navigation > ul > li a:hover{color: rgb(240, 217, 210)}
	header #navigation > ul > li span{display: block;font-size: 1.1rem;}
	#navigation > ul li:last-of-type a img{filter: brightness(0) invert(1);}
}

@media screen and (max-width: 990px) and (min-width: 481px){
	#navigation > ul li a{padding:1em;}
}
@media screen and (max-width: 480px){
	#navigation > ul li a{padding:1em;}
}

@media screen and  (max-width: 990px){
header{
  height: 105px
}
header #navigation{visibility: visible;}
header #logo {
  width: 70%;
  margin: 0
}

header.is-animation{}
#navigation{position: absolute;width: 100%;height: 100vh;top:0;left: 0;transition: .3s;z-index: -30;opacity: 0;transform: translateY(-100%);opacity: 0;padding: 10vh 60px 60px}
#navigation{visibility: hidden}
#navigation > ul{width: 100%;margin: 0;align-items: center;transition: .5s;}
#navigation > ul li a{border-bottom: 1px solid  rgba(184,184,184,1.00);font-size: 5vw;display: block;text-align: center}
#navigation > ul li span{display: block;font-size: 4vw;margin-top: .7em}	
header.show #logo{position: relative;z-index: 999;}
header.show #logo img{filter: brightness(0) invert(1);}
header.show #navigation{z-index: 30;transform: translateY(0px);background-color:rgba(241,241,241,.93);opacity: 1; }

.subt {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin: 0;
  font-size: 1em !important;
  font-weight: 800;
  color: rgb(0, 42, 74);
  background-color: #ffffff96;
  padding: 2em;
  text-align: center;
}
@media screen and  (max-width: 990px){
  .subt{
    width: 90%;
  }
}

	
.tab_item {width: 100% !important;padding: 20px 0;background-color: #ececec;text-align: center;color: rgba(0,42,74,1.00);display: block;float: left;text-align: center;font-weight: bold;transition: all 0.3s ease;font-size: 14px;margin-bottom: 0px !important;}
	
	
}






/****************************
   triggeメニュー
****************************/
@media screen and (max-width: 990px){
/*main_menu*/
header #menu-trigger{
  border: none;
  background: none;
  position:absolute;
  right: 0;
  top:24px;
  z-index: 100001;
  margin: 10px
}

#menu-trigger,
#menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
#menu-trigger {
  position: relative;
  width: 40px;
  height: 35px;
}
#menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color:rgba(255,255,255,1.00);
  border-radius: 4px;
}
	#menu-trigger.active span{background-color:rgba(255,255,255,1.00);}
#menu-trigger span:nth-of-type(1) {
  top: 0;
}
#menu-trigger span:nth-of-type(2) {
  top: 16px;
}
#menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
#menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(18px) rotate(-45deg);
  transform: translateY(18px) rotate(-45deg);
}
#menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
#menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-12px) rotate(45deg);
  transform: translateY(-12px) rotate(45deg);
}
}
@media screen and  (min-width: 991px){
header #menu-trigger{display: none;}

}

/*　***********************
　　ボタン
**********************　*/

/****************************
プルダウンメニュー
****************************/
#navigation ul li.menu-item-has-children{position:relative;display: block}

#navigation ul li.menu-item-has-children .sub-menu ul{margin: 0;}
#navigation ul li.menu-item-has-children .sub-menu ul li a{display: block;line-height: 2.5em}
@media screen and  (max-width: 767px){

}
@media screen and (max-width: 990px){
	
#navigation ul li.menu-item-has-children .sub-menu ul li a{padding: 2em .5em ; color: rgba(253,253,253,1.00);line-height: 2em;border: 1px solid rgba(255,255,255,1.00);margin: .5em 0}

}

@media screen and  (min-width: 1200px){
#navigation ul li.menu-item-has-children .sub-menu ul li a{font-size: 1.4rem}
}

@media screen and  (min-width: 991px) and (max-width: 1199px){
#navigation ul li.menu-item-has-children .sub-menu ul li a{font-size: 1.2rem}
}
@media screen and  (min-width: 991px){
#navigation ul li.menu-item-has-children .sub-menu{z-index: 100;background: rgba(255,255,255,1.00)}
#navigation ul li.menu-item-has-children .sub-menu{display: none;position: absolute;min-width: 180px;text-align: left;padding: 15px 10px; right:0;}
	#navigation ul li.menu-item-has-children .sub-menu ul li a{display: flex;align-items: center; }	
	#navigation ul li.menu-item-has-children .sub-menu ul li a::before{display: block;margin-right: .5em;content: "\f0da"; font-family: "Font Awesome 5 Free";font-weight: 800}
}

/*　***********************
　　HERO
**********************　*/
#hero {
  width: 100%;
  background-image: url(../img/top/top-bg.png);
  background-position: left 6% top 50%;
  background-repeat: no-repeat;
  background-size: 11% auto;
}
#hero.top #site_main{color: rgba(0,42,74,1.00)}
#hero.top ul{margin: 0}

@media screen and  (min-width: 991px){
	#hero.top{display: flex; align-items: center; padding-top: 30px;}
	#hero.top #site_main{width:45%;text-align: center }
	#hero.top #site_main h1{margin: 0 }
	#hero.top #site_main h2{margin: 0 0 .5em }
	#hero.top #site_main p{font-size: 2.2rem;margin: 0}
	#hero.top #site_main img{margin: auto}
	#hero.top #site_img{width:55% }
}

@media screen and  (max-width: 990px){
  #hero{background-size: 50%;}
	#hero.top #site_main{text-align: center;padding:80px 0 120px;background:rgba(245,245,245,.49)  }
  #hero.top #site_main h1 img{margin: auto} 
	#hero.top #site_img{display: none}
}


#hero01 {width: 100%;}
#hero01.top01 #site_main{color: rgba(0,42,74,1.00)}
#hero01.top01 ul{margin: 0}
@media screen and  (min-width: 991px){
	#hero01.top01{display: flex;align-items: center;}
	#hero01.top01 #site_main{width:45%;text-align: center }
	#hero01.top01 #site_main h1{margin: 0 }
	#hero01.top01 #site_main h2{margin: 0 0 .5em }
	#hero01.top01 #site_main p{font-size: 2.2rem;margin: 0}
	#hero01.top01 #site_main img{margin: auto}
	#hero01.top01 #site_img{width:100% }
}

@media screen and  (max-width: 990px){
	#hero01.top01{display: flex;align-items: center;}
	#hero01.top01 #site_main{width:45%;text-align: center }
	#hero01.top01 #site_main h1{margin: 0 }
	#hero01.top01 #site_main h2{margin: 0 0 .5em }
	#hero01.top01 #site_main p{font-size: 2.2rem;margin: 0}
	#hero01.top01 #site_main img{margin: auto}
	#hero01.top01 #site_img{width:100% }
}

/*　***********************
　　　　contents
**********************　*/
/*#wrap{overflow: hidden}*/
#wrap,#contents{width: 100%}



/*　***********************
　　　　container
**********************　*/

.container{margin-left: auto; margin-right: auto; }
@media screen and  (min-width: 1301px){
.container{width: 1258px}
}


@media screen and  (min-width: 1200px) and (max-width: 1300px){
.container{width: 100%; padding-right: 20px; padding-left: 20px;}
}

@media screen and (min-width: 991px) and (max-width: 1199px){
.container{width:980px}
}

@media screen and (min-width: 768px) and (max-width: 990px){
.container{width: 100%; padding-right: 20px; padding-left: 20px;}
}

@media screen and (max-width: 767px){
.container{width: 100%; padding-right: 20px;padding-left: 20px;}
}


@media screen and (min-width: 991px){
	.flex_base{display: flex;}
	.flex_base.icjc{align-items:center;justify-content: center}
	.flex_base.ht{align-items:stretch}
	.flex_base.re{flex-direction: row-reverse;}
	.half_glid{width: 50%}
	.half_glid.access_left{padding-right:0 }
	.main_glid{width: 53%}
	.sub_glid{width: 40%}
}

.insta{
  text-align: center;
}







/****************************
   FOOTER
****************************/
footer{width: 100%; background: rgba(127,145,165,.14)}
footer ul{margin: 0}

footer ul li a{display: block;color: rgba(0,42,74,1.00);}
p#copyright{text-align: center;padding: 1em;background:rgba(0,42,74,1.00);color:rgba(219,168,153,1.00);margin: 0}


@media screen and (min-width: 991px) {
	footer ul{padding:75px 10px;display: flex;align-items: center;justify-content: center}
	footer ul li{margin-right:1.5em;display: flex;align-items: center}
	footer ul li:not(:first-of-type)::before{content: "|";margin-right:1.5em;display: block;}
	
	footer ul li a{font-size: 1.5rem;}
	p#copyright{font-size:1.6rem }

}

@media screen and (max-width: 990px){
	footer ul{padding: 50px 0}
	footer ul li a{font-size:5vw;display: block;text-align: center;line-height: 2.2em}
	p#copyright{font-size:2.8vw }

}



/*****************************
 pagetop
****************************/

.to-top{
  position: fixed;
  right: 30px;
  bottom: 30px;
  color: rgba(219,168,153,1.00);
  width: 150px;
  height: 90px;
  text-align: center;
  font-size:  40px;
  padding: 10px;
}

.to-top{
  align-items: center;
  justify-content: center;
  cursor: pointer; 
}

  .to-top span{
    margin-top: 10px;
    display: block;
    font-weight: normal;
    font-family: "Yu Mincho";
    font-size: 15px;
  }


@media screen and (min-width: 991px){

}

@media screen and (max-width: 990px){
  .to-top{
    right: 0;
  }
}

/*text-align*/
.center{text-align: center;}
/*.left{text-align: left;}
.right{text-align: right;}*/

/*image*/
.image-left {
	float: left;
	margin: 0px 40px 0px 0;
}
.image-right {
	float:right;
	margin: 0px 0 0px 40px;
}
.image-center {
	margin: 5px auto 0 10%!important;
}





/*loader*/
/*#loading{position: absolute;left: 0;right: 0;margin: auto;width: 100%;top: 45%;}
#loading img{margin: auto}
#loader-bg {position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;background: #FFF;z-index: 20;}*/

/*responsive*/
@media all and (min-width:768px){
.spr{display: none}
}
@media all and (max-width:767px){
.pcr{display: none}
}



/*20200904*/
.lineh p{
	line-height: 2.2em;
}

.neme {
    font-size: 16px;
    margin: 20px;
}

/*20200904*/
.florist{
  margin-left: 3em;
}


/* メニュー */
.tab{
    margin:0 auto;
    padding: 10px;
}

#tab_menu{
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: 1px solid #ccc;
    overflow: hidden;
}

#tab_menu li{
    width: 100%;
    height: 50px;
    text-align: center;
    background-color: #fff;
    border-right: 1px solid #ccc;
}

#tab_menu li:last-child{
    border-right: 0;
}


#tab_menu li.show{
    background-color:#f1f1f1;
}

.prititle {
    text-align: center;
    font-size: 25px;
	font-weight: 800;
}

.komidashi {
    text-align: center;
}

.prititle1 {
    text-align: left;
    font-size: 23px;
    font-weight: 800;
}

.privacy1 {
    margin-top: 55px;
    margin-bottom: 55px;
}

.t {
    font-size: 20px;
    font-weight: 800;
}

.naiyou1 p {
    line-height: 2em;
}

.tt {
    padding-bottom: 50px;
}





/* メニュー */
.tab{
    margin:0 auto;
    padding: 10px;
}

#tab_menu{
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: 1px solid #ccc;
    overflow: hidden;
}

#tab_menu li{
    width: 100%;
    height: 70px;
    text-align: center;
    background-color: #fff;
    border-right: 1px solid #ccc;
}

#tab_menu li:last-child{
    border-right: 0;
}


#tab_menu li.show{
    background-color:#f1f1f1;
}

/* メニューの下線 */
/*#border div{
    left: 0%;
    width: 33.3333%;
    bottom: 0;
    display: block;
    background-color: #888;
    height: 2px;
    position: relative;
    transition: left 1s cubic-bezier(0.23,1,0.32,1);
}*/

/* コンテンツ */
.tab_container {
  padding-bottom: 1em;
  background-color: #fff;
  margin: 0 auto;}
.tab_item {
  width: calc(100%/5);
  padding:20px 0;
  background-color: #ececec;
  text-align: center;
  color: rgba(0,42,74,1.00) ;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.3s ease;
  font-size: 14px;
margin-bottom: 50px;
	
 	
}
.tab_item:hover {
  opacity: 0.75;
}
input[name="tab_item"] {
  display: none;
}
.tab_content {
  display: none;
  padding: 1em 1em 0;
  clear: both;
  overflow: hidden;
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content,
#tab5:checked ~ #tab5_content{
  display: block;
}
.tab_container input:checked + .tab_item {
  background-color: rgba(0,42,74,1.00);
  color: #fff;
}

.cssgrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 0.5em;
  padding: 0.5em;
  margin: 0 0 2em;
}

.cssgrid > div {
  overflow: auto;
  min-width: 0;
  padding: 1em;

}

@media screen and (max-width: 768px) {
  .cssgrid > div{
    overflow: hidden;
  }
}


.syohin p{
	text-align: center;
	font-size:14px;
	line-height: 1.2em;
}


.syohin span{

  font-size: 13px;
  font-weight: 200;
}

.syohin img{
  width: 312px;
  height: 74%;
  object-fit: cover;
}

.stand-img{
  margin: 0 auto;
  width: 190px;
}


.setumei{
	font-size: 12px !important;
}


/*タブ切り替え中身*/


*, *:before, *:after {
	box-sizing: border-box;
}
.col_4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_4 > div{
	width: 25%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.col_4 > div{
		width: 33.33333%;
	}
}
@media screen and (max-width: 480px) {
	.col_4 > div{
		width: 100%;
	}
}


.tnedan {
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    margin-top: 16px;
    margin-bottom: 16px;
}


.parallax-overlay.light {
    background-image: url(../common/img/under/header01.png);
}


/*下層header*/
.example {
  position: relative;
  }

.example p {
  position: absolute;
  top: 60%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
 padding: 90px 170px 90px 170px;
background-color: #ffffff73 !important;
color: rgba(0,42,74,1.00);
font-size: 5em;
font-weight: 800;
  /*文字の装飾は省略*/
  }

.subt{
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  font-size: 3em;
  font-weight: 800;
  color: rgb(0, 42, 74);
  background-color: #ffffff96;
  padding: 2em;
  text-align: center;
  /*文字の装飾は省略*/
  }

.example img {
  width: 100%;
  height: 546px;
  object-fit: cover;
  }

@media screen and (max-width: 768px) {
  .example img{
    height: 300px;
  }
}

.example span {
    font-size: 20px;
    text-align: center !important;
}
	
.subt span {
    display: block;
    font-size: 2em;
    padding-bottom: 4%;
}

.mailbtn{
	position: relative;
	z-index: 2;
	padding: 1em 5em;
	text-align: center;
	color: rgba(0,42,74,1.00);
	transition: .2s ease-in;
	font-size: 1.5rem;
}

/*商品紹介　ウエディング*/
.wedding{
  display: block;
}

.flex1{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex1 img{
  width: 25%;
  height: 413px;
  object-fit: cover;
  margin: 10px;
}

.flex2{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex2 img{
  width: 50%;
  height: 350px;
  object-fit: cover;
  margin: 10px;
}
@media screen and (max-width: 768px) {
    .flex2 {
        flex-wrap: wrap;
    }

    .flex2 img {
        width: 100%;
        height: auto;
    }
}

.flexf{
  flex-flow: row-reverse;
}

.flex1 p{
  width: 50%;
  text-align: center;
  font-size: 3rem;
}

.flex1 p span{
}

#credit{
  text-align: right;
  padding: 0 2em;
}

@media screen and (max-width: 768px) {
  .flex1{
    flex-direction: column-reverse;
  }

  .flex1 img{
    width: 100%;
  }

  #credit{
    flex-direction: column;
  }
}



/*商品紹介　注意事項*/
.attention{
  color: #fff;
  font-size: 1.4rem;
  padding: 2em;
  text-align: center;
  background-color: rgba(219,168,153,1.00);
}



.wed{
  text-align: center;

}

.wed h3{
  font-size: 5em;
  margin-bottom: 0;

  font-family: bickham-script-pro-3, sans-serif;
  font-family: Antro_Vectra;
  font-weight: 700;
  font-style: normal;
}

.wed p{
  padding: 2em 0;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

.contact-m{
  padding: 2em;
}

.contact-m p{
  text-align: center;
  font-size: 1.4rem;
}