発生@charset "UTF-8";
/* CSS Document */

/*------------------------------------------

      style.css

-------------------------------------------*/

body{
	background:#fff;
	 min-width:1020px;
}




/*=========================================
	head
=========================================*/
#header{
	border:5px solid #eb97a6;
	background:url(../img/mv.jpg) center no-repeat;
	background-size:cover;
	height:600px;
	position:relative;
}
#header .main{
	position:absolute;
	margin:auto;
	left:-40%;
	right:0;
	top:0;
	bottom:0;
	width:650px;
	height:500px;
}
#header h1{ display:none;}





/*=========================================
	モニターウエディングって？
=========================================*/
#whatArea{
	background-color:#f4fff9;
	overflow:hidden;
	padding:1%;
}
#whatArea .inner{
	display:table;
	width:100%;
}
#whatArea .inBlockL{
	display:table-cell;
	width:50%;
	background:url(../img/what.gif) center no-repeat;
	background-size:contain;
	vertical-align:top;
}
#whatArea .inBlockL .txt{ padding:38% 0 0 0; text-align:center; font-size:14px;}
#whatArea .ph{
	display:table-cell;
	width:50%;
}

#whatArea #what{
}
#whatArea img{ width:100%;}

#whatArea h2,
#whatArea span{ display:none;}



/*=========================================
	ご成約でこんなにお得
=========================================*/
#presentsArea{
	background:url(../img/bg_presents.gif) top center no-repeat;
	background-color:#fcfae5;
}
#presentsArea .inner{
	width:1000px;
	margin:0 auto;
	padding:150px 0 60px;
}
#presentsArea ul.present{
	background:url(../img/presents.jpg) no-repeat;
	height:450px;
}
#presentsArea ul.present li{ display:none;}

#presentsArea .price{
	background:url(../img/price.gif) center no-repeat;
	height:122px;
	margin:15px 0;
}

#presentsArea h2,
#presentsArea span{ display:none;}



/*=========================================
	ウエディングフェア
=========================================*/
#fairArea{
	background:url(../img/bg_fair.jpg) top no-repeat;
	background-size:cover;
	padding:50px 0;
}
#fairArea .fairWrap{
	background:url(../img/h_fair.png) top center no-repeat;
	padding:175px 0 0 0;
	max-width:1020px;
	margin:0 auto;
	overflow:hidden;
}
#fairArea .fairWrap .inBlock{
	width:31.6%;
	background:#fff;
	float:left;
	margin:0 0.8%;
}
#fairArea .fairWrap .inBlock ul{
	margin:5px;
	border:1px dashed #a7dbd5;
	padding:15px;
	height:400px;
}
#fairArea .fairWrap .inBlock ul li.hSub{ font-weight:bold; font-size:15px; color:#999; margin:0 0 5px;}
#fairArea .fairWrap .inBlock ul li h3{ font-weight:bold; font-size:20px; color:#5ec7bb; line-height:130%; margin:0 0 10px;}
#fairArea .fairWrap .inBlock ul li.ph img{ width:100%;}
#fairArea .fairWrap .inBlock ul li.txt{ padding:10px 0 0 0;}

#fairArea h2,
#fairArea span{ display:none;}


/*=========================================
	ア・ラ・モードパレ＆リゾートについて
=========================================*/
.aboutArea{ background:#f0fafc;}
.aboutArea .inner{ width:1000px; margin:0 auto; padding:20px 0; overflow:hidden;}
.aboutArea .inner .fltL{ margin:0 40px 0 0;}
.aboutArea .inner .en{ font-family:serif; letter-spacing:0.2em; color:#aaa; font-size:10px; padding:20px 0 10px 0;}
.aboutArea .inner h2{ clear:none; font-size:20px; font-weight:normal;}
/*about*/
.aboutArea #about h2{ color:#6ca5b0;}
.aboutArea #about .txt{ padding:20px 0 0 0; line-height:260%;}
/*info*/
.aboutArea #info h2{ color:#333; padding: 0 0 15px; margin:0 0 15px 480px; border-bottom:1px solid #ccc;}
.aboutArea #info table{ width:auto;}
.aboutArea #info table th{ width:20%; font-weight:bold; vertical-align:top; padding:5px 0;}
.aboutArea #info table td{ vertical-align:top; padding:5px 0;}


/*=========================================
	選ばれる理由
=========================================*/
#reasonArea{
	padding:170px 0 0 0;
	background:url(../img/h_reason.gif) top center no-repeat;
}
#reasonArea .pointBox{ padding:60px 0;}
#reasonArea #point01{ background:url(../img/point01.jpg) center no-repeat; height:1150px;}
#reasonArea #point02{ background:url(../img/point02.jpg) center no-repeat; height:1000px; background-color:#f4fff9;}
#reasonArea #point03{ background:url(../img/point03.jpg) center no-repeat; height:1050px;}

#reasonArea h2,
#reasonArea h3,
#reasonArea span{ display:none;}



/*=========================================
	先輩花嫁の声
=========================================*/
#voiceArea{
	background:url(../img/bg_voice.jpg) top center no-repeat;
	background-size:cover;
}
#voiceArea .inner{ width:1000px; margin:0 auto;}
#voiceArea .voiceWrap{
	width:600px;
	background:url(../img/h_voice.png) center 30px no-repeat;
	padding:190px 0 50px 0;
	margin:0 0 0 42%;
}
#voiceArea .voiceWrap .voiceBox{ margin:0 0 15px 0; overflow:hidden;}
#voiceArea .voiceWrap #voice01{ background:url(../img/bg_voice01.gif) top right no-repeat; background-color:#fff6f2;}
#voiceArea .voiceWrap #voice02{ background:url(../img/bg_voice02.gif) top right no-repeat; background-color:#f2fff6;}

#voiceArea .voiceWrap .voiceBox ul{ margin:10px; border:2px solid #e5e5e5; padding:15px 90px 15px 15px;}
#voiceArea .voiceWrap .voiceBox ul li.h{ font-weight:bold; font-size:18px; color:#999; margin:0 0 10px 0;}

#voiceArea h2{ display:none;}


/*=========================================
	map
=========================================*/
#mapArea{ width:100%; height:350px;}
#mapArea iframe{ width:100%; pointer-events:stroke;}


/*=========================================
	actionBox
=========================================*/
.actionBox{
	background:url(../img/bg_action.gif);
	padding:20px 0;
	text-align:center;
}







/*=========================================
	form
=========================================*/
#formArea{
	border-top:5px solid #b5a068;
	background:url(../img/bg_form.jpg) top center / contain no-repeat;
	background-color:#fbfaf4;
}
#formArea .inner{
	max-width:1000px;
	margin:0 auto;
	background:url(../img/h_reserve.gif) center 50px no-repeat;
	padding:120px 0 60px 0;
}

#formArea .inner h2{ text-align:center; font-size:18px; color:#333; font-weight:normal;}
#formArea .inner .formTxt{ text-align:center; padding:0 0 20px 0;}

table.fm { width:100%;}
table.fm th {
	width:22%;
	padding:12px 20px;
	color:#333;
	font-weight:bold;
	font-size:15px;
	text-align:right;
}
table.fm td {
	padding:12px 20px;
}


/*RADIOBTN*/
table.fm input[type="radio"] { margin-right: 5px; height:15px; margin-left:1px;}
/*CHECKBOX*/
table.fm input[type="checkbox"]{ margin-right:5px;}
/*SELECT*/
table.fm select{ line-height: none; margin:0 5px 0 0;}
/*INPUT*/
table.fm input[type="text"]{ width:95%; border-radius:3px; padding:15px; border:1px solid #eaeaea; background:#eaeaea;}
table.fm input.mdl{ width:30%; margin-right:10px;}
/*TEXTAREA*/
table.fm textarea{ width:97%; padding:1%; border-radius:3px; border:1px solid #eaeaea; background:#eaeaea;}

/*リスト*/
ul.formList{ overflow:hidden;}
ul.formList li{ float:left; margin-right:20px;}

dl.checkBoxList{ margin-bottom:15px;}
dl.checkBoxList dt{ border-left:3px solid #46ABE3; padding-left:9px; color: #003C93; font-weight:bold; margin-bottom:8px;}
dl.checkBoxList dd{}

/*必須・任意*/
table.fm th span.iconHissu{
    display:inline-block;
	*display: inline;  
    *zoom: 1;
	width:30px;
	padding:4px 0;
	line-height:1;
	margin-left:10px;
	text-align:center;
	font-size:11px;
	color:#fff;
	background:#ff2558;
}


.red{ color:#ff2558;}


/*===============================
     btn
===============================*/
.btnWrap{
	text-align:center;
	margin:30px 0;
}
input#submit_button{
	border:1px solid #f2b0bb;
	text-align:center;
	padding:12px 40px;
	margin:0 3px;
	font-size:120%;
	color:#fff;
	background:#f2b0bb;
   	-webkit-appearance: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	text-decoration:none !important;
	cursor: pointer; 
}
input#submit_button:hover{
	border:1px solid #f2cad1;
	background:#f2cad1;
	color:#fff;
}



/*===============================
     完了
===============================*/
.completeBox{
	text-align:center;
	line-height:240%;
	padding:50px 0 80px 0;
	font-size:14px;
}
.completeBox .complete{
	font-size:25px;
	margin-bottom:30px;
	letter-spacing:0.1em;
	font-family:serif;
	color:#eb8295;
}
.completeBox a{ text-decoration:underline;}
.completeBox a:hover{ text-decoration:none;}




/*=========================================
	foooter
=========================================*/
#footer{
	background:#999;
	padding:20px 0 0 0;
}

#footer .telBox{
	width:500px;
	margin:0 auto;
	background:#fff;
	overflow:hidden;
}
#footer .telBox ul{
	border:3px double #ccc;
	margin:10px;
	padding:20px;
	text-align:center;
}
#footer .telBox ul li.tel{ font-family:"Times New Roman", Times, serif; font-size:40px; color:#f2b0bb; line-height:120%;}
#footer .telBox ul li.tel span{ font-size:70%; margin:0 5px 0 0;}

#footer .copyright{
	text-align:center;
	color:#fff;
	padding:15px 0;
	font-size:12px;
}