@charset "utf-8";
/* CSS Document */

.fes_color1 {color:#de428b;}
.fes_color2 {color:#946a26;}
.fes_color3 {color:#221715;}
.fes_color4 {color:#fff;}

.fes_bgcolor1 {background-color:#de428b;}
.fes_bgcolor2 {background-color:#946a26;}
.fes_bgcolor3 {background-color:#221715;}
.fes_bgcolor4 {background-color:#fff;}
.fes_bgcolor5 {background-image:url(../img/bg_30th_aniv.gif); background-repeat:repeat;}

.fes_mt1 { margin-top:7%; }

.fes_line1 {border-bottom:solid 1px #fff; margin-bottom:2%; margin-top:2%;}

.fes_inner { width:100%; margin:0 auto;}

.fes_font1 { font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:62.5%;}

.contract { height:10em; overflow: scroll; overflow-x: hidden; padding:8%; border:solid 1px #9D8563; margin:5% 2%;}

.button {
	display: inline-block;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 4px solid #de428b;
	color: #de428b;
	line-height: 50px;
	overflow: hidden;
}
.button:hover {
	color: #fff;
}
.button::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.button:hover::after {
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	background: #de428b;
}


#fes_header { top:0px; left:0px; width:100%; height:60px; }

#weddimg_header_logo { background-image:url(../img/newnaga_header_logo.png); background-size:100% !important; width:18%; padding:1%; margin-left:3%;}
#30th_logo { background-image:url(../img/30th_aniv.png); background-size:100% !important; width:30%; padding:3%; margin-left:3%;}

#fes_header_inner { position:relative; width:960px; height:60px; text-align:left; margin:0 auto; }
#fes_header_logo { top:20px; }

#fes_footer_info { position:relative; width:100%; background-color:#221715;}
#fes_footer_logo { position:absolute; width:310px; height:60px; left:0; top:42px; background-image:url(../img/footer_logo.png); }
#fes_footer_logo a { display:block; width:310px; height:60px; }

@media screen and (min-width:100px) { 
    /*　画面サイズが100pxからの表示　*/
.fes_contents_inner { position:relative; width:96%; text-align:left; margin:0 auto; padding:0; }
.fes_info_inner { position:relative; width:96%; text-align:left; margin:0 auto; padding:20px 0px 20px 0px; }
.fes_box { border:solid 1px #9D8563; background-color: #F4EBCC; padding:1%; }

.fes_box2 {
	border:solid 3px #946a26;
	background-color: #fff;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	padding:3%; }
	
.button { width:90%; margin-bottom:1%; }

.trstl { text-align:left;}

}

@media screen and (min-width:480px) { 
    /*　画面サイズが480pxからの表示　*/
.fes_contents_inner { position:relative; width:96%; text-align:left; margin:0 auto; padding:0; }
.fes_info_inner { position:relative; width:96%; text-align:left; margin:0 auto; padding:20px 0px 20px 0px; }
.fes_box { border:solid 1px #9D8563; background-color: #F4EBCC; padding:1%; }

.fes_box2 {
	font-size:80%;
	border:solid 3px #946a26;
	background-color: #fff;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	padding:3%; }
	
.button { width:55%; margin:4% 4% 1% 4%; }

.trstl { text-align:left; }
	
}

@media screen and (min-width:768px) {
.trstl { text-align:right; }
}

@media screen and (min-width:960px) {
    /*　画面サイズが960pxからからの表示　*/
.fes_contents_inner { position:relative; width:1124px; text-align:left; margin:0 auto; padding:0; }
.fes_info_inner { position:relative; width:960px; text-align:left; margin:0 auto; padding:20px 0px 20px 0px; }
.fes_box { border:solid 1px #9D8563; background-color: #F4EBCC; padding:3%; }

.fes_box2 {
	border:solid 3px #946a26;
	background-color: #fff;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	padding:4%;
	margin-right:20px;
	font-size:62.5%;}
	
.button { width:45%; margin:3% 3% 1% 3%; }
}