@charset "UTF-8";

/* Mobile Layout: 480px and below. */

#contents-wrap-top{
	width: 96%;
	height:auto;
	padding: 0 2% 0 2%;
	clear:both;
	position:relative;
	margin-bottom:10px;
}
#mainimage {
	width: 96%;
	height: auto;
	padding:15px 2% 0 2%;
	clear:both;
	overflow:hidden;
}

/*left---right*/
#contents-wrap-top #left{
	width: 100%;
	height:auto;
	float:left;
}
#contents-wrap-top #right{
	width: 100%;
	height:auto;
	float:right;
}

/*news*/
#contents-wrap-top img{
	max-width: none;
}
#contents-wrap-top #left .news{
	width: 100%;
	height: auto;
	background-image: url(../top-img/news_bg.jpg);
	background-repeat: repeat;
	background-size: contain;
	overflow-x: hidden;
}
#contents-wrap-top #left .news .special_ttl{
	width:96%;
	height:38px;
	padding: 0 2% 0 2%;
	background-image:url(../top-img/special_ttl.jpg);
	text-align:left;
	line-height:2em;
	color:#5F574F;
	font-family:'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
	font-size:1.7em;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

#contents-wrap-top #left .news .box{
	width: 92%;
	min-height:60px;
	background-color:#FFFFFF;
	padding: 2%;
	margin: 10px 2% 0 2%;
	text-align:left;
	clear:both;
}
#contents-wrap-top #left .news .box span{
	color:#993333;
	line-height:1.8;
	border-bottom:dotted 1px #993333;
}
.box span a:link{
	color:#993333;
	line-height:1.8;
	text-decoration:none;
	border-bottom:dotted 1px #993333;
}
.box span a:visited{
	text-decoration:none;
	color:#663333;
}
#contents-wrap-top #left .news .bottom{
	width: 100%;
	height: 25px;
	background-image: url(/tokyo/church/luke/top-img/news_bottom.jpg);
	background-repeat: no-repeat;
	text-align: right;
	clear: both;
	padding:5px 0 0;
}
#contents-wrap-top #left .news div.btn {
	text-align:right;
	padding-top:15px;
}

/*link*/
#contents-wrap-top #left #link_pc{
	display:none;
}
#contents-wrap-top #link_mobile{
	display:block;
}
#contents-wrap-top #link_mobile ul{
}
#contents-wrap-top #link_mobile ul li{
	margin:0 5px 10px;
	display:inline-block;
}
#contents-wrap-top #left #link{
	width:210px;
	height:auto;
	text-align:left;
	float:left;
}
#contents-wrap-top #left #link ul li{
	margin:0 0 10px 0;
}


/*information*/
#contents-wrap-top #left #information{
	width: 100%;
	height: auto;
	background-image: url(/tokyo/church/luke/top-img/information_bg.gif);
	background-repeat: repeat-y;
	float: left;
	margin: 0 0 2em;
	background-size: contain;
}
#contents-wrap-top #left #information p.ttl{
	background: url(../top-img/information_ttl_bg.png) no-repeat;
	background-size: cover;
}
#contents-wrap-top #left #information p.ttl img{
	width: 300px;
	text-align:center;
}
#contents-wrap-top #left #information img.bg{
	width: 100%;
	height: auto;
}
#contents-wrap-top #left #information .box{
	width: 90%;
	height: auto;
	padding-left: 0;
}
#contents-wrap-top #left #information .box table{
	width: 100%;
}
td.topinfo01{
	background-color: #E8DCC7;
	border-bottom: 1px dotted #665541;
	color: #442E21;
	width: 25%;
}
td.topinfo02{
	background-color: #F9F6F1;
	border-bottom: 1px dotted #665541;
	color: #442E21;
}
#information img.bottom{
	width: 100%;
}

/*message*/
#contents-wrap-top #right #message{
	width: 96%;
	height: auto;
	background-image: url(/tokyo/church/luke/top-img/message_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding:0 2% 5px;
	margin:0 0 20px;
}
#contents-wrap-top #right .message_ttl{
	background:url(../top-img/message_ttl_bg.png) no-repeat;
	background-size: cover;
}
#contents-wrap-top #right #message .photo{
	height: auto;
	text-align: center !important;
	/*overflow-x: hidden;*/
	width: 80%;
	padding:10px 0 0;
}
#contents-wrap-top #right #message .txt{
	text-align:left;
	text-align:left;
	padding:5px 13px;
}

/* Tablet Layout: 481px to 899px. Inherits styles from: Mobile Layout. */

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

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media print, screen and (min-width: 768px) {
#contents-wrap-top{
	width:860px;
	margin-bottom:0;
}
#mainimage {
	width:860px;
	height:370px;
	padding:0 20px 0 20px;
}
#contents-wrap-top #left{
	width:600px;
}
#contents-wrap-top #right{
	width:230px;
}
#contents-wrap-top #left .news{
	width:600px;
}
#contents-wrap-top #left .news .box{
	width:560px;
	padding:10px;
	margin:1px 10px 0 10px;
	font-size: 1.2em;
}
#contents-wrap-top #left .news .bottom{
	width:600px;
	margin:0 0 0;
}
#contents-wrap-top #left #link_pc{
	display:block;
}
#contents-wrap-top #link_mobile{
	display:none;
}
#contents-wrap-top #left #link{
	width:222px;
}
#contents-wrap-top #left #information{
	width:378px;
	margin: 0 0 0;
}
#contents-wrap-top #left #information .box{
	width:350px;
}
#contents-wrap-top #left #information p.ttl img{
	width: 378px;
}
#contents-wrap-top #right #message{
	width:230px;
	height:710px;
	padding: 0;
	background-size: auto;
}
#contents-wrap-top #right .message_ttl{
	background-size: cover;
}
/*#contents-wrap-top #right #message .photo{
	height:90px;
}*/
}