@charset "utf-8";

/*//////////////////////////////////////////////////////////
//  - AREA
//////////////////////////////////////////////////////////*/

#area {}


/*----------------------------------------------------------
  - MAINVISUAL
----------------------------------------------------------*/

#contents h2 {
    text-align: center;
    font-family: Oswald, sans-serif;
    font-size: 25px;
    margin-bottom: 40px;
}
#area #mainvisual {
	position: relative;
	margin-bottom: 50px;
}

#area #mainvisual .innerblock {
	position: relative;
	margin: 0 auto;
	padding: 0;
	_zoom: 1;
	overflow: hidden;
}

#area #mainvisual #slider {
	position: relative;
	text-align: center;
	height: auto;
	padding: 0;
	-webkit-background-size: 100% auto;
	   -moz-background-size: 100% auto;
		    background-size: 100% auto;
}

#area #mainvisual #slider .bxslider {
	display: none;
	margin: 0;
	padding: 0;
}
#area #mainvisual #slider .bxslider img { width: 100%; }

#area #mainvisual #slider .bx-viewport {
	_zoom: 1 !important;
	overflow: visible !important;
	z-index: 10;
}
#area #mainvisual #slider .bx-controls { display: none; }


/*----------------------------------------------------------
  - TITLE
----------------------------------------------------------*/

#area #wrapper {
}

#area h1#area {
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	position: relative;
	text-align: center;
	font-size: 35px;
	margin: 0 auto;
}

#area h1#area img {}


/*----------------------------------------------------------
  - CONTENTS
----------------------------------------------------------*/

#area #contents {
	padding: 60px 0 80px 0;
}

#area #contents .main .innerblock {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}


/*----------------------------------------------------------
  - TOPICS
----------------------------------------------------------*/

#area #contents .topics {
	width: 100%;
	padding: 20px 0 80px 0;
}



#area #contents .topics .articles {
	_zoom: 1;
	overflow: hidden;
}

#area #contents .topics .articles ul {
	margin: 0 -35px 0 0;
}

#area #contents .topics .articles li {
	float: left;
	width: 310px;
	margin: 0 35px 0 0;
}

#area #contents .topics .articles li a { display: block; }

#area #contents .topics .articles li a span {
	display: block;
	color: #5b5744;
	background: url(../../images/church/topics_icon_leaf.png) no-repeat 0 center;
	padding: 0 0 0 20px;
}

#area #contents .topics .articles li a .title {
	color: #03bae8;
	margin-bottom: 10px;
}

#area #contents .topics .articles li .description {
	font-size: 12px;
	line-height: 160%;
}


/*----------------------------------------------------------
  - CHURCH
----------------------------------------------------------*/

#area #contents .church {
	width: 100%;
	padding: 20px 0 80px 0;
}



#area #contents .church .articles {
	_zoom: 1;
	overflow: hidden;
}

#area #contents .church .three-column ul { margin: 0 -35px 0 0; }
#area #contents .church .three-column li {
	float: left;
	width: 310px;
	margin: 0 35px 20px 0;
}

#area #contents .church .four-column ul { margin: 0 -20px 0 0; }
#area #contents .church .four-column li {
	float: left;
	width: 235px;
	margin: 0 20px 20px 0;
}

#area #contents .church .articles li a {
	display: block;
	position: relative;
	line-height: 140%;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #fff;
	color: #000;
}
#area #contents .church .articles li a:hover {
	border: 1px solid #000;
}

#area #contents .church .articles li.blank a,
#area #contents .church .articles li.blank a:hover {
	background-color: transparent !important;
	border: 1px solid transparent !important;
	cursor: default !important;
}

#area #contents .church .articles li a .pict { margin-bottom: 10px; }
#area #contents .church .articles li .pict img,
#area #contents .church .articles li a .pict img { width: 100%; }

#area #contents .church .articles li .campaign span,
#area #contents .church .articles li a .campaign span {
	position: relative;
	top: -5px;
	color: #fff;
	font-size: 9px;
	background-color: #fe4f78;
	padding: 3px 5px;
}

#area #contents .church .articles li .area span,
#area #contents .church .articles li a .area span {
	position: relative;
	top: -5px;
	color: #fff;
	font-size: 9px;
	background-color: #03bae8;
	padding: 3px 5px;
}

#area #contents .church .articles li a .title {
	font-size: 13px;
	background: url(../../images/church/article_icon_arrow.png) no-repeat 0 1px;
	padding: 0 0 5px 15px;
}

#area #contents .church .articles li a .en {
	color: #5b5744;
	font-size: 12px;
}


/*----------------------------------------------------------
  - MORE
----------------------------------------------------------*/

#contents .more {
	margin: 20px 0 40px 0;
	_zoom: 1;
	overflow: hidden;
}

#contents .more ul {
	margin: 0 -35px 0 0;
}

#contents .more li {
	float: left;
	width: 310px;
	margin: 0 35px 0 0;
}

#contents .more .label { text-align: center; }

#contents .more .box {
	background-color: #fff;
	padding: 10px 8px;
}
#contents .more .dress .box { border: 2px solid #000; }
#contents .more .honeymoon .box { border: 2px solid #000; }
#contents .more .afterparty .box { border: 2px solid #000; }

#contents .more .box .pict { margin-bottom: 5px; }

#contents .more .box h4 { font-size: 20px;margin-bottom: 10px;font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    position: relative;
    text-align: center; }
#contents .more .box .common-link{

}
#contents .more .box p {
	font-size: 12px;
	line-height: 140%;
	margin-bottom: 10px;
}

#contents .more .box a {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}
#contents .more .box a img { text-align: center; }


/*----------------------------------------------------------
  - TBD
----------------------------------------------------------*/

.sample {
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	_zoom: 1;
	overflow: hidden;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
	-webkit-background-size: 30px auto;
	   -moz-background-size: 30px auto;
		    background-size: 30px auto;
	-webkit-background-origin: content;
	   -moz-background-origin: content;
	        background-origin: content;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

@media screen and (min-width: 769px) {
}

@media screen and (min-width: 0px) and (max-width: 768px) {
}



	#area #contents .church .four-column li {
	    float: left;
	    width: 30%;
	    margin: 0 20px 20px 0;
	}
	.more .even{
		width: 30%;
	}
	.four-column a{
		height: 250px;
	}