body{
	z-index: 0;
}

#gift_content{
    font-family: "Garamond","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	 text-align: center;
	 
	padding:50px 20px;
}

#gift_content p{
	font-size:16px;
	box-sizing:border-box;
	line-height:34px;
}

#gift_content h1{
	padding:0;
    font-size: 30px;
    line-height: 1.8;
    letter-spacing: .05em;
	color:#333;
}

#gift_content h2{
	font-size:28px;
	line-height:165px;
	display:inline-block;
	position:relative;
}

#gift_content h2::after{
	content: "";
    position: absolute;
    left: 35%;
    right: 0;
    bottom: 35%;
	border-bottom:#D0B608 3px solid;
	width:100px;
}

#reataurant_gift, #stay_gift{
	margin-top:80px;
	}

#reataurant_gift img, #stay_gift img{
	float:left;
}

.img1{
	width:320px;
	height:auto;
}

#reataurant_gift p, #stay_gift p{
	margin:40px 20px;
	width:340px;
	text-align:left;
}

.detail{
	text-align:left;
	padding:30px;
	box-sizing:border-box;
}

.detail dt,.detail dd{
	margin:0;
	font-size:16px;
	color:#000;
	padding:5px 20px;
	box-sizing:border-box;
	line-height:34px;
	border-bottom:#787878 1px solid;
}

.detail dt:last-of-type,.detail dd:last-of-type{
	border-bottom:none;
}

.detail dt{
	background-color:#E1DFDF;
	width:40%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	align-items: center;
}

.detail dd{
	width:60%;
}

.detail dd span{
	font-size:18px;
}

#gift_content #stay_gift h2::after {
    left: 18%;
}

#stay_gift{
	margin-top:40px;
}

#contact_form{
	border:#CCCCCC 10px solid;
	padding:30px;
	box-sizing:border-box;
}

#contact_form h3, #gift_note h3{
	font-size:20px;
	letter-spacing:0.15em;
}

#contact_form li, #gift_note li{
	text-align:left;
	margin:10px auto;
	font-size:14px;
	line-height:25px;
	text-indent:-1em;
	padding-left:1em;
}



#gift_note{
	margin-top:40px;
	padding:30px;
	box-sizing:border-box;
}

#gift_note h3{
	position:relative;
	display:block;
	width:100%;
	height:28px;
}

#gift_note h3::after{
	content:"";
	width:100%;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	border-bottom:#CCCCCC 1px solid;
}

.btn {
    width: 325px;
    height: 46px;
    box-sizing: border-box;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin: 20px auto;
    border-radius: 50px;
    background: rgb(4, 122, 72);
}

.btn a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
}

.btn p {
    display: inline-block;
    font-size: 18px !important;
    line-height: 46px !important;
	margin:0 !important;
}

.btn:hover {
	opacity:0.8;
}



.flex{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	justify-content:space-between;
	margin:40px 0;
	
	flex-wrap:wrap;
}

/*フェードイン*/
.fade{
	opacity: 0;
	transition: .8s;
}

.fadein{
	opacity: 1.0;
	transition: .8s;
}

/* モーダルCSS */
#openModal{
	color:#05B7C0;
	text-decoration:underline;
	cursor:pointer;
}

.modalArea {
  display: none;
  position: fixed;
  z-index: 10; /*サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30,30,30,0.9);
}

.modalWrapper {
	font-family: "Garamond","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 30%;
  max-width: 500px;
  padding: 10px 30px;
  background-color: #fff;
  text-align:left;
  font-size:16px;
  line-height:1.8;
}

.closeModal {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}

.info{
	margin-top:30px;
	text-align:center;
	padding:30px;
	border:1px solid rgba(201,197,197,1.00);
}

.info h3{
	font-size:1.3rem;
	}

.info p{
	font-size:0.7rem;
	line-height:1.5 !important;
	padding-bottom:10px;
}

.info .red{
	font-weight:bold;
	color:rgba(253,0,4,1.00);
}


@media screen and (max-width: 750px){
#gift_content{	
	font-family: 'Noto Serif JP', serif;
}
	
#gift_content h1{
	font-size:28px;
}

#gift_content img{
	    width: calc(100% - 4px);
}

#gift_content{
	padding:20px 0;
}

.flex{
	margin:20px 0;
	display:block;
}

#reataurant_gift, #stay_gift{
	margin-top:30px;
	}
	
#gift_content h2{
	line-height:45px;
	margin-top:20px;
	font-size:24px;
	}
	
#gift_content h2::after{
	bottom:0;
}
	
.detail {
	display:block;
    padding: 0;
	margin:20px 0;
}

.detail dt, .detail dd {
    padding: 5px;
}

.detail dt{
	width:100%;
	text-align:center;
}

.detail dd {
	width:100%;
}

#reataurant_gift p, #stay_gift p {
	width:100%;
	margin:0;
	padding:10px;
}

#contact_form,#gift_note{
	padding:10px;
}

#gift_note h3{
	height:auto;
}

#contact_form h3, #gift_note h3{
	line-height:1.8;
}

.img1{
	width:100% !important;
}

.btn{
	width:90%;
	height:auto;
}

.modalWrapper {
	width:70%;
}

}