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

#group {padding: 450px 0 0 0;}
#group #container { padding-bottom: 120px; text-align:center;}

#group #lead:after,
#group #cnav:after,
#group #c_fnav:after,
#group.index #sec1:after,
#group.index #sec1 ul:after,
#group.index #sec2:after,
#group.index #sec2 dd:after,
#group.index #sec3:after {content:''; height:0; display:block; clear:both;}


/*----------------------
lead
------------------------*/

#group #lead{background: url(../img/lead_bg.jpg) right bottom no-repeat; width: 1100px; height: 330px; margin: 0 auto;}
#group #lead h3{float: right; margin: 10px 500px 0 0; display: inline;}

#group #main_img { background: #000;}
#group #container>p { text-align: center; padding: 33px 0 45px;}

/*----------------------
cnav
------------------------*/

#group .con,
#group #cnav,
#group #c_fnav {
	width: 1100px; margin: 0 auto; text-align: left;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}

#group #cnav { padding: 0 20px;}
#group #cnav li { float: left; margin: 0 10px 0 0; background: no-repeat center top;}
#group #cnav li a { display: block; width: 270px; height: 48px;}
#group #cnav1 { background-image: url(../../group/img/cnav1_on.png) !important;}
#group #cnav2 { background-image: url(../../group/img/cnav2_on.png) !important;}
#group #cnav3 { background-image: url(../../group/img/cnav3_on.png) !important;}
#group #cnav li a:hover img,
#group.index #cnav1 img,
#group.plan #cnav2 img,
#group.form #cnav3 img { display: none;}

#group #container>.con { padding: 60px 0 0; background: url(../img/cnav_bg.png) no-repeat center top;}

#group #c_fnav li { float: left;}
#group #c_fnav li:last-child { float: right;}


/* 団体プラントップ
------------------------------------------------------------------------*/

#group.index #lineup-font-size-sampler { bottom: 0; left: 0;}

/*----------------------
sec1
------------------------*/

#group.index #sec1 { padding: 0 30px 67px 45px; background: url(../../group/img/1_1_bg1.png) no-repeat 36px 33px;}
#group.index #sec1 li { float: left;}

#group.index #sec1a { width: 486px; float: left;}
#group.index #sec1a p { margin: 15px 0 0;}
#group.index #sec1a ul { margin: 20px 0 0;}
#group.index #sec1a img { display: block;}

#group.index #sec1>p,
#group.index #sec1b { float: right;}
#group.index #sec1>p { width: 349px; margin: 0 0 20px;}
#group.index #sec1>p img { display: block; margin: 0 0 10px;}
#group.index #sec1b {
	width: 506px; padding: 25px 22px 30px; position: relative;
	background: url(../../group/img/1_1_bg2.jpg) center top; border-radius: 20px;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
#group.index #sec1b h5 { margin: 0 0 20px; text-align: center;}
#group.index #sec1b dl { width: 350px; margin: 20px 0 0 auto; position: relative; z-index: 10;}
#group.index #sec1b dt { padding: 0 0 10px;}
#group.index #sec1b b { font-size: 16px; font-weight: bold;}
#group.index #sec1b b span { padding: 0 0 0 10px; font-size: 24px;}
#group.index #sec1b p { margin: 10px 0 5px;}
#group.index #sec1b>img { position: absolute; left: 13px; bottom: 0; z-index: 0;}
#group.index #sec1b dd li { float: none; padding: 0 0 0 1em; text-indent: -1em;}
#group.index #sec1b dd li:before { content: '※';}


/*----------------------
sec2
------------------------*/
#group.index #sec2 { margin: 0 0 60px; background: url(../img/line1.jpg) repeat-x center top, url(../../group/img/1_2_bg.jpg) no-repeat 157px top;}
#group.index #sec2 h4 { padding: 33px 0 50px; text-align: center;}
#group.index #sec2 div {
	width: 253px; float: left; padding: 0 0 45px; margin: 0 43px 0 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,1+80,0+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
#group.index #sec2 h5 { padding: 5px 0; text-align: center;}
#group.index #sec2 div>img { display: block; margin: 0 auto;}
#group.index #sec2 dl { padding: 17px 13px 0;}
#group.index #sec2 dt { padding: 0 0 0 18px; background: url(../../group/img/1_2_icon.png) no-repeat left center;}
#group.index #sec2 dd b { display: block; margin: 10px 0; font-weight: bold;}
#group.index #sec2 dd b span { padding: 0 0 0 10px; color: #9f581a; font-size: 18px; vertical-align: middle;}
#group.index #sec2c { width: 504px !important; margin: 0 !important;}
#group.index #sec2c dl { width: 220px; float: left; padding: 17px 0 0 20px;}
#group.index #sec2c dl:last-child { float: right; padding: 17px 20px 0 0;}


/*----------------------
sec3
------------------------*/
#group.index #sec3 { margin: 0 0 80px;}
#group.index #sec3 h4 { margin: 0 0 55px; background: url(../img/line2.jpg) repeat-x center center;}
#group.index #sec3 h4 img { display: inline-block; padding: 0 35px 0 0; background: url(../img/bg.gif) center top;}
#group.index #sec3 ul { width: 727px; float: right;}
#group.index #sec3 li { float: left;}
#group.index #sec3 li:last-child { float: right;}
#group.index #sec3 li img { display: block; margin: 0 0 5px;}
#group.index #sec3 .con div { width: 350px; float: left;}
#group.index #sec3 h5 { padding: 20px 0; font-size: 18px; font-weight: bold;}
#group.index #sec3 table { width: 250px; margin: 30px 0 0; table-layout: fixed;}
#group.index #sec3 th,
#group.index #sec3 td { padding: 3px 15px; border: 1px solid #c8c8c8; -webkit-box-sizing: border-box; box-sizing: border-box;}
#group.index #sec3 th:first-child { width: 95px;}



/* お得な団体プラン
------------------------------------------------------------------------*/

#group.plan #container>.con { padding-bottom: 65px; text-align: center;}
#group.plan .con>img { display: block; margin: 0 auto 40px;}
#group.plan .con>a { display: inline-block;}



/* ご予約・お問い合わせフォーム
------------------------------------------------------------------------*/

#group.form { overflow: auto;}
#group.form .con h4,
#group.form .con>p { text-align:center;}
#group.form .con>p { margin: 25px 0 40px;}
#group.form .con form { width:970px; padding: 0 0 10px; margin:0 auto; background: #fbf6f0; border:1px solid #e5d8bd;}
#group.form .con table { width:100%; table-layout: fixed; -webkit-box-sizing: border-box; box-sizing: border-box;}
#group.form .con th,
#group.form .con td {
	padding:15px 30px; border-bottom:1px dotted #d0bf9a;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
#group.form .con th { width:260px; background: #e0d0bd; text-align: right;}
#group.form .con th span { padding: 5px; margin: 0 0 0 10px; background:#c30220; color: #fff;}
#group.form .con form>p { margin: 10px 45px;}
/*#group.form .con table #mfp_buttons { text-align:center; border:none;}
#group.form .inner:after{content:''; height:0; display:block; clear:both;}*/


/*#group #mfp_buttons{ margin-bottom:20px;}

#group #mfp_buttons button {
	border-radius: 5px;
	padding: 5px 10px;
	border: solid 1px #CCC;
	background: gradient(linear, center top, center bottom, from(#FFF), to(#CCC));
	background: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#CCC));
	background: -moz-linear-gradient(top, #FFF, #CCC);
	background: -ms-linear-gradient(top, #FFF 0%, #CCC 100%);
	text-shadow: 0px 2px 0px #FFF;
	font-size: 16px;
	cursor: pointer;
	outline: none;
}
#group #mfp_buttons button:hover,#group #mfp_buttons button:hover{
	background: gradient(linear, center top, center bottom, from(#FFF), to(#CCC));
	background: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#CCC));
	background: -moz-linear-gradient(top, #FFF, #CCC);
	background: -ms-linear-gradient(top, #FFF 0%, #CCC 100%);
	box-shadow: 0px 2px 15px #CCC;
}*/