@charset "utf-8";

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

#area {}


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

#area #mainvisual {
	position: relative;
	margin-bottom: 20px;
}

#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 h1#area {
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    position: relative;
    text-align: center;
    font-size: 20px;
    margin: 0 auto;
}
#contents h2 {
    text-align: center;
    font-family: Oswald, sans-serif;
    font-size: 18px;
    margin-bottom: 40px;
}
#area h1#area img {
	width: 260px;
}


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

#area #contents {
	padding: 20px 10px 40px 10px;
}

#area #contents .main .innerblock {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}


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

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

#area #contents .topics h2 {
	width: 100%;
	height: 102px;
	background: url(../../images/church/topics_title.png) no-repeat center center;
	-webkit-background-size: auto 102px;
	   -moz-background-size: auto 102px;
		    background-size: auto 102px;
	margin: 0;
	padding: 0 0 30px 0;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}

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

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

#area #contents .topics .articles li {
	width: 100%;
	margin: 0;
	padding: 0;
}

#area #contents .topics .articles li a {
	display: block;
	border-bottom: 1px dotted #b1ab9c;
	padding: 10px 0 5px 0;
}

#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;
}

#area #contents .topics .articles li .description { display: none; }


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

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



#area #contents .church .articles {
	text-align: center;
	display: none;
	_zoom: 1;
	overflow: hidden;
}

#area #contents .church .articles .table {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
}

#area #contents .church .articles li {
	text-align: left;
	display: block;
	width: 100%;
	margin: 0 0 15px;
}
#area .pict{
	margin-bottom: 10px;
}

#area #contents .church .articles li.even { padding: 0 5px 0 0; }
#area #contents .church .articles li.odd  { padding: 0 0 0 5px; }

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

#area #contents .church .articles li.blank a,
#area #contents .church .articles li.blank a:hover {
	background-color: transparent !important;
	border: 1px solid transparent !important;
	padding: 0 !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: 8px;
	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: 8px;
	background-color: #03bae8;
	padding: 3px 5px;
}

#area #contents .church .articles li a .title {
	font-size: 12px;
	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: 10px;
}


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

#contents .more {
	max-width: 280px;
	margin: 20px auto 40px auto;
	_zoom: 1;
	overflow: hidden;
}

#contents .more ul {
	margin: 0;
	padding: 0;
}

#contents .more li {
	margin: 0 0 20px 0;
	padding: 0;
}

#contents .more .label { text-align: center; padding: 0 50px; }

#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 { text-align: center; margin-bottom: 5px; }

#contents .more .box h4 { margin-bottom: 10px;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 p { display: none; }

#contents .more .box a {
	display: block;
	text-align: center;
	margin-bottom: 0;
}
#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) {
}