h2 {
	height: 183px;
	width: 227px;
	padding: 0 15px 15px 23px;
	margin:0;
	float: left;
}
#img01 {
	width:950px;
	height: 450px;
	z-index:2;
}
.box p{
	width:435px;
	height:auto;
	z-index:3;
	margin:0;
	position:absolute;
	bottom:0;
	left:0;
}
.box{
	position:relative}
#img02 {
	width:465px;
	height:300px;
	margin:20px 20px 0 0;
	background-color:#000;
	float:left;
	border-radius: 7px;        /* CSS3草案 */  
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 7px;   /* Firefox用 */  
}
	
#img03 {
	width:465px;
	height:300px;
	margin:20px 0 0 0;
	background-color:#000;
	float:left;
	border-radius: 7px;        /* CSS3草案 */  
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 7px;   /* Firefox用 */  
}
#img02 img,#img03 img{
	width:465px !important;
	height: auto;
}
#img04 {
	width:366px;
	height:302px;
	margin:20px 20px 0 0;
	background-color:#000;
	float:left;
	border-radius: 7px;        /* CSS3草案 */  
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 7px;   /* Firefox用 */  
}
#img04 img{
	width:366px !important;
	height: auto;
}
#img05 {
	width:303px;
	height:250px;
	margin:20px 20px 0 0;
	background-color:#000;
	float:left;
	border-radius: 7px;        /* CSS3草案 */  
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 7px;   /* Firefox用 */  
}
#img06 {
	width:303px;
	height:250px;
	margin:20px 0 0 0;
	background-color:#000;
	float:left;
	border-radius: 7px;        /* CSS3草案 */  
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 7px;   /* Firefox用 */  
}
#img07 {
	width:465px;
	height:250px;
	margin:20px 20px 0 0;
	background-color:#000;
	float:left;
	border-radius: 7px;        /* CSS3草案 */  
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 7px;   /* Firefox用 */  
}
#img08 {
	width:268px;
	height:302px;
	margin:20px 20px 0 0;
	background-color:#000;
	float:left;
	border-radius: 7px;        /* CSS3草案 */  
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 7px;   /* Firefox用 */  
}
#img08 img{
	width:268px !important;
	height:auto;
}
#img09 {
	width:268px;
	height:302px;
	margin:20px 0 0 0;
	background-color:#000;
	float:left;
	border-radius: 7px;        /* CSS3草案 */  
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 7px;   /* Firefox用 */  
}
#img09 img{
	width:268px !important;
	height:auto;
}
.btn a:link img{
	border:none;
	border-radius: 7px;        /* CSS3草案 */  
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 7px;   /* Firefox用 */  
}
.btn a:hover img{
	border-radius: 7px;        /* CSS3草案 */  
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 7px;   /* Firefox用 */  
}
#img08 a img,#img09 a img {
	width:222px;
	height:auto;
}
#bridal_btn{
	margin:20px 0 0 0;
	font-family: harenosora;
}
#bridal_btn a{
	width:100%;
	padding:3% 0;
	display:block;
	color:#fff;
	border:#d8d5ce solid 1px;
	border-radius:5px;
	background:linear-gradient(rgba(239, 235, 226, 0.5), rgba(204, 194, 168, 0.7));
	text-decoration:none;
	font-size:23px;
}
#bridal_btn a:hover{
background:linear-gradient(rgba(210, 210, 210, 0.6), rgba(117, 117, 117, 0.6));
border-color:#ccc;
}
#attention{
	margin:40px 0;
	padding:50px 0;
	background-color:#fff;
	border-radius:5px;
	color:#837c7b;
	font-size:14px;
	line-height:2.1em;
	font-family: 'Sawarabi Mincho', sans-serif;
	letter-spacing:0.1em;
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.7));
}
#attention h4{
	margin:0 0 30px 0;
	padding:0 0 15px 0;
	font-size:18px;
	color:#ac8178;
	border-bottom:#f1eae7 solid 1px;
}
#attention a{
	width:80%;
	margin:30px auto 0 auto;
	padding:20px 0;
	color:#ac8178;
	display:block;
	background:linear-gradient(rgba(255, 255, 255, 1), rgba(241, 234, 231, 1));
	text-decoration:none;
	border:#f1eae7 solid 1px;
	font-size:16px;
	text-align:center;
}
#attention a:hover{
	background:linear-gradient(rgba(255, 255, 255, 1), rgba(230, 230, 230, 1));
	border:#e6e6e6 solid 1px;
}
	
@media (max-width: 550px) {
#img01 {
	width:100%;
	height:250px;
	padding-top:0px;
	z-index:2;
	background-size:cover;
}
.box p{
	width:80%;
}
.box p img{
	width:100%;
	height:auto;
}

.btn a:link img{
	width:100%;
	border:none;
	border-radius: 7px;        /* CSS3草案 */  
}
.btn a:hover img{
	width:100%;
	border-radius: 7px;        /* CSS3草案 */  
}
#bridal_btn{
	width:90%;
	margin:0 auto;
}
#bridal_btn a{
	padding:5% 0;
	font-size:calc(11px + 1.3vw);
}
#attention{
	width:80%;
	margin:10% auto;
	padding:5%;
	border-radius:5px;
	font-size:calc(11px + 0.7vw);
	line-height:1.8em;
	letter-spacing:0em;
	text-align:left;
}
#attention h4{
	margin:2% 0 5% 0;
	padding:0 0 15px 0;
	font-size:calc(11px + 1.5vw);
	color:#ac8178;
	text-align:center;
}
#attention a{
	width:92%;
	margin:6% auto 2% auto;
	padding:6% 4%;
	font-size:calc(11px + 0.8vw);
	line-height:1.6em;
	text-align:center;
}
}

