.pc{
  display: none;
}

img{
  padding: 0;
  vertical-align: bottom;
}


.section01{
  opacity: 0;
}
.section01.open {
  -webkit-animation: 2s ease 0s normal opening;
          animation: s ease 0s normal opening;
          opacity: 1;
}

@-webkit-keyframes opening {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes opening {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/*rimit_area*/
.rimit_area span {
  font-size: 7.5vw;
  color: #628f88;
  font-weight: bold;
}

.rimit_area {
  background: #f9fddc;
  padding: 3% 0%;
  color: #628f88;
  font-weight: bold;
  font-size: 6vw;
}

p.message_cv {
  margin-bottom: -3%;
  margin-top: 2%;
  font-size: 4.5vw;
}

.rimit_area .period.remaining{
  margin-top: 0;
  margin-bottom: 0;
}


.phrase {
  opacity: 0;
}

.phrase.open {
  -webkit-transition: 2.4s;
       -o-transition: 2.4s;
          transition: 2.4s;

  opacity: 1.0;
}

.phrase.anime01.open {
  -webkit-animation: 1.8s ease 0s normal anime01 both;
          animation: 1.8s ease 0s normal anime01 both;
}

.phrase.anime02.open {
  -webkit-animation: 1.8s ease 0s normal anime02 both;
          animation: 1.8s ease 0s normal anime02 both;
}

@-webkit-keyframes pulse {
  from {
    opacity: 0;
    /*透明度80%*/
  }
  to {
    opacity: 1.0;
    /*透明度100%*/
  }
}



.wrapper{
overflow:hidden;
}
.section_cv {
    width: 100%;
    background: rgba(255,255,255,.9);
    padding: 3%;
    z-index: 1000;
    font-size: 3.4vw;
    text-align: center;

}

p.period.remaining {
  margin-top: 3%;
  margin-bottom: 1%;
}

.section_cv p.atention {
  font-size: 2.8vw;
  margin: 3% auto;
}

.section_cv span.date2 {
  font-size: 3.4vw;
    color: #e26972;
    margin-right: 2px;
}
.section_cv .atention span {
    text-decoration: underline;
    background: #f3d4d4;
}


/*secion01*/
.section01 h1 img {
    vertical-align: bottom;
}

section.movie_box {
  padding: 5%;
}

section.movie_box iframe {
  width: 100%;
  height: 220px;
}

/*secion02*/

.section02,.section03{
    font-family: "source-han-serif-japanese",serif;
    font-weight: 400;
}

.section02 {
    margin-bottom: 2%;
    background-size: 100%;

}

.section02 .txt em {
    font-size: 140%;
    color: #403b3c;
    font-weight: normal;
}

.section02 .txt em.plan_message {
    color: #e26972;
    font-weight: 500;
}

.section02 .txt mark {
    color: #e26972;
    background: none;
    font-weight: normal;
}

.section02 img {

}


dl.acMenu {
  width: 90%;
  margin: 0 auto;
}


dl.acMenu > dt{
  position: relative;
}

.acMenu > dt.active:after {
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: "";
  display: block;
  height: 8px;
  right: 15px;
  margin-top: -8px;
  position: absolute;
  top: 55%;
  width: 8px;
}
.acMenu > dt:after {
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  content: "";
  display: block;
  height: 8px;
  right: 15px;
  margin-top: -8px;
  position: absolute;
  top: 55%;
  width: 8px;
}


dl.acMenu > dd {
  display: none;
  padding: 9% 0 4%;
}

.section02,
.sample_area,
.party_area {
  background: url(../img/bg_img.png)repeat-y top center;
  background-size: 100% auto;

}

.party_area{
  margin-bottom: 8%;
}

.section02{
  padding-bottom: 0;
}

dl.contents_area {
  margin-top: 10%;
}


.party_area .tit {
  margin: 6% auto;
}

.party_area .contents_area dt {
  background: #403b3c;
  margin-bottom: 3%;
  padding: 2%;
  color: #FFF;
  width: 100%;
  text-align: center;
  font-size: 3.4vw;
}

dl.contents_area dd {
  margin-bottom: 4%;
}

.step5_area .ph {
  padding: 7% 0 0%;
}

.step5_area02 .ph {
  padding: 0 0 7%;
}

/*secion03*/

.section03 {
  background: #f9f9f9;
  position: relative;
  margin-bottom: 15%;
}

.section03 .inner.message01 .p01 {
  width: 60%;
  margin-left: 5%;
  padding-top: 21%;
}

.section03 .inner.message01 .p01_txt{
  margin-top: 4%;
}

.message03 .p01_txt {
  padding-bottom: 12%;
  margin-top: 10%;

}

.message02 .p01_txt {
  margin-top: 15%;
}

.section03 .inner.message01,
.section03 .inner.message02{
  margin-bottom: 10%;
}

.section03 .inner.message01 .p01_icon {
  position: absolute;
  right: 0;
  top: 1%;
  width: 29%;
  z-index: 999;
}

.section03 .inner.message02 {
  position: relative;
}

.section03 .inner.message02 .p01_icon {
  position: absolute;
  left: 0;
  top: -25%;
  width: 30%;
  z-index: 999;
}


.section03 .inner.message02 .p01 {
  width: 70%;
  float: right;
  position: relative;
}


.section03 .inner ul li {
    background: url(../img/icon_check.jpg) left top no-repeat;
    background-size: 22px;
    padding: 0% 0% 3% 10%;
    font-size: 110%;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 1%;
}

.section03 ul.check_list {
    padding: 4%;
}


.section03 ul.check_list em {
    color: #e26972;
    background: #ffef96;
    font-weight: 400;
}

.section03 ul.check_list mark {
    color: #eb2600;
    background: #ffd9c4;
    font-weight: 400;
}

/*section04*/
.section04 .txt {
    padding: 5%;
    margin-top: 5%;
}

.section04 p.txt.dotnone {
    margin-top: 0%;
}
.section04 {

}

.section04 .reason01,
.section04 .reason02,
.section04 .reason03,
.section04 .reason04,
.section04 .reason05{

}


.section04 .inner {

}

.section04 .slider img {
    width: 100%;
    margin: 0 auto;
}

/*section05*/
.section05 {
    background: #403b3c;
    padding: 5% 5% 10%;
}

.section05 ul.slick-dots {
    display: none !important;
}


.section07 {
  background: url(../img/bg_gold.png)repeat-y top center;
  background-size: 100% auto;
}

/*faq*/

section.section06 .p01 {
  margin-bottom: 5%;
  margin-top: 11%;
}

.faq dt {
  display: block;
  padding-left: 3em;
  text-indent: -1.4em;
  cursor: pointer;
  margin-bottom: 1px;
  position: relative;
  /* background: #628f88; */
  color: #628f88;
  border-bottom: dotted 1px #ccc;
  font-size: 3.7vw;
  font-weight: bold;
  text-align: left;
  box-sizing: border-box;
  padding: 0% 0% 2% 8%;
  width: 90%;
  margin: 0 auto;
}

.faq dt:before {
    content: "Q";
    color: #628f88;
    font-size: 100%;
    margin-right: 2%;
    font-family: 'Oswald', sans-serif;
}

.faq dd {
    padding: 5%;
    text-align: left;
    margin-top: -4px;
}

.section_info {
  padding: 12% 5% 0;
  text-align: center;
 }

 .section_info .tit {
   font-size: 6vw;
   line-height: 1;
   margin-bottom: 2%;
   font-family: "source-han-serif-japanese", YuMincho, '游明朝', serif;
 }

 .section_info .add {
   font-size: 3.4vw;
   margin-bottom: 2%;
 }

 .section_info .tel {
   font-size: 5vw;
   margin-bottom: 2%;
 }

 .section_info .tel a {
   text-decoration: none;
   color: rgb(35, 24, 21);
 }

 .section_info .open {
   font-size: 3.4vw;
   margin-bottom: 5%;
 }

 .section_info iframe {
   width: 100%;
   height: 200px;
 }

 /* section_fixed
----------------------------------------*/
.section_fixed {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  background: rgba(255,255,255,.8);
  padding: 8px 0;
}

.section_fixed .btn_fix {
  margin: 0 3%;
}

.section_fixed .btn_fix {
  margin: 0 3%;
  -webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: relative;
overflow: hidden;
-webkit-animation: 2.0s ease 0s normal btn_cv;
animation: 2.0s ease 0s normal btn_cv;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;

}

@-webkit-keyframes btn_cv {
  8% {-webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);}

  16% { -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);}

  25% { -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);}

  33% { -webkit-transform: scale(1, 1);
    transform: scale(1, 1);}

  }

@keyframes btn_cv {
  8% {-webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);}

  16% { -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);}

  25% { -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);}

  33% { -webkit-transform: scale(1, 1);
    transform: scale(1, 1);}

}

/*plan*/

.plan{
  padding-bottom: 2%;
}
.plan dl {
    width: 92%;
    margin: 9% 4% 0;
    border: 1px solid #403b3c;
}

.plan dt {
    width: 100%;
    background: #b68313;
    color: #FFF;
    text-align: center;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 16px;
}

.plan dd.tokuten {
    font-weight: bold;
    font-size: 16px;
    position: relative;
    padding: 10px 10px 10px;
}


.plan dd.tokuten strong {
    background-image: linear-gradient(transparent 50%, #ffe82b 50%);
    font-size: 110%;
    color: #403b3c;
}

.plan dd mark {
    background: none;
    background-image: linear-gradient(transparent 50%, #ffe82b 50%);
    font-size: 14px;
    color: #e26972;
    font-weight: bold;
}


.plan dd {

  padding: 3%;
  background: rgba(255,255,255,.9);
}

.plan dd li {
    padding: 10px 0 2px 0px;
    border-bottom: 1px dotted #CCC;
}
.plan dd li:last-child {
    border-bottom: none;
}

/*section06*/
.section06 {
    text-align: center;
    margin: 5%;
}

/*section08*/
.section08 {
  width: 100%;
}
.section08 ul {
  text-align: center;
  margin: 6% 0 15px;
}
.section08 ul li {
  display: inline-block;
}
.section08 ul li:first-child {
  margin-right: 20px;
}
.section08 ul li a {
  position: relative;
  text-decoration: none;
  color: #382700;
  font-size: 13px;
}
.section08 ul li a::after {
  position: absolute;
  display: block;
  content: ">";
  top: -3px;
  right: -15px;
}
/*footer*/
footer.footer {
  padding: 7px 0 42%;
  background: #403b3c;
}


/* section_cv */
/*.section_cv {
	background: #fff;
  color: #212121;
	padding: 15px 10px;
  text-align: center;
}*/

.section_cv .date_box .period {
  font-size: 15px;
  font-weight: bold;
}

.section_cv .date_box .period span {
  display: inline-block;
  vertical-align: middle;
}

.section_cv .date_box .period .box {
  font-size: 11px;
  border: 1px solid #2d2d2d;
  padding: 4px 7px;
  margin-right: 5px;
}

.section_cv .date_box .period .time {
  line-height: 2.0;
  vertical-align: bottom;
  font-size: 14px;
}


.section_cv .date_box .period em.month,
.section_cv .date_box .period em.date {
  font-size: 22px;
}

.section_cv .date_box .period em {
  font-weight: bold;
}

.section_cv .btn_cv {
	width: 100%;
  margin: 4px 0 0px;
  position: relative;
}
.section_cv {
  position: relative;
}

.section_cv a::before {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  height: 50%;
  width: 5em;
  display: block;
  position: absolute;
  top: 3em;
  left: -10em;
  -webkit-transition: none;
  transition: none;
  animation: sheen 4s linear 0s infinite;
  -webkit-animation: sheen 3s linear 0s infinite;
}

@-webkit-keyframes sheen {
  0% {
    -webkit-transform: skewX(-45deg) translateX(0px);
            transform: skewX(-45deg) translateX(0px);
  }
  33% {
    -webkit-transform: skewX(-45deg) translateX(700px);
            transform: skewX(-45deg) translateX(700px);
  }
  100% {
    -webkit-transform: skewX(-45deg) translateX(700px);
            transform: skewX(-45deg) translateX(700px);
  }
}
@keyframes sheen {
  0% {
    -webkit-transform: skewX(-45deg) translateX(0px);
            transform: skewX(-45deg) translateX(0px);
  }
  33% {
    -webkit-transform: skewX(-45deg) translateX(700px);
            transform: skewX(-45deg) translateX(700px);
  }
  100% {
    -webkit-transform: skewX(-45deg) translateX(700px);
            transform: skewX(-45deg) translateX(700px);
  }
}



.section_cv .txt {
	font-size: 9px;
}

.section_cv .favo {
  text-decoration: underline;
  font-weight: bold;
}

.btn_cv {
	width: 100%;
  padding-left: 18%;
  position: relative;
}

.btn_cv a {
  display: block;
  display: inline-block;
  border-radius: 10px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
}

.btn_cv .arrow {
  position: absolute;
  left: 0px;
  top: 11%;
  z-index: 9999;
  width: 22%;
}

.btn_cv a:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 5em;
  display: block;
  position: absolute;
  top: 0;
  left: -10em;
  -webkit-transition: none;
  transition: none;
  animation:sheen 3s linear 0s infinite;
	-webkit-animation:sheen 3s linear 0s infinite;
}

@-webkit-keyframes sheen {
  0% {
    -webkit-transform: skewX(-45deg) translateX(0px);
            transform: skewX(-45deg) translateX(0px);
  }
  33% {
    -webkit-transform: skewX(-45deg) translateX(700px);
            transform: skewX(-45deg) translateX(700px);
  }
  100% {
    -webkit-transform: skewX(-45deg) translateX(700px);
            transform: skewX(-45deg) translateX(700px);
  }
}
@keyframes sheen {
  0% {
    -webkit-transform: skewX(-45deg) translateX(0px);
            transform: skewX(-45deg) translateX(0px);
  }
  33% {
    -webkit-transform: skewX(-45deg) translateX(700px);
            transform: skewX(-45deg) translateX(700px);
  }
  100% {
    -webkit-transform: skewX(-45deg) translateX(700px);
            transform: skewX(-45deg) translateX(700px);
  }
}

.section_rec p {
	line-height:0;
}

.section_reason {
	overflow-x:hidden;
  background-position:0,0;
  background-repeat: repeat;
  margin-bottom: 5%;
}

.section_reason div {
  margin-bottom: 0%;
}

section.section02 .txt {
  padding-top: 0;
}

section.section02 .ph {
  padding-bottom: 12%;
}

.section_point {
  background-color: #fff;
  margin-bottom: 0;
  padding: 5%;
  margin-top: 10%;
}
.section_point img {
  width: 100%;
  vertical-align: top;
}

.section_point .slick-slider {
  margin-top: 3%;
}

.section_point .section_select {
  background-color: #e26972;
  padding: 0 5% 5%;
  margin-bottom: 5%;
}

.section_point .select_block .wrap {
  background-color: #fff;
  padding: 5%;
}

.section_point .select_block .wrap .tit {
  margin-bottom: 3%;
}

.section_point .select_block .wrap .txt {
  font-size: 3.4vw;
  margin-top: 3%;
}

.section_reason .anc_btn{
  text-align: center;
}

.section_reason .anc_btn li{
  display: inline-block;
}

.section_reason .anc_btn li:nth-child(1),
.section_reason .anc_btn li:nth-child(2),
.section_reason .anc_btn li:nth-child(3){
  width: 30%;
}

.section_reason .anc_btn li:nth-child(4),
.section_reason .anc_btn li:nth-child(5){
  width: 42%;
}

.reason {
    padding: 0 14px 10px;
}

.section_ceremony {
  padding: 20px 0 0px;
  background: #FFFBED;
}

.section_ceremony .anc_btn{
  text-align: center;
}

.section_ceremony .anc_btn li{
  display: inline-block;
  width: 46%;
  margin-bottom: 10px;
}

.section_ceremony .anc_btn li:nth-child(3),
.section_ceremony .anc_btn li:nth-child(4){
  margin-bottom: 0px;
}

.section_ceremony .anc_btn li img{
  vertical-align: bottom;
}

.section_flow {
  margin: 0 5%;
}

.section_flow p:last-child {
  margin-top: 10px;
}

.section_price {
  margin-top: 15px;
}


.section_voice {
}

.section_faq {
  padding: 0 0;
}

.section_faq .tabs{
  text-align: center;
}

.section_faq .tabs li{
  width: 25%;
  display: inline-block;
}

.section_faq .tabs li:last-child{
  width: 41%;
}

.section_faq .tabs li a{
  display: block;
}

.section_faq .inner {
    padding: 5px 10px 0;
}
.section_faq dl {
	text-align: left;
	margin-bottom: 0px;
  padding: 0 0px;
  border-top: 1px solid #403b3c;
}

.section_faq dt {
  padding: 10px 0 5px;
  color: #b78700;
  font-size: 13px;
}

.section_faq dd {
	padding: 0 0 10px;
  border-bottom: 1px dotted #403b3c;
}

/* section_access*/
.section_access .inner {
  margin: 0 15px;
}

.section_access li {
  margin-bottom: 30px;
  text-align: center;
}

.section_access li iframe{
  width: 100%;
  height: 220px;
  border: 2px solid #2d2d2d;
  margin-bottom: 5px;
}

.section_access li .data {
  margin-bottom: 10px;
}


.section_access li .tel a{
  font-size: 28px;
  font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  color: #2d2d2d;
  text-decoration: none;
  font-weight: bold;
}

.section_access li .tit {
  border-top: 1px solid #2d2d2d;
  border-bottom: 1px solid #2d2d2d;
  margin: 15px 10px 5px;
  padding: 4px 0;
}


/* section_ftbtn */
.section_ftbtn {
	background: #fff;
	padding: 0 5% 10%;
}

.btn_map {
	width: 96;
	margin: 0 auto 15px;
}

.btn_map a {
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #8d8d8d;
	position: relative;
}

.btn_map a::after {
	display: block;
	content: "";
	border: 3px solid transparent;
	border-left: 5px solid #fff;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
}

.btn_line {
	width: 100%;
}

.btn_line a {
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	border-radius: 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #00bb23;
	position: relative;
	padding-right: 10%;
}

.btn_line a::after {
	display: block;
	content: "";
	width: 98px;
	height: 30px;
	background: url(../img/line_bg.png) no-repeat;
	background-size: 98px 30px;
	position: absolute;
	top: 50%;
	right: 3px;
	margin-top: -15px;
}


footer .inner {
	padding:0 10px 20px;
	text-align:center;
	color:#4b3005;
}

footer .inner ul {
  margin: 15px 0;
}

footer .inner li {
	display:inline-block;
	width:25%;
	padding:0 5%;
}

footer .inner .line {
	margin-bottom:15px;
}

footer .inner .sub {
	padding:3px;
	margin-top:13px;
	border-radius:4px;
	background:#4a3005;
	color:#fff;
	font-size:0.85em;
	font-weight:bold;
	text-align:center;
	width:30%;
	float:left;
}

footer .inner .tel {
	font-family: "Pathway Gothic One",sans-serif;
	font-weight:bold;
	font-size:2.4em;
	line-height:1.4;
	width:70%;
	float:right;
}

footer .inner a {
	color:#4b3005;
	text-decoration:none;
}

footer .copyright {
	background:#F38E86;
	color:#fff;
	text-align:center;
	padding:5px 0 65px;
	font-size:0.8em;
}

#form footer .copyright {
	padding:5px 0;
}

footer .copyright {
	background:#403b3c;
	color:#fff;
	text-align:center;
	padding:5px 0;
	font-size:0.8em;
}

.fixed_footer .btn_menu a {
	position:fixed;
	top:10px;
	right:5%;
	border: 0;
	display: block;
	width:7%;
	height: 15px;
  padding-top: 5%;
	box-sizing:border-box;
	z-index: 10;
	outline: 0; }
  .fixed_footer .btn_menu a:hover {
    cursor: pointer; }

.fixed_footer .btn_menu a span {
  position: relative;
  width:100%;
  display: block; }
  .fixed_footer .btn_menu a span, .fixed_footer .btn_menu a span:before, .fixed_footer .btn_menu a span:after {
    height:2px;
    width: 100%;
    /*border-radius: 1px;*/
    background-color:#403b3c;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
         -o-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
            transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
  .fixed_footer .btn_menu a span:before, .fixed_footer .btn_menu a span:after {
    position: absolute;
    content: " ";
    top: -8px;
    left: 0; }
  .fixed_footer .btn_menu a span:after {
    top: 8px; }

  .fixed_footer .btn_menu.open a {
    display:none; }


.btn_close a {
	position:fixed;
	top:0%;
	right:1%;
	border: 0;
	display: block;
	width:50px;
	height: 50px;
	padding:25px 13px;
	box-sizing:border-box;
	z-index: 10001;
	outline: 0; }
  .btn_close a:hover {
    cursor: pointer; }

.btn_close a span {
  position: relative;
  width:100%;
  display: block; }
  .btn_close a span, .btn_close a span:before, .btn_close a span:after {
    height:2px;
    width: 100%;
    /*border-radius: 1px;*/
    background-color:#403b3c;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
         -o-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
            transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
  .btn_close a span:before, .btn_close a span:after {
    position: absolute;
    content: " ";
    top: -6px;
    left: 0; }
  .btn_close a span:after {
    top: 6px; }
  .btn_close a span {
    background-color: transparent; }
  .btn_close a span:before, .btn_close a span:after {
    top: 0; }
  .btn_close a span:before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg); }
  .btn_close a span:after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg); }