@charset "utf-8";
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  background-color: #fff;
  height: auto; /*modal使用時の元位置記憶*/
}
#wrap_ava {
  /*font-family: 'Noto Serif JP', serif;	 */
  line-height: 1.5;
  letter-spacing: .08rem;
  box-sizing: border-box !important;
  background: #fff;
  font-size: 15px;
  min-width: 1280px;
  font-style: normal;
  color: #666;
}
#wrap_ava a:link, #wrap_ava a:visited, #wrap_ava a:active {
  text-decoration: none;
  color: #333;
}
#wrap_ava a.a_hover {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
#wrap_ava .red {
  color: #f00;
}
#wrap_ava img {
  max-width: 100%;
}
.contents {
  width: 100%;
  margin: auto;
}
/*#wrap_ava .anti_aliasing {
transform: rotate(0.1deg);
}*/
#wrap_ava .disnon_sp {
  display: block;
}
#wrap_ava .disnon_pc {
  display: none;
}
#wrap_ava .br_pc {
  display: inline;
}
#wrap_ava .br_sp {
  display: none;
}
#wrap_ava .basic_backpagebtn {
    display: block;
    width: 400px;
    color: #000;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    margin: auto;
    border: 1px solid #ababab;
    text-align: center;
    line-height: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
}
#wrap_ava .basic_backpagebtn:before {
    content: "";
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 10%;
    margin-top: -4px;
}
#wrap_ava .ttl_font-s{
    font-size: 24px;
	line-height: 1.5;
	margin-bottom: 5%;
}
#wrap_ava .font-s{
    font-size: 16px;
	line-height: 2;

}
#wrap_ava .font-m{
    font-size: 18px;

}
#wrap_ava .font-l{
    font-size: 18px;

}
#wrap_ava .u-line{
    border-bottom: dashed 2px #7bcbac;
}
#wrap_ava .bold{
    font-weight: bold;
}
#wrap_ava .blue{
    color: #7ebce3;
}
#wrap_ava .flex-container, #wrap_ava .flex-container-pc{
    display: flex;
	flex-wrap: wrap;
}

#wrap_ava .flex-container_box-02-pc .flex-box{
   
}
#wrap_ava .flex-container_box-03-pc .flex-box,
#wrap_ava .flex-container_box-03-pc .flex-box{
     width: 29.3%;
    margin: 0% 2%;
}
#wrap_ava .flex-container_box-04 .flex-box,
#wrap_ava .flex-container_box-04-pc .flex-box{
    width: 20%;
    margin: 0% 2.5%;
}
#wrap_ava .flex-container_box-05-pc .flex-box{
    width: 18%;
	margin: 0% 1%;
}
#wrap_ava .box-ttl {
    margin-bottom: 50px;
}
#wrap_ava .box-ttl--type01 .big-ttl{
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif !important;
	color: #7ebce3;
	font-size: 30px;
    margin-bottom: 70px;
	 font-weight: normal;
    letter-spacing: .1rem;
}
#wrap_ava .box-ttl--type01 .en{
	color: #7ebce3;
	font-size: 18px;
    margin-bottom: 30px;
	font-family: 'Frank Ruhl Libre', serif;
}
#wrap_ava .box-ttl--type02{
   margin-bottom: 50px;
}
#wrap_ava .box-ttl--type02 .big-ttl{
      font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif !important;
    color: #7ebce3;
    font-size: 26px;
}
#wrap_ava .box-ttl--type02 .big-ttl span{
	font-size: 19px;
	display: block;
}
#wrap_ava .box-ttl--type02 .en{
	color: #7ebce3;
	font-size: 50px;
	font-family: 'Frank Ruhl Libre', serif;
	    padding-right: 40px;
	font-style: italic;
    font-weight: 100;

}
#wrap_ava .box-ttl--type02 .en span{
	font-size: 22px;
	padding-right: 5px;
}
#wrap_ava .box-ttl--type03{
    text-align: center;
	/* margin-bottom: 100px; */
}
#wrap_ava .box-ttl--type03 .en{
    color: #7ebce3;
    font-size: 30px;
    font-family: 'Frank Ruhl Libre', serif;
    padding-bottom: 100px;
}
#wrap_ava .box-ttl--type03 .time{
    display: inline-block;
    padding: 5px 20px;
    font-size: 20px;
    background: url(../image/bg_day.jpg);
    background-size: cover;
    background-repeat: repeat;
    background-position: 50%;
    color: #fff;
}
#wrap_ava .box-ttl--type03 .big-ttl {
  position: relative;
    font-size: 54px;
    margin-top: 25px;
    font-weight: normal;
    letter-spacing: .1rem;
    /* line-height: 1.8; */
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif !important;
    height: 160px;
}

#wrap_ava .box-ttl--type03 .big-ttl::after {
  content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 36px;
    margin: auto;
    background-color: #888;
}
#wrap_ava .box-ttl--type03 .big-ttl .jp {
	display: block;
    font-size: 20px;
	color: #bc9e74;
}
/*#wrap_ava .ttl .en{
    font-family: 'Meow Script', cursive;
    text-align: center;
    font-size: 35px;
    color: #7bcbac;
    font-weight: 500;
}*/
#wrap_ava .ttl-dtl {
    text-align: center;
    font-size: 17px;
    margin-top: 30px;
}
#wrap_ava .nav-scroll{
    font-family: 'Quicksand', sans-serif;
    display: inline-block;
    color: #7ccbac;
    font-size: 18px;
    position: absolute;
    bottom: 15px;
    right: 5%;
    border-bottom: solid 2px #7ccbac;
    font-weight: bold;
    padding: 0px 80px 0px 10px;
}
#wrap_ava .nav-scroll::after{
     content: "";
    width: 20px;
    height: 20px;
    border: 0;
    border-top: solid 2px #7ccbac;
    position: absolute;
    bottom: -12px;
    right: 3px;
    transform: rotate(45deg);
}
#wrap_ava .foot_cvarea_btns a {

    color: #fff;

}
#wrap_ava .wrap_logo {
    display: none;
}

@media screen and (max-width: 480px) {

  /** { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }*/
  html, body {
    height: auto;
    width: 100%;
    /*font-size:100%;*/
    min-width: inherit;
    overflow-x: hidden;
  }
  body {
    height: auto;
    box-sizing: border-box !important;
  }
  #wrap_ava .disnon_sp {
    display: none;
  }
  #wrap_ava .disnon_pc {
    display: inline-block;
  }
  #wrap_ava .br_pc {
    display: none;
  }
  #wrap_ava .br_sp {
    display: inline;
  }
  /*大本のcpn.cssの打消し*/
  .cpn_detailbox {
    padding: 0px;
  }
  /*大本のcpn.cssの打消し*/
  .contents_wapper {
    padding-top: 0px;
  }
  .basic_backpagebtn {
    width: 90%;
  }
  #wrap_ava a:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 10.;
    opacity: 1.0;
  }
  #wrap_ava {
    min-width: inherit;
    font-size: 13px;
  }
  #wrap_ava .basic_backpagebtn {
    display: block;
    width: 90%;
    color: #000;
    position: relative;
    font-size: 13px;
    font-weight: bold;
    margin: auto;
    border: 1px solid #ababab;
    text-align: center;
    line-height: 1.2em;
    padding: 15px 0;
    margin-top: 50px;
    margin-bottom: 50px;
}
  #wrap_ava .basic_backpagebtn:before {
    content: "";
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 10%;
    margin-top: -4px;
}
#wrap_ava .flex-container{
	flex-wrap: wrap;
}
#wrap_ava .flex-container-pc, #wrap_ava .flex-container_box-02-pc{
    display: inherit;
	justify-content: start;
	flex-wrap: inherit;
}

#wrap_ava .u-line {
    border-bottom: dotted 2px #7bcbac;
}
#wrap_ava .ttl_font-s {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 5%;
}
#wrap_ava .font-s{
    font-size: 13px;
	line-height: 1.8;

}
	#wrap_ava .font-m{
    font-size: 14px;

}
#wrap_ava .ttl-dtl {
    font-size: 14px;
       margin-top: 5%;
}
	#wrap_ava .nav-scroll {
    font-size: 15px;
    border-bottom: solid 1px #7ccbac;
    font-weight: normal;
    padding: 0px 60px 0px 10px;
}
#wrap_ava .box-ttl--type01 .en {
    font-size: 15px;
    margin-bottom: 3%;
}
#wrap_ava .box-ttl--type01 .big-ttl {
    font-size: 22px;
    margin-bottom: 10%;
}
#wrap_ava .box-ttl--type02 {
    margin-bottom: 8%;
}
#wrap_ava .box-ttl--type02 .en {
    font-size: 30px;
    padding-right: 0px;
    line-height: 1;
}
#wrap_ava .box-ttl--type02 .en span {
    font-size: 18px;
}
#wrap_ava .box-ttl--type02 .big-ttl span {
    font-size: 15px;
	    line-height: 1;
}
#wrap_ava .box-ttl--type02 .big-ttl {
    font-size: 18px;
	margin-top: 5%;
}
#wrap_ava .box-ttl--type03 {
    margin-bottom: 10%;
}
#wrap_ava .box-ttl--type03 .en {
    font-size: 25px;
    padding-bottom: 15%;
}
#wrap_ava .box-ttl--type03 .time {
    font-size: 16px;
}
/*#wrap_ava .box-ttl--type03 .big-ttl {
    font-size: 14px;
    letter-spacing: .1rem;
    line-height: 1.8;
    width: 80%;
    margin: 10% auto;
}*/
	
	
#wrap_ava .box-ttl--type03 .big-ttl {
  
    font-size: 36px;
    margin-top: 22px;
    /* line-height: 1.8; */
    height: 134px;
}

#wrap_ava .box-ttl--type03 .big-ttl::after {
    width: 1px;
    height: 36px;
    /*margin: auto;
    background-color: #888;*/
}
#wrap_ava .box-ttl--type03 .big-ttl .jp {
    font-size: 16px;
	/*display: block;
	color: #bc9e74;*/
}
	
	
	
	
	
}
/* -----------------------------------------------------------
   visual
   ----------------------------------------------------------- */
#wrap_ava .visual {
	/*padding-bottom:70px;*/
}
#wrap_ava .visual .inner-visual {
  /*width: 1200px;*/
    margin: auto;
    position: relative;
    background-image: url(../image/mv.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 800px;
	margin-bottom: 70px;
	background-position: center;
}
 #wrap_ava .visual .inner-visual .wrap-logo {
  position: absolute;
   left: 50%;
	transform: translateX(-50%);
   top: 8%;
    text-align: center;
}
#wrap_ava .visual .inner-visual .wrap-logo .logo {
    display: block;
    /*margin: 0px auto 15px;*/
    width: 100%;
}
/*
#wrap_ava .visual .inner-visual .wrap-logo .tokuten {
  width: 86%;
}
*/
/*#wrap_ava .visual::after {}
.inner_item {
  margin-bottom: 40px;
}*/
#wrap_ava .visual .big-txt{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin-top: 90px;
	color: #333;
	letter-spacing: 0.2em;
	margin-bottom: 90px;

}
@media screen and (max-width: 480px) {
	#wrap_ava .visual {
  	}
	
	#wrap_ava .visual .inner-visual {
		margin: auto;
		position: relative;
		background-image: url("../image/mv_sp.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: bottom;
		width: 100%;
		height: 667px;
	  	}
	
	#wrap_ava .visual .inner-visual .wrap-logo {
		position: absolute;
		top: 18%;
		text-align: center;
		width: 72%;
		/*left: calc(50% - 130px);*/
  	}
	/*#wrap_ava .visual .inner-visual .wrap-logo .tokuten {
  width: 100%;
  }*/
	#wrap_ava .visual .inner-visual .wrap-logo .logo {
    width: 100%;
  }
	#wrap_ava .visual::after {}
	.inner_item {
	  margin-bottom: 40px;
	}
	#wrap_ava .visual .big-txt{
		font-size: 21px;
        font-weight: bold;
        text-align: center;
        margin-top: 32px;
        margin-bottom: 40px;
        line-height: 1.4;
	}
}

/* -----------------------------------------------------------
   outline
   ----------------------------------------------------------- */
#wrap_ava .outline {
    padding: 6% 0px;
    width: 100%;
	    position: relative;
}
#wrap_ava .outline .inner-outline{
    width: 90%;
}
#wrap_ava .outline::after {
    content: "";
    background: url(../image/bg_sango.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    display: block;
    position: relative;
    width: 100%;
    height: 0px;
    bottom: 80px;
    left: 0px;
    z-index: 0;
    padding-bottom: 25%;
}
#wrap_ava .outline .wrap-outline{
    z-index: 2;
    position: relative;
}
#wrap_ava .outline .box-photo{
    width: 58%;
	background: url("../image/concept_sango.jpg");
  background-size: cover;
  background-repeat: no-repeat;
      background-position: 50%;
}
#wrap_ava .outline .box-txt{
    width: 42%;
      padding: 5% 5% 10%;
}
@media screen and (max-width: 767px) {
#wrap_ava .outline {
        padding: 0% 0% 10%;
}
#wrap_ava .outline .inner-outline {
    width: 100%; 
}
#wrap_ava .outline .box-photo {
    width: 100%;
    height: 0px;
    padding-bottom: 60%;
}
#wrap_ava .outline .box-txt {
    width: 85%;
    padding: 15% 0%;
    margin: auto;
}
#wrap_ava .outline::after {
    position: static;
    padding-bottom: 50%;
}
}
/* -----------------------------------------------------------
   movie
   ----------------------------------------------------------- */
#wrap_ava .movie{
   width: 90%;
    margin: auto;
	position: relative;
}
#wrap_ava .movie::after{
	content: "";
	background: #fff;
	display: block;
	position: absolute;
	width: 100%;
	height: 0px;
	padding-bottom: 8%;
	bottom: 0px;
	left: 0px;
		
}
#wrap_ava .movie::before{
	content: "";
	background: #fff;
	display: block;
	position: absolute;
	width: 100%;
	height: 0px;
	padding-bottom: 7%;
	top: 0px;
	left: 0px;
		
}
#wrap_ava .movie video{
    width: 100%;
}
@media screen and (max-width: 767px) {
#wrap_ava .movie {
    width: 85%;
}
	
}

/* -----------------------------------------------------------
   point
   ----------------------------------------------------------- */
#wrap_ava .point{
    width: 1200px;
    margin: 8% auto;
}
#wrap_ava .point .wrap-point{
    align-items: center;
}
#wrap_ava .point .wrap-point.reverse-pc{
    flex-direction: row-reverse;
}
#wrap_ava .point .box-photo{
    width: 50%;
}
#wrap_ava .point .box-txt{
    width: 50%;
	padding: 8%;
}

@media screen and (max-width: 767px) {
#wrap_ava .point {
    width: 75%;
    margin: 10% auto 20%;
}
#wrap_ava .point .box-photo {
    width: 100%;
}
#wrap_ava .point .box-txt {
    width: 100%;
    padding: 10% 0%;
}
	
	

#wrap_ava .point .wrap-point.reverse-pc{
    flex-direction: row;
}
}
/* -----------------------------------------------------------
   transplantation
   ----------------------------------------------------------- */
#wrap_ava .transplantation {
    margin: 100px auto;
    background: url(../image/bg_transplantation.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 1200px;
    display: flex;
    align-items: center;
}
#wrap_ava .transplantation .box-txt {
    width: 900px;
    margin: auto;
    text-align: center;
    background: #19618fa8;
    padding: 35px;
    color: #fff;
}
#wrap_ava .transplantation .box-txt .ttl{
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif !important;
    margin-bottom: 20px;
    font-size: 22px;
    letter-spacing: .1rem;
}
@media screen and (max-width: 767px) {
#wrap_ava .transplantation {
    margin: 0% auto 20%;
    width: 100%;
}
#wrap_ava .transplantation .box-txt {
    width: 80%;
    padding: 8%;
	text-align: left;
}
#wrap_ava .transplantation .box-txt .ttl {
    margin-bottom: 5%;
    font-size: 16px;
	text-align: center;
}

	}

/* -----------------------------------------------------------
   start
   ----------------------------------------------------------- */


#wrap_ava .start .wrap-sightseeing{
	transition-timing-function: linear;
}
#wrap_ava .start .wrap-sightseeing_box{
    /*width: 420px;*/
	width: 600px;
	position: relative;
}
#wrap_ava .start .wrap-sightseeing_box .box-txt{
    position: absolute;
    bottom: 0px;
    background: #9eb4c1;
    padding: 5px 15px;
    color: #fff;
}
@media screen and (max-width: 767px) {

#wrap_ava .start .wrap-sightseeing_box {
    width: 300px;
}
}


/* -----------------------------------------------------------
   story
   ----------------------------------------------------------- */
#wrap_ava .story {
    margin-bottom: 220px;
	padding: 185px 0 0;
	
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
}
#wrap_ava .wrap-story {
    /*margin-bottom: 130px;*/
	/*padding: 185px 0 0;*/
}
#wrap_ava .story .large-img--01{
    margin: 100px auto;
    background: url(../image/bg_wide_01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
	height: 0px;
    width: 100%;
    padding-bottom: 32%;
}

#wrap_ava .story .large-img--02{
    margin: 100px auto;
    background: url(../image/bg_wide_02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
		height: 0px;
    width: 100%;
    padding-bottom: 32%;
}
#wrap_ava .story .box-story--type01{
    width: 100%;
    margin: auto;
    background: url(../image/bg_map.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    justify-content: center;
    align-items: center;
}

#wrap_ava .story .box-story--type01 .box-photo{
        width: 40%;
    max-width: 600px;
}
#wrap_ava .story .wrap-sightseeing{
	transition-timing-function: linear;
}
#wrap_ava .story .wrap-sightseeing_box{
    /*width: 420px;*/
	width: 600px;
	position: relative;
}
#wrap_ava .story .wrap-sightseeing_box .box-txt{
    position: absolute;
    bottom: 0px;
    background: #9eb4c1;
    padding: 5px 15px;
    color: #fff;
}
#wrap_ava .story .box-story--type01 .box-txt{
	width: 30%;
}
#wrap_ava .story .addition-photo .img{
    margin: 80px auto;
    width: 80%;
    background: url(../image/kazoku_trip.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
#wrap_ava .story .box-story--type02{
    width: 85%;
    align-items: center;
    margin: 3% 0px;
/* margin: 8% 0px;*/
}
#wrap_ava .story .box-story--type02 .box-photo{
    width: 60%;
	text-align: right;
}
#wrap_ava .story .box-story--type02 .box-txt{
    width: 35%;
	padding-left: 5%;
		    margin-top: -40px;
}
#wrap_ava .story .addition-contents{
    width: 75%;
    margin: auto;
    max-width: 1200px;
}
#wrap_ava .story .box-addition-contents{
    flex-direction: row-reverse;
	align-items: center;
}
#wrap_ava .story .box-addition-contents .box-photo{
    width: 65%;
}
#wrap_ava .story .box-addition-contents .box-photo .photo{
    width: 49.5%;
    display: inline-block;
}
#wrap_ava .story .box-addition-contents .box-txt{
    width: 35%;
    padding-right: 3%;
}
#wrap_ava .story .box-story--type03{
	flex-direction: row-reverse;
    width: 85%;
    align-items: center;
	    /*margin: 8% 0px 8% 15%;*/
	margin: 3% 0px 8% 15%;
}
#wrap_ava .story .box-story--type03 .box-photo{
    width: 60%;
}
#wrap_ava .story .box-story--type03 .box-txt{
    width: 35%;
	padding-right: 5%;
		margin-top: -40px;
}
@media screen and (max-width: 767px) {
	
#wrap_ava .story {
    margin-bottom: 220px;
    padding: 80px 0 0;
}
#wrap_ava .wrap-story {
    /*margin-bottom: 20%;*/
	margin-bottom: 0;
}
#wrap_ava .story .large-img--01, #wrap_ava .story .large-img--02 {
    margin: 10% auto 20%;
    padding-bottom: 60%;
}
#wrap_ava .story .box-story--type01 {
    background: inherit;
}
#wrap_ava .story .box-story--type01 .box-photo {
    width: 85%;
	margin: auto;
}
#wrap_ava .story .box-story--type01 .box-txt {
    width: 80%;
    margin: 10% auto;
}
#wrap_ava .story .addition-photo .img {
    margin: 5% auto 15%;
}
#wrap_ava .story .wrap-sightseeing_box {
    width: 300px;
}
#wrap_ava .story .box-story--type02 {
    width: 90%;
    margin: 10% auto;
}
#wrap_ava .story .box-story--type02 .box-photo {
    width: 100%;
}
	#wrap_ava .story .box-story--type02 .box-txt{
	width: 80%;
    padding-left: 0%;
    margin: 8% auto 20%;
	}
#wrap_ava .story .box-story--type03 {
    width: 90%;
    margin: 10% auto;
}
	#wrap_ava .box-ttl--type03 .big-ttl .jp {
    font-size: 16px;
}
#wrap_ava .story .box-story--type03 .box-photo {
    width: 100%;
	text-align: right;
}
	#wrap_ava .story .box-story--type03 .box-txt{
	width: 80%;
    padding-left: 0%;
    margin: 8% auto;
	}

#wrap_ava .story .box-addition-contents .box-photo {
        width: 80%;
    margin: auto;
}
#wrap_ava .story .box-addition-contents .box-photo .photo {
    width: 100%;
    display: block;
    margin-bottom: 10%;
}
#wrap_ava .story .box-addition-contents .box-txt {
    width: 100%;
    padding-right: 0%;
        margin: 20% auto;
}

}
/* -----------------------------------------------------------
   wedding-item
   ----------------------------------------------------------- */
#wrap_ava .wedding-item .wrap-wedding-item{
    margin: auto;
    justify-content: center;
    align-items: center;
    width: 1000px;
}
#wrap_ava .wedding-item .wrap-wedding-item .box-content{
    width: 40%;
       margin: 0% 5% 10%;
}
#wrap_ava .wedding-item .wrap-wedding-item .box-content .box-photo{
    margin-bottom: 6%;
}
#wrap_ava .wedding-item .wrap-wedding-item .box-content .box-txt .ttl{
    text-align: center;
    font-size: 17px;
	    width: 80%;
    margin: auto;
}
#wrap_ava .wedding-item .wrap-wedding-item .box-content .box-txt .dtl{
    margin-top: 5%;
}

#wrap_ava .wedding-item .wrap-wedding-item .box-content .box-txt .dtl a{
    text-decoration: underline;
}
#wrap_ava .wedding-item .wrap-wedding-item .box-content .box-txt .dtl a img{
    width: 25px;
}
@media screen and (max-width: 767px) {
#wrap_ava .wedding-item .wrap-wedding-item{
	text-align: right;
	width: 90%;
	
}
#wrap_ava .wedding-item .wrap-wedding-item .box-content {
    width: 65%;
    margin: 0% 0% 0%;
	text-align: left;
	    padding: 0% 5%;
}
#wrap_ava .wedding-item .wrap-wedding-item .box-content .box-photo {
    margin-bottom: 10%;
}
	#wrap_ava .wedding-item .wrap-wedding-item .box-content .box-txt .ttl{
    font-size: 14px;
    width: 100%;
	}
#wrap_ava .wedding-item .wrap-wedding-item .box-content .box-txt .dtl {
    margin-top: 10%;
}
}

/* -----------------------------------------------------------
   aniversary
   ----------------------------------------------------------- */
#wrap_ava .aniversary {
    margin: 100px auto;
    background: url(../image/bg_aniversary.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 300px;
    width: 100%;
    display: flex;
    align-items: center;
}
#wrap_ava .aniversary .box-txt{
        width: 900px;
    margin: auto;
    text-align: center;
    font-size: 25px;
    letter-spacing: .1rem;
    line-height: 1.8;
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif !important;
    background: rgb(44 64 101 / 70%);
    padding: 15px;
    color: #fff;
    border: solid 1px;
}
@media screen and (max-width: 767px) {
#wrap_ava .aniversary {
    margin: 15% auto;
    height: 300px;
}
#wrap_ava .aniversary .box-txt {
    width: 80%;
    font-size: 16px;
    letter-spacing: .1rem;
    line-height: 1.8;
    padding: 5%;
}

	}
/* -----------------------------------------------------------
   link-chapel
   ----------------------------------------------------------- */
#wrap_ava .link-chapel{
    width: 900px;
    margin: 130px auto;
    border: solid 1px;
    padding: 60px;
    text-align: center;
}
#wrap_ava .link-chapel .btn{
    background: #7db1c4;
    padding: 20px;
    width: 600px;
    display: block;
    margin: auto;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    position: relative;
    margin-top: 5%;
}
#wrap_ava .link-chapel .btn:before {
    content: '';
    width: 12px;
    height: 12px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10%;
    margin-top: -6px;
}
@media screen and (max-width: 767px) {
#wrap_ava .link-chapel {
    width: 80%;
    margin: 10% auto;
    padding: 8%;
}
#wrap_ava .link-chapel .btn {
    padding: 5%;
    width: 100%;
    font-size: 15px;
    font-weight: normal;
    margin-top: 10%;
}
#wrap_ava .link-chapel .btn:before {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10%;
    margin-top: -6px;
}
}


/*------------------------------

バナー

------------------------------*/
#wrap_ava .event_bnr {
  margin: 0 auto 100px;
  max-width: 1100px;
}
@media screen and (max-width: 480px) {
  #wrap_ava .event_bnr {
    margin: 80px auto;
    max-width: initial;
    width: 96%;
  }
	
}

/*------------------------------

Swiper追加

------------------------------*/
#wrap_ava .swiper-button-next span, #wrap_ava .swiper-button-prev span{
    line-height: 1;
    border: solid 1px;
}



/* -----------------------------------------------------------

ここから
surf用追加

--------------------------------------------------------------*/



/* -----------------------------
   gallery
   ----------------------------- */

#wrap_ava .gallery {
  /*  margin: 65px auto 0;*/

}

#wrap_ava .gallery .wrap-sightseeing{
	transition-timing-function: linear;
}

#wrap_ava .gallery .wrap-sightseeing_box{
    width: 480px;
	/*width: 600px;*/
	position: relative;
}
#wrap_ava .gallery .wrap-sightseeing_box .box-txt{
    position: absolute;
    bottom: 0px;
    background: #9eb4c1;
    padding: 5px 15px;
    color: #fff;
}
@media screen and (max-width: 767px) {

	#wrap_ava .gallery .wrap-sightseeing_box {
		width: 300px;
	}
}


/* -----------------------------
   コンセプト
   ----------------------------- */
#wrap_ava .concept{
	width: 100%; 
    margin:1% auto 0;
    position: relative;
	height: 870px;
	
}
#wrap_ava .concept .scrolling-container .background-image{
	width: 100%;
    background-image: url("../image/bg_wide01.png");
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 100vh;*/
     height: 870px; 
}
#wrap_ava .concept .scrolling-container .wide_bg{
    background-color: rgb(255, 255, 255, 0.45);
    color: #666;
    position: absolute;
    top: 10%;
    left: 25%;
    padding: 2%;
}
#wrap_ava .concept .scrolling-container .wide_bg .ttl{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 40px;
}
#wrap_ava .concept .scrolling-container .wide_bg .txt{
	font-size: 16px;
    color: #232222;	
	padding-bottom: 20px;
	line-height: 1.4;
}
@media screen and (max-width: 767px) {
	#wrap_ava .concept{
		width: 100%; 
		margin:1% auto 0;
		position: relative;
		height: 780px;
	}
	#wrap_ava .concept .scrolling-container .background-image{
		width: 100%;
		background-image: url("../image/bg_wide01_sp.png");
		background-repeat: no-repeat;
		background-size: contain;
		 /*height: 100vh; */
		 /*height: 100vh; */
	}
	#wrap_ava .concept .scrolling-container .wide_bg{
		background-color: transparent;
		/*color: #666;*/
		position: absolute;
		top: 5%;
		left: 5%;
		padding: 3%;
		width: 70%;
	}
	#wrap_ava .concept .scrolling-container .wide_bg .ttl{
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 40px;
	}
	#wrap_ava .concept .scrolling-container .wide_bg .txt_box{
		background-color: rgb(255, 255, 255, 0.45);
		/* color: #666; */
		position: absolute;
		top: 80%;
		/* left: 5%; */
		padding: 3%;
		width: 72%;
		}
	#wrap_ava .concept .scrolling-container .wide_bg .txt{
		font-size: 12px;
		color: #232222;	
		padding-bottom: 20px;
		line-height: 1.4;
		
	}

}


/* -----------------------------
   experience
   ----------------------------- */
#wrap_ava .experience {
	background-color: #efece4;
	padding:65px 0 185px;
}
#wrap_ava .experience .experience_box {
	margin: 120px auto 0;
	width: 768px;
	font-family: "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
}
#wrap_ava .experience .experience_box .en {
	font-size: 16px;
	color: #53838a;
}
#wrap_ava .experience .experience_box .big_ttl {
	font-size: 30px;
	color: #53838a;
	margin-top: 16px;
}
#wrap_ava .experience .experience_box .img_ex {
	margin-top: 48px;
}
#wrap_ava .experience .experience_box .txt {
	width:88%;
	font-size: 16px;
	line-height: 3;
	margin: 60px auto 0;
}
#wrap_ava .experience .experience_box .inner_box {
	background-color: #fff;
	padding: 48px;
	overflow: hidden;
    margin-top: 48px;
	position: relative;
}

#wrap_ava .experience .experience_box .inner_box .img_left {
	float: left;
    width: 40%;
}
#wrap_ava .experience .experience_box .inner_box .txt_area {
	
	
}

#wrap_ava .experience .experience_box .inner_box .txt_area_bg {
    position: absolute;
    content: "";
    background-image: url("../image/bg_eat.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 180px;
    height: 180px;
    top: 0;
    right: 0;
	z-index: 1;
}
#wrap_ava .experience .experience_box .inner_box .txt_area {
	float: right;
    width: 57%;
    /* padding-left: 3%; */
}
#wrap_ava .experience .experience_box .inner_box .txt_area .ttl {
	color: #53838a;
	font-size: 20px;
	position: absolute;
	z-index: 2;
	padding-right: 48px;
}
#wrap_ava .experience .experience_box .inner_box .txt_area .txt_02 {
	font-size: 14px;
	line-height: 2;
	margin-top: 5%;
	position: absolute;
	z-index: 2;
	padding-right: 48px;
}
@media screen and (max-width: 767px) {
	#wrap_ava .experience {
		padding:42px 0 130px;
	}
	#wrap_ava .experience .experience_box {
		margin: 88px auto 0;
		width: 92%;
	}
	#wrap_ava .experience .experience_box .en {
		font-size: 12px;
	}
	#wrap_ava .experience .experience_box .big_ttl {
		font-size: 24px;
    	margin-top: 24px;
	}
	#wrap_ava .experience .experience_box .img_ex {
		margin-top: 48px;
	}
	#wrap_ava .experience .experience_box .txt {
		width:90%;
		font-size: 14px;
		line-height: 2.4;
		margin: 38px auto 0;
	}
	#wrap_ava .experience .experience_box .inner_box {
		background-color: #fff;
		padding: 7%;
		overflow: hidden;
		/* margin-top: 33px; */
		position: relative;
	}

	#wrap_ava .experience .experience_box .inner_box .img_left {
		width: 100%;
	}
	#wrap_ava .experience .experience_box .inner_box .img_left:after {
		clear:both;
	}

	#wrap_ava .experience .experience_box .inner_box .txt_area_bg {
		/*position: absolute;
		content: "";
		background-image: url("../image/bg_eat.png");
		background-repeat: no-repeat;
		background-size: contain;*/
		background-image: none;
		width: 180px;
		height: 180px;
		top: 0;
		right: 0;
		z-index: 1;
	}
	#wrap_ava .experience .experience_box .inner_box .txt_area {
		width: 100%;
		/* padding-left: 3%; */
	}
	#wrap_ava .experience .experience_box .inner_box .txt_area:after {
		clear:both;
	}
	#wrap_ava .experience .experience_box .inner_box .txt_area .ttl {
		color: #53838a;
		/* font-size: 16px; */
		position: static;
		/* z-index: 2; */
		padding-right: 0;
		margin-top: 16px;
	}
	#wrap_ava .experience .experience_box .inner_box .txt_area .txt_02 {
		font-size: 12px;
		line-height: 2;
		margin-top: 5%;
		position: static;
		/*z-index: 2;*/
		padding-right: 0;
	}

}

/* -----------------------------
   surf_wrap
   ----------------------------- */
#wrap_ava .surf_wrap {
	text-align: center;
}
#wrap_ava .surf_wrap .ttl {
	font-size: 16px;
	font-weight: normal;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
}
#wrap_ava .surf_wrap .ttl .ja {
	display: block;
	font-size: 30px;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif;
	margin-top: 50px;
}
#wrap_ava .surf_wrap .surf_box {
	background-image: url("../image/bg_surf.png");
	background-repeat: no-repeat;
	background-size: cover;
	height: 610px;
	background-position: bottom;
	padding-top:50px;
	margin-top:100px; 
	
}

#wrap_ava .surf_wrap .surf_box .info_bg {
	width:460px;
	height: auto;
	background-color: #333333;
	opacity:0.85;
	margin: 0 auto ;
	text-align: left;
	padding:15px 60px; 
}

#wrap_ava .surf_wrap .surf_box .info_bg li{
	border-bottom: 1px solid #fff;
	color: #fff;
	padding: 15px 0;
    line-height: 1.6;
	
}
#wrap_ava .surf_wrap .surf_box .info_bg li:last-child {
	border-bottom: none;
	
}
#wrap_ava .surf_wrap .surf_box .info_bg span{
	display: block;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	#wrap_ava .surf_wrap .ttl .ja {
		font-size: 30px;
		margin-top: 50px;
	}	
	#wrap_ava .surf_wrap .surf_box {
		/*background-image: url("../image/bg_surf.png");
		background-repeat: no-repeat;
		background-size: cover;
		height: 610px;
		background-position: bottom;
		padding-top:50px;
		margin-top:100px; */
		padding-top: 30px;
    	margin-top: 48px;
		background-position: right 24% bottom;
	}

	#wrap_ava .surf_wrap .surf_box .info_bg {
		width:90%;
		padding: 16px 20px;
	}

	#wrap_ava .surf_wrap .surf_box .info_bg li{
		padding: 15px 0;
		line-height: 1.6;

	}
	/*#wrap_ava .surf_wrap .surf_box .info_bg li:last-child {
		border-bottom: none;

	}*/
	/*#wrap_ava .surf_wrap .surf_box .info_bg span{
		display: block;
		font-weight: bold;
	}*/

}

/* -----------------------------
   pickup_wrap
   ----------------------------- */
#wrap_ava .pickup_wrap {
	background-color: #efece4;
	width: 100%;
	padding:160px 0 120px;
	margin-bottom: 210px;
}
#wrap_ava .pickup_wrap .pickup {
	width: 768px;
	margin: 0 auto;
}
#wrap_ava .pickup_wrap .pickup .ttl {
	margin-bottom: 64px;
	text-align: center;
}
#wrap_ava .pickup_wrap .pickup .ttl .en {
	font-size: 40px;
	font-family: "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
	line-height: 1;
}
#wrap_ava .pickup_wrap .pickup .ttl .ja {
	font-size: 14px;
	margin-top: 8px;
}
#wrap_ava .pickup_wrap .pickup .pickup_inner {
}
#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box {
	background-color: #FFF;
	padding: 40px 48px;
	width: 100%;
	/*display: flow-root;*/
	box-shadow: 0px 0px 15px -5px #777777;
	border-radius: 10px;
}
#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box::after {
	/*content: "";
	display: block;
	overflow: hidden;*/
}
#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box:nth-child(2) {
	margin-top: 24px;
	
}
#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box .wrap_photo .photo {
	width: 35%;
	float: right;
}
#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box .wrap_photo .photo img {
	width:100%;
	padding-left: 8%
}
#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box .kikan {
	font-size: 16px;
    margin-bottom: 10px;
}
#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box .terms{
    margin-bottom: 20px;
}
#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box .terms span.limit {
	font-size: 16px;
    border: 1px solid #333;
    padding: 2px 8px;
    margin-right: 16px;
    font-weight: bold;
}
#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box .terms span.discount {
	font-size: 18px;
	color: #e58080;
	font-weight: bold;
}
#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box .price {
	font-size: 32px;
    font-weight: bold;
    /* margin-bottom: 8px; */
    line-height: 1.4;
	
}
#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box .price span {
	font-size: 16px;
}
#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box .price_base {
	font-size: 14px;
    margin-bottom: 16px;
    line-height: 1.6;
    letter-spacing: 0;
}
#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box .btm_link {
	   
	width: 50%;
    text-align: center;
    /*background: #d4bfaa;*/
    background: #7bcbac;
    padding: 5px 0px;
}
#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box .btm_link a {
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    display: block;
    /*margin-bottom: 5px;*/
	    
}
@media screen and (max-width: 767px) {
	#wrap_ava .pickup_wrap {
		padding: 21% 0;
        margin-bottom: 30%;
		}
	#wrap_ava .pickup_wrap .pickup {
		width: 92%;
		margin: 0 auto;
	}
	#wrap_ava .pickup_wrap .pickup .ttl {
		margin-bottom: 8%;
	}
	#wrap_ava .pickup_wrap .pickup .ttl .en {
		font-size: 28px;
        color: #7bcbac;
	}
	#wrap_ava .pickup_wrap .pickup .ttl .ja {
		font-size: 14px;
	}
	#wrap_ava .pickup_wrap .pickup .pickup_inner {
	}
	#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box {
		padding: 6%;
    	box-shadow: 0px 0px 10px -5px #777777;
	}

	
	#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box .wrap_photo::after {
	content: "";
	  display: block;
	  clear: both;
	}
	#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box .wrap_photo .photo {
		width: 100%;
	}
	#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box .wrap_photo .photo img {
		padding: 0;
	}
	
	#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box .kikan {
		margin-top: 6%;
    	font-size: 14px;
	}
	#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box .terms {
	}
	#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box .terms span.limit {
	}
	#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box .terms span.discount {
	}
	#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box .price {
	}
	#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box .price_base {
	}
	#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box .btm_link {
		width: 100%;
	}
	#wrap_ava .pickup_wrap .pickup .pickup_inner .item_box .btm_link a {
	}
	
}