@charset "utf-8";
.sp{display: none!important}
.pc{display: block}
body   {
    margin: 0;
	 font-family: "ヒラギノ明朝 ProN W3", serif;

}
header {
    width: 100%;
}
img{width:100%;height: auto}

ol, ul {
    list-style: none;
}
a{
	font: inherit;
    color: inherit;
    text-decoration: none;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
	display: inline-block;
}
section{
	display: inline-block;
	width:100%;
}
.menu {
    padding: 20px;

}

.main_visual h1 {
        position: relative;
    //width: 30%;
    margin: auto;
  //  min-width:450px;
}
.main_visual h1 img {
width:100%;
}
.main_visual {
    background-image: url("images/resort_wedding.jpg");
    width: 100%;
    height: calc(100vh - 130px);
    
   // display: inline-flex;
    background-size: cover;
    text-align: center;
    vertical-align: middle;
}

.main_title{
width: 30%;
    position: relative;
    top: 50%;
    left: 50px;
    max-width: 450px;
    min-width: 380px;
}
.point_wrapp .point_list {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.first_p{
	    background-image: url("images/scene_01_point_pc.jpg");
}
.sec_p{
	    background-image: url("images/scene_02_point_pc.jpg");
}
.third_p{
	    background-image: url("images/scene_03_point_pc.jpg");
}
.four_p{
	    background-image: url("images/scene_04_point_pc.jpg");
}

.five_p{
	    background-image: url("images/scene_05_point_pc.jpg");
}

.point_list .descri_area{
	min-height: 460px;
	    width: 85%;
    padding-top: 30px;
    	padding-bottom: 10px; 
    display: block;
	
	margin:0 auto;
		

}
.first_p .descri_area,.third_p .descri_area,.five_p .descri_area {
		padding-left: 20px;
    text-align: right;
}
.page_description p {
    width: 85%;
    margin: 64px auto;
    line-height: 2.5;
    text-align: center;
}

.sec_p .descri_area, .four_p .descri_area  {
		padding-right: 20px;
    text-align: left;
}

.sec_p h2 span,.four_p h2 span{
margin-left: -100px;
}
section .descri_area p {
}
section .descri_area .des_txt span {
    font-size: min(15 / 390 * 100vw,0.8rem);
    background: #ffffffee;
   font-weight: 600;
}

.party_descri p,.descri_box{
line-height:1.9;
}

.other_ex li img {
    width: 100%;
	border: 5px solid white;
}
.descri_area .other_ex li {
    float: left;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 0px;
    width: 180px;
	font-family:"Meiryo",YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-size: min(15 / 390 * 100vw,0.7rem);
    text-align: left;
    list-style: none;
}
section .descri_area h2 span {
    font-family: "ヒラギノ明朝 ProN W3", serif;
    font-size: 0.9em;
    padding: 0 5px;
    background-color: #FFFFFF;
}
li p span {
    background-color: #ffffffcc;
	line-height: 1.7;
}

.descri_area h2:before     {
    content: "";
    width: 100px;
    height: 70px;
    display: inline-block;
}

.first_p .descri_area h2:before{
    background: url("images/Scene1.png");
	background-size: contain;
}
.sec_p .descri_area h2:before{
    background: url("images/Scene2.png");
	background-size: contain;
	margin-bottom:30px;
}
.third_p .descri_area h2:before{
    background: url("images/Scene3.png");
	background-size: contain;
}
.four_p .descri_area h2:before{
    background: url("images/Scene4.png");
	background-size: contain;
	margin-bottom:30px;
}
.five_p .descri_area h2:before{
    background: url("images/Scene5.png");
	background-size: contain;
}

section .descri_area .other_ex {
    display: inline-block;

}
.other_ex {
	
	padding:0;
}
.other_ex li:nth-child(2n+1)  {
 
    clear: both;
}
.party .party_wrapp {
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
    width: 80%;
}
.party_box{
   display:flex;
    text-align: center;
    padding: 5% 0;
    font-size:min(15 / 390 * 100vw,0.9rem);
	
}
.party_img{
width:65%;
height:fit-content;
}
.party_descri{
margin-left:4%;
text-align:left;
margin-bottom:100px;
}
.party_descri p{
margin-bottom:50px;
}
.party_wrapp .cnt_box .cnt_img {
    float: left;
    width: 55%;
}
.cnt_box .cnt_img img {
    width: 100%;
}
.party_wrapp .cnt_box .cnt_text {
    float: left;
    padding: 0 5%;
    width: 35%;
}
.party {
background-color: #f5f5f5;
    text-align: center;
}

.party .party_wrapp .cnt_box {
    margin: 10px auto;
    padding-top: 3%;
    padding-right: 3%;
    padding-left: 3%;
    padding-bottom: 3%;
    width: 70%;
    display: inline-block;
    border: 1px solid #ccc;
    text-align: left;
    background-color:white;
}
.cnt_box .cnt_text .title {
    font-family: inherit;
    font-size: 1.3em;
    font-weight: 600;
}
.cnt_box .cnt_text p {
    font-size:min(15 / 390 * 100vw,0.9rem);
}


.chapel h2 ,.loca_photo h2,.party h2,.plan h2{
    margin: 50px auto;
    width: 80%;
    text-align: left;
}
.plan .plan_wrap {
    background-color: white;
    width: 80%;
    margin: 0 auto 50px;
    text-align: center;
    padding: 50px 0;
}

.chapel img {
    width: 100%;
}
.chapel .main_v {
    width: 100%;
    height: 45vw;
    background-image: url("images/chapel_main.jpg");
    background-size: cover;
    position: relative;
}

.loca_photo .main_v {
    width: 100%;
    height: 45vw;
    background-image: url("images/loca_main.jpg");
    background-size: cover;
    position: relative;
        background-position-y: bottom;
}


.chapel .descri_box,.loca_photo .descri_box {
    width: 420px;
    font-size:min(15 / 390 * 100vw,0.9rem);
    background: #fffc;
    position: absolute;
    right: 50px;
    padding: 20px;
    bottom: 50px;
}
.chapel .descri_box h3 {
font-size:1.0em;
}

.chapel .descri_area {
display:flex;
    margin: 50px auto 50px;
    width: 80%;
}
.crds_box {
    font-size:min(15 / 390 * 100vw,0.9rem);
    //float: left;
    margin-left: 4%;
    width: 36%;
        place-self: flex-end;
}
.crds_box p {
    font-size: 0.6em;
}
.chapel .zona_yoko  {
    width: 60%;
    //float: left;
    
}
.chapel .descri_area:after  {
    content: "";
    clear: both;
    display: block;
}
.plan{
    background-color: #f5f5f5;
}
div ul li {
}

.wrapp {
    margin: 0px auto;
    width: 80%;
}




.chapel .zona_tate  {
    float: left;
    width: 22%;
}

.party_box h3{font-size:1.7em;margin-top:0}
.party_box h4{ font-size:1.3em}



//.party_box img  {
//    width: 100%;
//}

.loca_photo .list_loca {
    width: 100%;
	margin-bottom: 50px;
}
.loca_photo .list_loca ul {
    padding: inherit;
    display: flex;

}
.list_loca ul li {
    flex: 1 0 0;
    width: 33%;
    padding: 1%;
    list-style: none;
}
.list_loca ul li img {
    width: 100%;
}
.plan_cont ul li {
    font-size: 1.3em;
    list-style: none;
    background: linear-gradient(transparent 70%, #ffc0cc 50%);
    display: table;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px
}
.plan_wrap .plan_cont ul {
    padding: 0;
    margin-bottom: 50px;
}
.contents_in .cnt_box .cnt_left {
    font-family: 'A-OTF-A1MinchoStd-Bold',YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    color: #565656;
    font-size: 20px;
    line-height: 45px;
    
    width:90%;
 
}
.menu img {
    width: 180px;
    display: block;
}


#contact_footer .contents_in .cnt_box {

    width: 80%;
    margin: 0 auto;
    
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between
}
.cnt_box .cnt_right .next_btn.next_btn01 {
	margin: 0 0 24px;
     text-align:center;
 padding: 25px 20px;
     transition: all .3s;
     background-color: #094a69;
}
#contact_footer .contents_in {
	padding: 122px 0 134px;
    position: relative;
}
.cnt_right .next_btn a  {
    display: block;
   
   
    text-align: center;
   
    font-size: 15px;
    transition: all .3s;
    color: white;
   
    text-decoration: none;
}





.plan_wrap .plan_cont p {
    font-size:min(15 / 390 * 100vw,0.7rem);
}
.plan .plan_wrap .plan_cont {
    padding-bottom: 30px;
    padding-top: 10px;
}
.plan .plan_wrap h3 {
    margin: 0 auto 30px;
    font-size: 1.7em;
}
.descri_area .crds_box img {
    width: 100%;
    margin-top: 20px;
}
.cnt_box .cnt_left span {
    font-size: 0.9em;
}
.contents_in .cnt_box .cnt_right {
width:90%;
padding:5%;
}

footer {
    padding: 30px 0 82px;
    background-color: #f3f3f3;
}
.footer-container {
    padding: 40px 40px 20px 40px;
}
.footer-container:after {
    content: "";
    display: block;
    clear: both
  }


  .footer-contact {
    float: left
  }

  .footer-menu {
    float: right;
    display: table;
    text-align: right
  }

  .footer-menu li {
    display: table-cell;
    border: none;
    line-height: 1;
    text-align: center
  }

  .footer-menu li+li {
    border-left: 1px solid #949494
  }

  .footer-menu a {
    padding: 0 2em
  }

  .footer-menu li:last-child a {
    padding-right: 0
  }

  .footer-bottom {
    clear: both
  }

  .footer-bnr {
    width: 30%;
    min-width: 300px;
    max-width: 400px;
    margin: 30px 0 30px auto
  }
 .footer-menu a {
    padding: 0 1em
  }
.footer-bnr {
    margin: 50px 0 80px;
    text-align: center;
}
.wedding-dial{
	line-height:1.4;
	    font-style: normal;
}
.wedding-dial .txt01{margin-bottom:0}
.wedding-dial .txt02 span{font-family:Lato,sans-serif;font-size:28px;font-weight:700}
.footer-bnr {
    width: 30%;
    min-width: 300px;
    max-width: 400px;
    margin: 30px 0 30px auto;
}
.footer-link {
    text-align: right;
}
.copyright {
    display: inline-block;
    padding-left: 25px;
}




@media (max-width:768px){

body{

font-size:0.8rem;
}
	.sp{display: block!important}
.pc{display: none!important}
.menu a img {
    width: 50%;
}

.plan_cont ul li {
background: none;
//    border-bottom: 2px solid #fcc;
margin-top:35px;
 }

.plan_syousai{
text-align:left;
}

 .descri_area h2 {
    margin-left: -60px;
}
.descri_area h2 span {
    margin-left: -40px;
}
.descri_area .other_ex li {
	width: 46%;
    padding: 2%;
}



.menu {
    padding: 5px;
}
.main_visual {
    background: url("images/resort_wedding_sp.jpg");
    background-size: cover;
    background-position:right;
    height: calc(75vh - 66px);
}
.main_visual h1 {
//	width:85%;
//	  top:50%;
//  left:50%;
//  transform:translate(-50%,-50%);
}


.main_title{
top:85%;
left:0px;
width:80%;
min-width:50px;
}


.main_visual h1 img{
    width: 100%;
    margin: auto;
    margin-left:20px;
    }

.page_description p {
	font-size:min(15 / 390 * 100vw,0.9rem);
}

.first_p{
	    background-image: url("images/scene_01_point_sp.jpg");
}
.sec_p{
	    background-image: url("images/scene_02_point_sp.jpg");
}
.third_p{
	    background-image: url("images/scene_03_point_sp.jpg");
}
.four_p{
	    background-image: url("images/scene_04_point_sp.jpg");
}

.five_p{
	    background-image: url("images/scene_05_point_sp.jpg");
}
.point_wrapp .point_list {
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    padding-top: 90.75vw;
	background-color: #f9f9f9;
}

.point_list .descri_area {
   
    padding:10px 0;
    display: block;
    margin: 0 auto;
	text-align: center;
}
	.descri_area h2 span{
		display: inline-table;
		background-color:transparent!important;
	}
	.descri_area .des_txt span {
		background: none!important;
	}
	.descri_area h2:before {
		margin-bottom: 0px!important;
	}
	section h2{text-align: center!important;font-size: 1.5em;}
	
	.chapel .main_v,.loca_photo .main_v{
	background:none;
		height:auto;
		background-position: center
	}
	
	.chapel .descri_box, .loca_photo .descri_box {
	
	position:relative;
		background-color: transparent;
		right:0;
		bottom:0;
		width:80%;
		margin:0px auto;
	}
	.chapel .descri_area{
		margin: 30px auto 50px;
    width: 85%;
    display: block;
	}
	.chapel .zona_yoko {
    width: 100%;
		float: none;
	}
	.crds_box{
		width: 100%;
	margin-left: 0;
		float: none;
	}
	.loca_photo .list_loca {
    
}
	.party .party_wrapp{
		width: 100%;
	}
	.party_descri{
	width: 85%;
    text-align: center;
    margin: 30px auto;
	}
	
	.party_box h3{
	    font-size: 1.25em;
	}
	.party .party_wrapp .cnt_box{
		width: 85%;
		padding: 5%;
		
	}
	.party .party_wrapp .cnt_box .cnt_img{
		width: 100%;
	}
	.party_wrapp .cnt_box .cnt_text{
		width: 100%;
		padding: 5% 0;
		text-align: center;
	}
	.party_box{
	display:inline-block;
		
	}
	.plan .plan_wrap{
		    padding: 10%;
    width: 80%;
	}
	.party_img{
	width:100%;
	height:auto;
	}
	#contact_footer .contents_in{
		padding: 50px 0;
	}
	#contact_footer .contents_in .cnt_box{
		display: block;
		width: 95%;
	}
	.cnt_box .cnt_left{
		    margin-bottom: 30px;
		font-size: 3vw;
		padding:0 5%;
	}
	
	.contents_in .cnt_box .cnt_left{
	font-size: 1.0em;
	line-height: 1.5;
	}
	
	.cnt_box .cnt_left span {
    
    margin-bottom: 10px;
    display: inline-block;
	}
	.contents_in .cnt_box .cnt_right{
	text-align: center;
    margin: 0 auto;
		max-width: inherit;
		}
	.footer-container {
	text-align: center;
		padding: 20px;
	}
	.footer-contact {
		float: none;
		width: 100%;
	}
	.footer-menu{
		display: none;
	}
	.footer-bnr{
		margin: 30px auto;
		width:80%;
	min-width: 280px;
	}
}
