/* CSS Document */

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

      style.css

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

body{
	background:#fff;
	font-size:12px;
	line-height:140%;
}
img{ width:100%;}

/*----------------------------------------------------
	ロールオーバー
----------------------------------------------------*/
a:hover img {
	-moz-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}


/*=========================================
	head
=========================================*/
#header h1{ display:none;}


/*=========================================
	モニターウエディングって？
=========================================*/
#whatArea{ background-color:#f4fff9;}
#whatArea .inBlock{
	background:url(../../sp/img/bg_what.gif) top / contain no-repeat;
	text-align:center;
	padding:27% 0 8% 0;
}
#whatArea .inBlock h2{ color:#9cd8ad; font-size:17px; margin:0 0 10px;}
#whatArea .inBlock .txt{ font-size:90%; line-height:180%;}
#whatArea .ph{ padding:0 5% 5%;}

#whatArea span{ display:none;}


/*=========================================
	ご成約でこんなにお得
=========================================*/
#presentsArea{ background-color:#fcfae5;}
#presentsArea ul.present li{ display:none;}



/*=========================================
	ウエディングフェア
=========================================*/
#fairArea{
	background:url(../../sp/img/bg_fair.jpg) center / cover no-repeat;
	padding:20px 0;
}
#fairArea .fairWrap{
	width:90%;
	margin:0 auto;
	overflow:hidden;
}
#fairArea .fairWrap .inBlock{
	background:#fff;
	margin:15px 0 0 0;
	overflow:hidden;
}
#fairArea .fairWrap .inBlock ul{
	margin:5px;
	border:1px dashed #a7dbd5;
	padding:15px;
}
#fairArea .fairWrap .inBlock ul li.hSub{ font-weight:bold; font-size:14px; color:#999; margin:0 0 3px;}
#fairArea .fairWrap .inBlock ul li h3{ font-weight:bold; font-size:18px; color:#5ec7bb; line-height:130%; margin:0 0 8px;}
#fairArea .fairWrap .inBlock ul li.txt{ padding:10px 0 0 0; font-size:90%;}



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


/*=========================================
	選ばれる理由
=========================================*/
#reasonArea{	padding:30px 0 0 0;}
#reasonArea h2{ margin:0 0 20px;}
#reasonArea .pointBox{ padding:8% 5%; text-align:center;}
#reasonArea .pointBox h3{ margin:0 0 10px;}

#reasonArea #point01{ background:url(../../sp/img/bg_point01.gif) bottom / contain no-repeat;}
#reasonArea #point02{ background:url(../../sp/img/bg_point02.gif) bottom / contain no-repeat; background-color:#f4fff9;}
#reasonArea #point03{ background:url(../../sp/img/bg_point03.gif) bottom / contain no-repeat;}

/*pager*/
.bx-wrapper .bx-pager{}
.bx-wrapper .bx-pager.bx-default-pager a {
    width: 15px !important;
    height: 15px !important;
    -moz-border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
    border-radius: 15px !important;
}

#point01 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#point01 .bx-wrapper .bx-pager.bx-default-pager a.active { background: #ffd58a !important;}

#point02 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#point02 .bx-wrapper .bx-pager.bx-default-pager a.active { background: #b1ebc0 !important;}

#point03 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#point03 .bx-wrapper .bx-pager.bx-default-pager a.active { background: #f7c4c9 !important;}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { background:none !important; bottom:15px !important;;}
.bx-wrapper .bx-caption span{ padding:5px  !important; color:#000 !important; background: rgba(255, 255, 255, 0.75); display:inline !important; font-size:9px !important;}





/*=========================================
	先輩花嫁の声
=========================================*/
#voiceArea{
	background:url(../../sp/img/bg_voice.jpg) left top / cover no-repeat;
	padding:15px 0;
}
#voiceArea h2{ margin:0 0 15px 0;}
#voiceArea .voiceWrap{ padding:0 5%;}
#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:5px; border:2px solid #e5e5e5; padding:10px;}
#voiceArea .voiceWrap .voiceBox ul li.h{ font-weight:bold; font-size:13px; color:#999; margin:0 0 10px 0;}
#voiceArea .voiceWrap .voiceBox ul li{ font-size:90%;}


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




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


/*=========================================
	form
=========================================*/
#formArea{
	border-top:5px solid #b5a068;
	background:url(../../sp/img/bg_form.jpg) top center / contain no-repeat;
	background-color:#fbfaf4;
	padding:30px 0;
}

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

#formArea .inner{}

.fm { width:100%;}
.fm dl dt{
	display:block;
	padding:10px 20px;
	color:#333;
	font-weight:bold;
	font-size:13px;
	background:#f3e8bb;
}
.fm dl dd{
	display:block;
	padding:20px;
}


/*RADIOBTN*/
.fm input[type="radio"] { margin-right: 5px; height:15px; margin-left:1px;}
/*CHECKBOX*/
.fm input[type="checkbox"]{ margin-right:5px;}
/*SELECT*/
.fm select{ line-height: none; margin:0 5px 0 0;}
/*INPUT*/
.fm input[type="text"],
.fm input[type="email"],
.fm input[type="tel"],
.fm input[type="number"]{ width:90%; border-radius:3px; padding:4%; border:1px solid #eaeaea; background:#eaeaea;}
.fm input.mdl{ width:35%; margin-right:10px;}

.fm input[type="text"].datepick{ margin:0 0 10px;}

/*TEXTAREA*/
.fm textarea{ width:97%; padding:1%; border-radius:3px; border:1px solid #eaeaea; background:#eaeaea;}

/*fontsize*/
input[type="text"],
textarea{ font-size:16px;}

/*リスト*/
ul.formList{ overflow:hidden;}
ul.formList li{ padding:3px 0;}

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{}

/*必須・任意*/
.fm dt 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:20px 0;
}
input#submit_button{
	border:1px solid #f2b0bb;
	text-align:center;
	padding:12px 10px;
	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:180%;
	padding:50px 3%;
	font-size:90%;
}
.completeBox .complete{
	font-size:18px;
	margin-bottom:20px;
	font-family:serif;
	color:#eb8295;
	line-height:180%;
}
.completeBox a{ text-decoration:underline;}
.completeBox a:hover{ text-decoration:none;}




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

#footer .telBox{
	width:90%;
	margin:0 auto;
	background:#fff;
	overflow:hidden;
}
#footer .telBox ul{
	border:3px double #ccc;
	margin:10px;
	padding:20px 10px;
	text-align:center;
}
#footer .telBox ul li.tel{ font-family:"Times New Roman", Times, serif; font-size:27px; color:#f2b0bb; line-height:100%; margin:10px 0;}
#footer .telBox ul li.tel span{ font-size:70%; margin:0 5px 0 0;}
#footer .telBox ul li.tel a{
	text-decoration:none;
	background:#ec8697;
	border-radius:40px;
	padding:7px 0;
	display:block;
	color:#fff;
	border-bottom:1px solid #f3dade;
	box-shadow:0 3px #ccc;
}

#footer .telBox ul li.time{ font-size:11px;}

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



/*=========================================
	topcontrol
=========================================*/
#topcontrol{
	display:block;
	width:13%;
	height:13%;
	z-index:10000;
}
#topcontrol a img{
	width:100% !important;
	height: auto !important;
}