@charset "utf-8";


.toplplink{
	width: 194px;
	height: 184px;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.toplplink .bg {
	width: 190px;
	height: 190px;
}
.toplplink > .txt {
	top: 10px;
    width: 160px;
    height: auto;
}
.toplplink .mark {
    width: 53px;
    height: 53px;
}
.toplplink:after {
	top: 155px;
	right: 58px;
}

@media screen and (max-width:640px) {
	body .mainArea {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

.contentsArea {
	top:135px;
	padding-left:0 !important;
}
.chapelHeader {
	position:fixed;
	background-color:#fff;
	width:100%;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0);
	z-index:100;
}
.scHaeder {
	-webkit-box-shadow: 1px 0  3px 0px rgba(150,150,150,0.3);
	box-shadow: 1px 0 3px 0px rgba(150,150,150,0.3);
}
.chapelHeader .inHeader {
	position: relative;
}
.chapelHeader .navigatePath{
	position: absolute !important;
	left: 0;
	top: 100%;
	right: 0;
	margin: auto;
	max-width: 1200px!important;
}
.chapelHeader .navigatePath .path{
}
.chapelHeader .navigatePath .path > li{
	display: inline-block;
	vertical-align: top;
	font-size:10px;
	font-size:1.0rem;
	letter-spacing:0.1em;
}
.chapelHeader .navigatePath .path > li + li{
	position: relative;
	padding-left: 16px;
	margin-left: 7px;
}
.chapelHeader .navigatePath .path > li + li > a:before{
	content: '>';
	position: absolute;
	left: 0;
}
.chapelHeader .navigatePath .path > li > a{
	padding: 7px 0;
	display: inline-block;
}
.chapelHeader .navigatePath .path > li > a[href]{
	text-decoration: underline;
	
}
.chapelHeader .commonLayout1{
	position:relative;
	max-width: 1230px;
}
.chapelHeader .commonLayout1 h1 {
	display:inline-block;
	font-size:0;
}
.chapelHeader .commonLayout1 h1 a {
	display:block;
}
.leftMenu {
	position:absolute !important;
	top:0 !important;
	width:100%;
	left: 0;
}
.leftMenu .topLink{
	display:none;
}
.leftMenu .navWrap {
	display:block;
	background:none;
	font-size:0;
	 width: 100%;
}
.leftMenu .resortLink ,
.leftMenu .navWrap .inNav,
.leftMenu .navWrap .empBtn,
.leftMenu .navWrap .sns,
.leftMenu .navWrap .info {
	position:absolute;
}
.leftMenu .resortLink {
	top:57px;
	right:0;
	z-index:100;
}
.leftMenu .resortLink a {
	display:inline-block;
	position:relative;
}
.leftMenu .navWrap .inNav li {
	display:inline-block;
	margin-left: 14px;
	padding-left: 14px;
	border-left:1px solid #CDE5E7;
}
.leftMenu .navWrap .inNav li.style1 {
	padding-left:5px;
}
.leftMenu .navWrap .inNav li.style5 {
	padding-left:2px;
	margin-right: -10px;
}

.leftMenu .navWrap .inNav li  a {
	position: relative;
	display: block;
}
.leftMenu .navWrap .inNav li  a > img:nth-child(1){
	position: absolute;
	left: 0;
	top: 0;
	opacity: 1;

	-webkit-transition: all 0.3s ease 0.0s;
	-moz-transition: all 0.3s ease 0.0s;
	-ms-transition: all 0.3s ease 0.0s;
	-o-transition: all 0.3s ease 0.0s;
	transition: all 0.3s ease 0.0s;
}
.leftMenu .navWrap .inNav li  a:hover > img:nth-child(1){
	opacity: 0;
}
.leftMenu .navWrap .inNav li  a > img:nth-child(2){
	position: relative;
	opacity: 0;

	-webkit-transition: all 0.3s ease 0.0s;
	-moz-transition: all 0.3s ease 0.0s;
	-ms-transition: all 0.3s ease 0.0s;
	-o-transition: all 0.3s ease 0.0s;
	transition: all 0.3s ease 0.0s;
}
.leftMenu .navWrap .inNav li  a:hover > img:nth-child(2){
	opacity: 1;
}

.leftMenu .navWrap .inNav {
	right:90px;
	left: 90px;
	top:60px;
	text-align:right;
	display:block;
}
.leftMenu .navWrap .inNav li:first-child {
	margin-left:0;
	padding-left:0;
	border-left:none;
}

.leftMenu .navWrap .subNav {
	display: block !important;
	visibility: hidden;
	position: absolute;
	left: -100%;
	right: -100%;
	top: 4px;
	padding-top: 11px;
	/*height: 100px;*/
	font-size: 11px;
	font-size: 1.1rem;
	text-align: center;
	z-index: -1;
}
.leftMenu .navWrap .subNav ul {
	padding: 20px 0 15px;
	background-color: rgba(236,236,236,.95);
}
.leftMenu .navWrap .subNav li {
	display:inline-block;
	margin-left: 0;
	border-left: 0;
	padding: 0 10px;
	text-align: center;
}
.leftMenu .navWrap .subNav li a {
	display: block;
	color: #666;
}
.leftMenu .navWrap .subNav li img {
	position: static !important;
	width: 108px;
	margin-bottom: 10px;
	display: block;
}
.leftMenu .navWrap .subNav li:hover img {
	opacity: 1 !important;
}




.leftMenu .navWrap .empBtn {
	right:0;
}
.leftMenu .navWrap .empBtn a {
	display:inline-block;
	width:auto;
	height:28px;
	padding:0 10px;
	margin-left:10px;
}
.leftMenu .navWrap .empBtn a p {
	height:auto;
	width:auto;
	border:none;
}
.leftMenu .navWrap .empBtn a p:before {
	height:28px;
}
.leftMenu .navWrap .empBtn a p:after {
	content:none;
}
.leftMenu .navWrap .empBtn a p span {
	display:inline-block;
	vertical-align: middle;
}
.leftMenu .navWrap .info {
	top:8px;
	right:460px;
}
.leftMenu .navWrap .info.rightTsume {
	right:200px;
}
.leftMenu .navWrap .info a {
	margin-left:25px;
	display: inline-block;
}
.leftMenu .navWrap .sns {
	right:406px;
	top:7px;
}
.leftMenu .navWrap .sns.tsume {
	right:474px;
	top:9px;
}
.leftMenu .navWrap .sns a {
	margin-left:15px;
}
.leftMenu .navWrap .sns a span {
	display:none;
}

/* rightMenu */
.rightMenu {
	width:230px;
	height:100%;
	-webkit-overflow-scrolling:touch;
	z-index:100;
	overflow:auto;
	background-color:#fff;
}
.rightMenu .empBtn a p span {
	display:inline-block;
	vertical-align: middle;
}
.rightMenu .empBtn a p span img:first-child {
	margin-bottom:3px;
}
.rightMenu .navWrap .inNav li.style1 a img{
	position: relative;
	left: 1px;
	width: 81px;
	height: auto;
}
.rightMenu .navWrap .inNav li.style2 a img{
	position: relative;
	left: -4px;
}
.rightMenu .navWrap .inNav li.style3 a img{
	position: relative;
	left: -10px;
}
.rightMenu .navWrap .inNav li.style4 a img{
	position: relative;
	left: -1px;
}
.rightMenu .navWrap .inNav li a img:nth-child(1){
	display: none;
}
.rightMenu .navWrap .inNav li.toppage a{
	padding-bottom: 4px;
	display: block;
}
.rightMenu .navWrap .inNav li.toppage a img{
	display: inline-block;
}

.rightMenu .subNav {
	height:0;
	display: none;
	padding-top: 0;
	padding-left: 40px;
	position: relative;
	overflow: hidden;
	background-color: #ececec;
	background-color: rgba(236,236,236,0.9);
}
.rightMenu .subNav li a {
	position: relative;
	display: block;
	padding: 10px 0;
	font-size:11px;
	font-size:1.1rem;
	letter-spacing:0.1em;
	color:#818181;
}
.rightMenu .subNav li img {
	display: none;
}
.rightMenu .subNav li a:before {
	content:"";
	display:block;
	margin:auto 0;
	width:0!important;
	height:0!important;
	border-top :3px solid #818181 !important;
	border-right:3px solid #818181 !important;
	border-bottom:3px solid transparent !important;
	border-left:3px  solid transparent !important;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	top:0;
	bottom:0;
	left:-12px;
}
@media screen and (max-width:1050px) {
	.leftMenu .navWrap .info a {
		margin-left:6px;
	}
	.leftMenu .navWrap .info a img{
		width: auto;
		height: 12px;
	}
}





/*
	rightFair
**************************************************/

/* pc */
.rightFair {
	visibility:hidden;
	opacity:0;
	position:fixed;
	z-index:100000;
	right:0;
	top:120px;
	text-align: right;
}
.rightFair > a.type02{
	margin-bottom: -14px;
	margin-top: -30px;
}
.rightFair > a{
	display: block;
	position: relative;
}
.chapelNone {
	display:none !important;
}
/* sp */
.leftMenu .rightFair_sp {
	display:none;
}
.pageNavArea .rightFair_sp:after {
	content:none;
}
.rightMenu  .rightFair_sp {
	margin-bottom:20px;
}
.touchDevice .rightMenu  .rightFair_sp {
	text-align: center;
}
/*
@media screen and (min-width:961px) {
	.chapelHeader .commonLayout1 h1 {
		-webkit-transform:none !important;
		-ms-transform:none !important;
		-o-transform:none !important;
		transform:none !important;
	}
}
*/
@media screen and (max-width:960px) {
	.chapelHeader {
		position:absolute;
		height:71px !important;
		padding-top: 28px !important;
		overflow: hidden;
	}
	.contentsArea {
		top:100px !important;
	}
	.chapelHeader .leftMenu {
		top:-100px !important;
		width:90%;
		left:10%;
		opacity:0;
	}
}
@media screen and (max-width:640px) {
	.chapelHeader .commonLayout1 h1 {
		-webkit-transform:none !important;
		-ms-transform:none !important;
		-o-transform:none !important;
		transform:none !important;
	}
	.chapelHeader .commonLayout1 h1 .bigLogo {
		height:50px !important;
		width:auto !important;
	}
}

/* pc ナビゲーション */
.desktopDevice .rightMenu .navWrap {
	margin-left:40px;
}
.desktopDevice .rightMenu .resortLink {
	padding:10px 0 15px;
}
.rightMenu .navWrap .logo {
	width: calc(100% - 30px);
	padding: 30px 0px 20px;
	text-align: center;
}
.touchDevice .rightMenu .navWrap .logo {
	padding: 65px 0 30px 10px;
}
.leftMenu .navWrap .logo {
	display: none!important;
}

.desktopDevice .rightMenu .navWrap .topLink {
	padding-top:10px;
	margin-bottom:12px;
}
@media screen and (max-height:660px) {
	.desktopDevice .rightMenu .navWrap .topLink {
		padding-top:20px;
	}
}
.desktopDevice .rightMenu .navWrap .inNav {
	padding-bottom:10px;
}
.desktopDevice .rightMenu .navWrap .inNav li {
	margin-bottom:12px;
}
.desktopDevice .rightMenu .navWrap .empBtn {
	padding-bottom:10px;
}
.desktopDevice .rightMenu .navWrap .empBtn a {
	margin-bottom:10px;
}
.desktopDevice .rightMenu .navWrap .info a {
	display:block;
	margin-bottom:6px;
}
.desktopDevice .rightMenu .navWrap .info {
	padding-bottom:5px;
}
.desktopDevice .rightMenu .navWrap .info a {
	margin-bottom:10px;
}
.desktopDevice .rightMenu .navWrap .navClose {
	display:none;
}

/* タブレット,スマートフォン ナビゲーション */
.touchDevice .rightMenu .topLink a,
.touchDevice .rightMenu .resortLink a {
	text-align: left;
	padding: 0;
	width: 100%;
	padding-left: 40px;
	height: 50px;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.touchDevice .rightMenu .topLink a:after,
.touchDevice .rightMenu .resortLink a:after {
	content:"";
	display:inline-block;
	height:50px;
	vertical-align: middle;
}
.touchDevice .rightMenu .topLink a img,
.touchDevice .rightMenu .resortLink a img {
	vertical-align: middle;
}
.touchDevice .rightMenu .topLink {
	padding:30px 0 20px;
}
.touchDevice .rightMenu .resortLink {
	border-bottom:1px solid #cce5e6;
}
.touchDevice .rightMenu .inNav > ul > li:last-child {
	border-bottom:2px solid #cce5e6;
}
.touchDevice .rightMenu .empBtn {
	padding-bottom:15px;
	border-bottom:2px solid #cce5e6;
}
.touchDevice .rightMenu .info a {
	display:block;
	padding-left:40px;
	height:50px;
	border-bottom:1px solid #cce5e6;
}
.touchDevice .rightMenu .info a:before {
	content:"";
	display:inline-block;
	height:50px;
	vertical-align: middle;
}
.touchDevice .rightMenu .info a img {
	vertical-align: middle
}
.touchDevice .rightMenu .info a:last-child {
	margin-bottom:20px;
}

/* .footChapelNav */
.footChapelNav {
	padding-top:40px;
	padding-bottom:50px;
	text-align: center;
	font-size:0;
}
.footChapelNav h1 {
	padding:0 20px;
	margin-bottom:30px;
}
.footChapelNav li {
	display:inline-block;
	vertical-align: top;
	width:15%;
	margin-left:2%;
	position:relative;
	overflow: hidden;
}
.footChapelNav ul {
	font-size:0;
}
.footChapelNav li:first-child {
	margin-left:0;
}
.footChapelNav li a {
	display:block;
}
.footChapelNav li a .ph {
	display:inline-block;
	position:relative;
	padding-bottom:12px;
	height:114px;
	width:100%;
}
.footChapelNav li a .ph img {
	margin:0 auto;
	position:absolute;
	top:0;
	left:-100px;
	right:-100px;
}
.footChapelNav li a p {
	font-size:10px;
	font-size:1.0rem;
	line-height:1.5;
}
.footChapelNav .hawaiiLi {
}
.footChapelNav .hawaiiLi li {
}
.footChapelNav .hawaiiLi .topPh {
	width:18.4%;
	margin-bottom:20px;
}
.footChapelNav .hawaiiLi .topPh .ph {
	height:142px;
}
.footChapelNav .hawaiiLi .topPh:first-child {
	margin-left:0;
}
.footChapelNav .hawaiiLi .bottomPh {
	margin-left:0;
	margin-right:2%;
}
.footChapelNav .hawaiiLi .bottomPh:last-child {
	margin-right:0;
}
.footChapelNav .hawaiiLi li a {
}
.footChapelNav .hawaiiLi li a p {
}

.footChapelNav .karuizawaLi {
	
}
.footChapelNav .karuizawaLi li {
	vertical-align:top;
	margin-left:2%;
	width:23.5%;
}
.footChapelNav .karuizawaLi li:nth-child(-n+4) {
	margin-bottom:2%;
}
.footChapelNav .karuizawaLi li:nth-child(4n+1) {
	margin-left:0;
}
.footChapelNav .karuizawaLi li .ph {
	height:129px;
}
.footChapelNav .karuizawaLi li img {

}

}
@media screen and (max-width:960px) and (min-width:421px) {
	.footChapelNav li {
		width:30%;
		margin:20px 0 0 5%;
	}
	.footChapelNav .hawaiiLi .topPh {
		width:30%;
	}
	.footChapelNav .hawaiiLi .topPh img {
		height:114px;
	}
	.footChapelNav .hawaiiLi .topPh .ph {
		height:114px;
	}
	.footChapelNav .hawaiiLi .bottomPh {
		margin-left:5%;
		margin-right:0;
	}
	.footChapelNav li:nth-child(-n+3) {
		margin-top:0;
	}
	.footChapelNav li:nth-child(3n+1),
	.footChapelNav .bottomPh:nth-child(3n+1) {
		margin-left:0;
	}
}
@media screen and (max-width:640px) {
	.footChapelNav {
		padding-top:25px;
		padding-top:35px;
	}
	.footChapelNav li {
		width:47.5%;
		margin:20px 0 0 5%;
	}
	.footChapelNav .hawaiiLi .topPh,
	.footChapelNav .hawaiiLi .bottomPh {
		margin:20px 0 0 5%;
		width:47.5%;
	}
	.footChapelNav li:nth-child(-n+2),
	.footChapelNav .hawaiiLi .topPh:nth-child(-n+2),
	.footChapelNav .hawaiiLi .bottomPh:nth-child(-n+2) {
		margin-top:0;
	}
	.footChapelNav .hawaiiLi .topPh:nth-child(2n+1),
	.footChapelNav .hawaiiLi .bottomPh:nth-child(2n+1),
	.footChapelNav li:nth-child(2n+1) {
		margin-left:0;
	}
	.footChapelNav .hawaiiLi .topPh .ph {
		height:114px;
	}
	.footChapelNav .hawaiiLi .topPh .ph img {
		height:114px;
	}
	.footChapelNav .karuizawaLi {
		
	}
	.footChapelNav .karuizawaLi li {
		width:47.5%;
		margin:20px 0 0 5%;
	}
	.footChapelNav .karuizawaLi li:nth-child(2n+1) {
		margin-left:0;
	}
}

/* .mainvisualArea */
.mainvisualArea{
	overflow: hidden;
	position: relative;
}
.mainvisualArea > .bg{
	width: 100%;
	height: auto;
}
body.desktopDevice .mainvisualArea > .bg{
	opacity: 0;
}
body.touchDevice .mainvisualArea > .bg{
}
body.desktopDevice .mainvisualArea:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width:960px) {
	.mainvisualArea{
		min-height: 0!important;
		margin-bottom: 5%;
	}
	.mainvisualArea > .bg{
		-webkit-transform: none!important;
		-moz-transform: none!important;
		-ms-transform: none!important;
		-o-transform: none!important;
		transform: none!important;
		position: static;
		width: 100%;
		height: auto;
		margin: 0!important;
	}
}

/* .commonTitle3 */
@media screen and (max-width:640px) {
	.commonTitle3 {
		position: relative;
	}
	.commonTitle3:before {
		padding-top: 50%;
	}
	.commonTitle3:after {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.4);
		content: '';
	}
	.commonTitle3 > header {
		position: relative;
		z-index: 3;
	}
	.commonTitle3 > header > .title {
		text-align: center;
	}
	.commonTitle3 > header > .title > img {
		width: 80%;
	}
}

/* .scrollArea */
.scrollArea{
	text-align: center;
	font-size: 0;
	height: 43px;
	margin-bottom: 30px;
}
.scrollArea > button{
	cursor: pointer;
	position: absolute;
	margin:0 auto;
	left:0;
	right:0;
}
.scrollArea:after{
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.scrollArea > .commonBtn8{
	display: inline-block;
	vertical-align: middle;
}

/* .content1Area */
.content1Area{
	text-align: center;
	max-width: 1230px;
	margin-bottom: 3%;
}
.content1Area > .title{
	margin-bottom: 30px;
}
.content1Area > .caption{
	margin-bottom: 25px;
}
.content1Area > .commonBtn1,
.content1Area > .commonBtn9{
	display: inline-block;
	margin-bottom: 13%;
}
.content1Area > .commonBtn1{
	width: 221px;
	height: 60px;
}
.content1Area .commonLayout4,
.content1Area > .commonLayout10{
	text-align: left;
}
.content1Area > .commonLayout10 > li > a{
	display: block;
}
@media screen and (max-width:640px) {
	.content1Area > .commonBtn1 {
		margin-bottom: 18%;
	}
	.content1Area > .commonBtn9 {
		width: 70%;
	}
	.content1Area .commonLayout10 > li .txt > img {
		width: auto;
		height: 27px;
	}
}

/* .content2Area */
.content2Area > .contentin{
	max-width: 1230px;
}

/* .content3Area */
.content3Area{
	max-width: 1230px;
	padding-top: 4%;
	padding-bottom: 3%;
}
.content3Area > .commonLayout10 > li:nth-child(2){
	margin-right: 0;
}
@media screen and (max-width:640px) {
	.content3Area{
		padding-top: 10%;
		padding-bottom: 6%;
	}
	.content3Area > .commonLayout10 > li{
		width: 100%;
	}
}

/* .content4Area */
.content4Area{
	padding-top: 4%;
	padding-bottom: 3%;
}
.content4Area > .commonTitle2 {
    margin-bottom: 4%;
}
@media screen and (max-width:640px) {
	.content4Area{
		padding-top: 10%;
		padding-bottom: 6%;
	}
	.content4Area > .commonLayout10 > li{
		width: 48%;
		margin-bottom: 3.5%;
	}
	.content4Area > .commonLayout10 dt{
		line-height: 1.4;
		margin-top: 10px;
		margin-bottom: 15px;
		text-align: center;
	}
	.content4Area > .commonTitle2 > img{
		width: 93%;
		height: auto;
	}
}

/* .footTutuMap */
.footTutuMap section {
	padding-top:60px;
	padding-bottom:0px;
}

/* index */
.movieIndex {
	display: none;
}
@media screen and (max-width:960px) {
	/* index */
	.movieIndex {
		display: block;
		width: 90%;
	}
	.movieIndex iframe {
		max-width: 100%;
		height: 165px;
	}
}

/*
	コンセプト・施設紹介
**************************************************/

/* .charmArea */
.charmArea ul {
	zoom: 1;
}
.charmArea ul:after {
	content:"."; display:block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.charmArea ul li {
	float: left;
	width: 30%;
}
.charmArea ul li + li {
	margin-left: 4%;
}
.charmArea ul li .img {
	margin-bottom: 3%;
}
.charmArea ul li .img img {
	width: 100%;
	height: auto;
}

/* .btmNav */
.btmNav {
	padding: 2% 0;
	background-color: #58aaae;
}
.btmNav ul {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 3%;
	zoom: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btmNav ul:after {
	content:"."; display:block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.btmNav li {
	float: left;
	width: 24.7%;
	text-align: center;
	font-size: 0;
}
.btmNav li + li {
	margin-left: .3%;
}
.btmNav a {
	display: block;
	padding: 9% 9% 5%;
	background-color: #66b1b5;
}
.btmNav .on {
	background-color: #e6f1f3;
}
.btmNav .img {
	margin-bottom: 4%;
}
.btmNav .img img {
	width: 100%;
	height: auto;
}

/* smart */
.btmNav ul.type01 {
	text-align: center;
}
.btmNav ul.type01 li {
	display: inline-block;
	float: none;
}
@media screen and (max-width:640px) {
	.charmArea ul li {
		float: none;
		width: 100%;
	}
	.charmArea ul li + li {
		margin-top: 5%;
		margin-left: 0;
	}
	.btmNav li {
		display: inline-block;
		float: none;
		width: 49%;
		padding: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.btmNav li:nth-child(2n-1) {
		margin-left: 0;
	}
	.btmNav li:last-child {
		margin-top: 1.5%;
	}
}





/* プランバナー */
.planBnr {
	display: block;
	width: 600px;
	margin: 0 auto;
	border: 1px solid #abd5d7;
	zoom: 1;
}
.planBnr:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
.planBnr > img {
	float: left;
}
.planBnr dl {
	margin: 40px 0 0 334px;
}
.planBnr dt {
	font-size: 13px;
	font-size: 1.3rem;
}
.planBnr dd {
	font-size: 10.5px;
	font-size: 1.05rem;
}
@media screen and (min-width:641px) {
	.planBnr {
		background-image: none!important;
	}
}
@media screen and (max-width:640px) {
	.planBnr {
		width: auto;
		padding-top: 50%;
		/*background: url(../../img/chapel/index/planbnr_img_sp.jpg) no-repeat;*/
		background-size: 100%;
	}
	.planBnr > img {
		display: none;
		float: none;
	}
	.planBnr dl {
		margin: 15px 0;
		text-align: center;
	}
}

.banners{
	margin-top:0;
	text-align: center;
	padding-bottom: 7%;
}
.banners > ul{
}
.banners > ul > li{
	display: inline-block;
	margin: 0 1%;
}
.banners > ul > li > a{
}
.banners > ul > li > a > img{
	width: auto;
	height: 80px;
	display: block;
}
@media screen and (max-width:640px) {
	.banners > ul{
		text-align: center;
	}
	.banners > ul > li{
		width: 80%;
		margin: 0%;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 6%;
	}
	.banners > ul > li:first-child {
		margin-right:0%;
	}
	.banners > ul > li > a{
		display: block;
	}
	.banners > ul > li > a > img{
		width: 100%;
		height: auto;
	}
}