@charset "utf-8";

/* =====================================================
reset
===================================================== */

body {
    line-height:1;
    margin:0;
}

h1, h2, h3, h4, h5, h6, p { margin: 0; }

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block; }

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

ul { list-style:none; }
ul,li,dl,dt,dd { margin:0; padding:0; }

input, select { vertical-align:middle; }

a { display: block; }
a { -webkit-tap-highlight-color:transparent; }

/* はみ出し対策 */
body { width:100%; }

/* =====================================================
set
===================================================== */

body{
	background:#FBF1E3;
	font-size:14px;
	color:#643000;
}
a,a:visited {
	text-decoration: none;
}
a:hover,a:active{
}
#header .container,
#contents,
.gnavi,
#sns-link,
#related-link,
#footer,
#index-topimg,
#index-gnavi,
#index-info{
	width:100%;
	/* max-width:640px; */
	margin:0 auto;
}
.clear{clear:both;}

/* =====================================================
header
===================================================== */
#header{
    position:fixed;
	z-index:10;
    top:0;
    left:0;
    width:100%;
	border-top:1px solid #643000;
	border-bottom:1px solid #643000;
background-image: linear-gradient(bottom, rgb(100,48,0) 3%, rgb(100,48,0) 52%, rgb(133,92,53) 80%);
background-image: -o-linear-gradient(bottom, rgb(100,48,0) 3%, rgb(100,48,0) 52%, rgb(133,92,53) 80%);
background-image: -moz-linear-gradient(bottom, rgb(100,48,0) 3%, rgb(100,48,0) 52%, rgb(133,92,53) 80%);
background-image: -webkit-linear-gradient(bottom, rgb(100,48,0) 3%, rgb(100,48,0) 52%, rgb(133,92,53) 80%);
background-image: -ms-linear-gradient(bottom, rgb(100,48,0) 3%, rgb(100,48,0) 52%, rgb(133,92,53) 80%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.03, rgb(100,48,0)),
	color-stop(0.52, rgb(100,48,0)),
	color-stop(0.8, rgb(133,92,53))
);
}
#header .container{
	position:relative;
}
#logo{
	position:absolute;
	top:-1px;
	left:10px;
	width:80px;
	/*
	width:25%;
	*/
}
#logo img{
	width:100%;
	height:auto;
}
#header ul{
	overflow:auto;
}
#header ul li{
	float:right;
	width:115px;
	/*
	width:36%;
	*/
	border-left:1px solid #936F4D;
	border-right:1px solid #522400;
}
#header ul li img{
	width:100%;
	height:auto;
}

/* =====================================================
gnavi
===================================================== */
.gnavi{
	clear:both;
}
.gnavi dl{
	margin:10% 5% 5%;
	background:#FFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0px 0px 6px #666;
-webkit-box-shadow: 0px 0px 6px #666;
box-shadow: 0px 0px 6px #666;
}
.gnavi dt{
	padding:1em 0.8em;
	color:#FFF;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
background-image: linear-gradient(bottom, rgb(100,48,0) 0%, rgb(129,87,47) 100%);
background-image: -o-linear-gradient(bottom, rgb(100,48,0) 0%, rgb(129,87,47) 100%);
background-image: -moz-linear-gradient(bottom, rgb(100,48,0) 0%, rgb(129,87,47) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(100,48,0) 0%, rgb(129,87,47) 100%);
background-image: -ms-linear-gradient(bottom, rgb(100,48,0) 0%, rgb(129,87,47) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(100,48,0)),
	color-stop(1, rgb(129,87,47))
);
}
.gnavi ul{
	overflow:hidden;
	padding:0 0 1px 0;
}
.gnavi li{
	margin:0 -1px -1px 0;
	border-top:1px solid #CCC;
}
.gnavi li a{
	padding:14px 14px 14px 20px;
	background:url(https://www.annex-pacha.com/sp/images/mark01.png) no-repeat 10px 50%;
	background-size:3px 6px;
	color:#643000;
}

/* =====================================================
sns-link
===================================================== */

#sns-link{
	clear:both;
	text-align:center;
	overflow:hidden;
}
#sns-link a{
	display:inline;
}

/* =====================================================
related-link
===================================================== */

#related-link{
	margin-top:10%;
	border-top:1px solid #CCC;
	background:#F7E4CA;
}
#related-link p{
	margin:0 0 5% 5%;
	padding:5% 0 0;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
}
#related-link-site{
	padding:0 6.25% 10%;
}
#related-link-site .flexslider{
	border:0;
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
-o-box-shadow: 0;
}
#related-link-site .slide li{
	text-align:center;
}
#related-link-site .slide li a{
	display:inline;
}
#related-link-site .slide li img{
	width:100%;
}

/* =====================================================
footer
===================================================== */
#footer{
	clear:both;
	padding:7% 0 0;
	background:#643000;
	color:#FFF;
	text-align:center;
}
#footer-contact{
	padding:0 0 7%;
}

#footer-contact-tel{
	margin:0 6%;
	border:2px solid #FFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
background-image: linear-gradient(bottom, rgb(255,102,0) 53%, rgb(255,151,81) 100%);
background-image: -o-linear-gradient(bottom, rgb(255,102,0) 53%, rgb(255,151,81) 100%);
background-image: -moz-linear-gradient(bottom, rgb(255,102,0) 53%, rgb(255,151,81) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(255,102,0) 53%, rgb(255,151,81) 100%);
background-image: -ms-linear-gradient(bottom, rgb(255,102,0) 53%, rgb(255,151,81) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.53, rgb(255,102,0)),
	color-stop(1, rgb(255,151,81))
);
	font-size:14px;
	font-weight:bold;
	text-shadow: 1px 1px 3px #643000;
	line-height:1.2;
	text-align:left;
}
#footer-contact-tel a{
	margin:0 -5%;
	padding:5% 0 5% 38%;
	background:url(https://www.annex-pacha.com/sp/images/footer-contact-img.png) no-repeat 0 10px;
	background-size:33% auto;
	color:#FFF;
}
#footer-contact-tel strong{
	font-size:26px;
}
#footer-contact-name{
	padding:10px 0;
	font-size:1.2em;
	font-weight:bold;
}
#footer-link{
	margin:10px 0;
	padding:20px 0;
	font-size:0.8em;
	line-height:2;
}
#footer-link a{
	display:inline;
	color:#FFF;
}
#gotop{
background-image: linear-gradient(bottom, rgb(102,51,3) 0%, rgb(138,99,62) 100%);
background-image: -o-linear-gradient(bottom, rgb(102,51,3) 0%, rgb(138,99,62) 100%);
background-image: -moz-linear-gradient(bottom, rgb(102,51,3) 0%, rgb(138,99,62) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(102,51,3) 0%, rgb(138,99,62) 100%);
background-image: -ms-linear-gradient(bottom, rgb(102,51,3) 0%, rgb(138,99,62) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(102,51,3)),
	color-stop(1, rgb(138,99,62))
);
}
#gotop a{
	margin:5% 0 0;
	padding:20px 0;
	color:#FFF;
}
#gotop a span{
	padding:0 0 0 1.5em;
	background:url(https://www.annex-pacha.com/sp/images/mark02.png) no-repeat 0 50%;
	background-size:6px 3px;
}

/* display ---------------------- */
#display{
	margin:5% 5%;
	background:#936F4D;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
	overflow:auto;
}
#display dt{
	float:left;
	width:20%;
	font-weight:bold;
}
#display dd{
	float:left;
	width:40%;
}
#display dt,
#display dd{
	padding:10px 0 8px;
}
#display dd#display-pc{
	padding:0;
}
#display dd#display-pc a{
	padding:10px 0 8px;
	border:1px solid #936F4D;
	background:#643000;
	color:#FFF;
}

/* =====================================================
contents
===================================================== */
#contents{
}
#contents p{
	margin:6% 5%;
	line-height:1.5;
}
#topimg{
	border-bottom:1px solid #CCC;
}
#topimg img{ width:100%; display:block; }

/* =====================================================
common class
===================================================== */

.title1{
	clear:both;
	margin:0 3% -2% 3%;
	padding:1em 0 0.6em;
	border-bottom:1px solid #643000;
	font-size:1.4em;
	font-weight:bold;
}
.title2{
	clear:both;
	margin:8% 3% -4% 3%;
	padding:0.4em 0.6em;
	background:#643000;
	color:#FFF;
	font-size:1.3em;
	font-weight:bold;
	line-height:1.3;
}
.title3{
	clear:both;
	margin:8% 4% -4% 4%;
	padding:0.3em;
	background:#E0DBCF;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.3;
}
.title4{
	clear:both;
	margin:8% 4% -2% 4%;
	padding:0.3em;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.3;
	border-bottom:1px dotted #643000;
}

/* table ------------------------------------ */
.table01 table{
	width:90%;
	margin:5% auto;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
.table01 th,
.table01 td{
	padding:3%;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	text-align:left;
	vertical-align:top;
	line-height:1.5
}
.table01 th{
	width:30%;
	background:#E0DBCF;
}

/* list ------------------------------------ */
.list01{
	margin:7% 8% 7% 10%;
	list-style-type: disc;
}

.list01 li{
	line-height:1.5;
	margin:3% 0;
}

/* img ------------------------------------ */
.fullimg img{
	width:100%;
	height:auto;
}

/* layout --------------------------- */
.layout-center{ text-align:center; }

/* slidebox ------------------------- */
.slidebox{
	margin:10% 0 0;
	padding:0 5% 10% 5%;
}
.slidebox .slide li img{
	width:100%;
}

/* page-list ------------------------------------- */

.page-list{
	margin:10% 5%;
}
.page-list dt{
	padding:0.5em;
	background:#CDB79E;
	font-weight:bold;
	line-height:1.3;
}
.page-list li{
	border-bottom:1px solid #CDB79E;
}
.page-list li a{
	padding:1em 0 0.7em 20px;
	background:url(https://www.annex-pacha.com/sp/images/mark01.png) no-repeat 10px 50%;
	background-size:3px 6px;
	color:#643000;
}

/* img -------------------------------- */
.img-left{float:left;}
.img-right{float:right;}

/* =====================================================
index.html
===================================================== */
/* index-topimg ----------------- */
#index-topimg{
	position:relative;
}
#index-logo{
	position:absolute;
	z-index:2;
	top:10px;
	width:31.2%;
	text-align:right;
}
#index-logo img{
	width:90%;
	height:auto;
}
#index-tel{
	position:absolute;
	z-index:2;
	top:10px;
	right:2px;
	width:40%;
}
#index-tel img{
	width:99%;
	height:auto;
}
#index-topimg-catch{
	position:absolute;
	z-index:2;
	bottom:15px;
	left:0;
	width:100%;
}
#index-topimg-catch img{
	width:100%;
	height:auto;
}
#index-topimg .flexslider{
	margin:0;
	background: none;
	border:none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	-o-box-shadow: 0;
}



/* index-gnavi ----------------- */
#index-gnavi{
	margin-top:-1px;
	padding:1% 0;
	
background-image: linear-gradient(bottom, rgb(100,48,0) 50%, rgb(141,103,67) 100%);
background-image: -o-linear-gradient(bottom, rgb(100,48,0) 50%, rgb(141,103,67) 100%);
background-image: -moz-linear-gradient(bottom, rgb(100,48,0) 50%, rgb(141,103,67) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(100,48,0) 50%, rgb(141,103,67) 100%);
background-image: -ms-linear-gradient(bottom, rgb(100,48,0) 50%, rgb(141,103,67) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.5, rgb(100,48,0)),
	color-stop(1, rgb(141,103,67))
);
}
#index-gnavi ul{
	overflow:auto;
}
#index-gnavi li{
	float:left;
	width:25%;
	
}
#index-gnavi a{
	display:block;
	padding:0 1%;
	border-left:1px solid #522400;
	border-right:1px solid #936F4D;
}
#index-gnavi-menu a{ border-left:none; }
#index-gnavi-accessmap a{ border-right:none; }
#index-gnavi img{
	width:100%;
	height:auto;
}

/* index-info ------------------ */
#index-info .container{
	margin:10% 5% 5%;
	padding:0 5%;
	background:#FFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0px 0px 6px #666;
-webkit-box-shadow: 0px 0px 6px #666;
box-shadow: 0px 0px 6px #666;
}
#index-info-title{
	padding:1.5em 0 0.6em;
	border-bottom:2px solid #643000;
	font-weight:bold;
}
#index-info li{
	border-bottom:1px solid #CCC;
	font-size:0.85em;
	line-height:1.5;
}
#index-info li a{
	padding:0.8em 0 0.6em;
}
#index-info li span{
	color:#643000;
	font-size:1.2em;
	font-weight:bold;
}
#index-info-more{
	padding:1em 0 1.5em;
	text-align:right;
}
#index-info-more a{
	display:inline;
	padding:0 0 0 1em;
	background:url(https://www.annex-pacha.com/sp/images/mark01.png) no-repeat 0 50%;
	color:#643000;
}


/* =====================================================
wedding
===================================================== */
.wedding-bn-ravimana{
	margin:30px 0;
	text-align:center;
}
.wedding-bn-ravimana img{
	margin:0 0 5px;
}

/* =====================================================
contact
===================================================== */

.contact-tel{
	font-size: x-large;
}
#mform table{
	width:94%;
	margin:5% auto;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
#mform th,
#mform td{
	padding:3%;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	text-align:left;
	vertical-align:top;
}
#mform th{
	width:30%;
	background:#E0DBCF;
}
.textfield-s,
.textfield-m,
#mform textarea{
	width:98%;
	font-size:1.2em;
}
#mform-title{
	font-size:1.2em;
}
.mform-btn{
	text-align:center;
	margin:3% 0 8%;
}
.mform-btn input{
	padding:4% 0;
	font-size:1.2em;
}
#mform-error{
	margin:5% 3%;
	padding:0 0 3%;
	border:1px solid #CC0000;
}
#mform-complete{
	padding:10% 0 20%;
	text-align:center;
}

/* =====================================================
access
===================================================== */
.access-note{
	margin:30px 0;
	padding:15px;
	border:1px solid #643000;
	color:#643000;
	font-size:14px;
	text-align:center;
}
#googlemap{
	position:relative;
	width:92%;
	margin:0 auto;
	padding-top:100%;
}
#googlemap iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}