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

#mombetsu-wrapper {
	background: url(../images/article/01/bg_article.gif) repeat;
}
img {
	width: 100%;
	}
.ttl{
	text-align: center;
}
.ttl img{
	width: auto;
	margin: 0 auto;
	max-width: 100%;
	}
.ttl.subTtl img{
	max-height: 23px;
}
.mb20{
	margin-bottom: 20px;
	}
.mb50{
	margin-bottom: 50px;
	}
.mb100{
	margin-bottom: 100px;
	}
.pt30{
	padding-top: 30px !important;
	}
.wide {
	display: block;
}
.normalWide {
	display: block;
}
.normal,  .sp {
	display: none;
}
#mainVisual {
	text-align: center;
}
#mainVisual img {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
#articleArea {
	width: 100%;
	max-width: 780px;
	margin: 0 auto;
	padding: 50px 0;
}
#articleArea .article {
	padding: 0 20px 20px 20px;
}
#articleArea .ttl {
	margin: 0 auto 20px auto;
	max-width: 666px;
}
#articleArea .ttl.long {
	max-width: 730px;
}
#articleArea .txtArea {
	background: rgba(255,255,255,0.50);
	padding: 20px 20px;
	text-align: left;
	font-size: 18px;
	line-height: 1.8;
}
#articleArea .txtArea.mb {
	margin-bottom: 30px;
}
#articleArea .txtArea.mb50 {
	margin-bottom: 50px;
}
#articleArea .txtArea p:first-letter {
	font-size: 50px;
	color: #0b308e;
	line-height: 1;
    float: left;
    margin: 0 .2em 0 0;
    padding: .1em 0;
	}
#articleArea .imgArea {
	margin-bottom: 30px;
	}
#articleArea .imgArea.mb0 {
	margin-bottom: 0;
	}
.mapArea{
	width: 100%;
	margin-bottom: 30px;
	}
.mapArea #map-canvas{
	width: 100%;
	height: 460px;
	}
iframe{
	width: 100%;
}
.event{
	padding: 0 20px 20px 20px;
	}
.event .ttl{
	margin-bottom: 40px !important;
	}
.event .detailArea dl{
	width: 100%;
	margin-bottom: 40px;
	}
.event .detailArea dl dt{
	float: left;
	width: 38%;
	margin-right: 2%;
}
.event .detailArea dl dd{
	float: right;
	width: 60%;
}
.event .detailArea dl dd .ttl-sub{
	margin-bottom: 15px;
	padding-bottom: 5px;
	background: url(../images/article/01/bg_ttl.gif) no-repeat bottom left;
	background-size: contain;
	text-align: left;
}
.event.spring .detailArea dl dd .ttl-sub{
	padding-bottom: 10px;
	background: url(../images/article/bg_ttl_spring.gif) no-repeat bottom left;
}
.event .detailArea dl dd .ttl-sub img{
	max-width: 350px;
}
.event.spring .detailArea dl dd .ttl-sub img{
	max-width: inherit;
}
.event .detailArea dl dd p{
	margin-bottom: 15px;
	text-align: left;
	font-size: 14px;
}
.event .detailArea dl dd .btnArea{
	text-align: right;
}
.event .detailArea dl dd .btnArea a.btn-link{
	margin-right: 0 !important;
}
.event .detailArea dl dd .btnArea a img{
	max-width: 280px;
}
.btnArea.single{
	text-align: center;
	padding-top: 20px;
	}
.btnArea.single a{
	display: block;
	max-width: 300px;
	margin: 0 auto;
}
.btnArea.single a img{
	width: 100%;
}
.plusInfo{
	padding: 40px 60px;
	margin: 0 auto 100px auto;
	background: rgba(81,173,221,0.10);
	}
#articleArea .plusInfo .txtArea {
	background: rgba(81,173,221,0);
	padding: 0;
}
#articleArea .plusInfo .txtArea p {
	font-size: 16px;
	line-height: 1.5;
}
#articleArea .plusInfo .txtArea p:first-letter{
	font-size: 18px;
	color: #333;
	font-weight: normal;
	line-height: 1.8;
	float: none;
	margin: 0;
	padding: 0;
}
#articleArea .backNumber .ttl {
	background: #0b308e;
	padding: 15px 0;
	border-radius: 5px 5px 0 0;
	margin-bottom: 0 !important;
	max-width: inherit;
	}
#articleArea .backNumber .bnList {
	background: rgba(255,255,255,0.5);
	padding: 20px 20px;
	text-align: left;
}
#articleArea .backNumber .bnList ul li a{
	display: block;
	color: #333;
	text-decoration: none;
	font-size: 16px;
	padding-left: 25px;
	background: url(../images/article/ico_backNumber.png) left center no-repeat;
}
#articleArea .backNumber .bnList ul li a:hover{
	text-decoration: underline;
}
#articleArea .backNumber .bnList ul li{
	padding: 10px;
	border-bottom: 1px solid rgba(11,48,142,0.30);
}
#articleArea .backNumber .bnList ul li:last-child{
	border-bottom: none;
}
.shopInfo .halfLeft{
	width: 49%;
	float: left;
	text-align: left;
	}
.shopInfo .halfRight{
	width: 49%;
	float: right;
	}
.halfRight iframe{
	width: 100%;
}
.shopInfo .ttl-sub{
	color: #0b308e;
	font-weight: bold;
	font-size: 140%;
	margin-bottom: .5em;
	}
.shopInfo h5{
	font-weight: bold;
	font-size: 105%;
	}
.shopInfo p{
	padding-left: 1em;
}
.bnrArea.w90 img{
	width: 90%;
	margin: 0 auto;
	}

@media screen and (max-width:1080px) {
.normal {
	display: block;
}
.normalWide {
	display: block;
}
.wide,  .sp {
	display: none;
}
}

@media screen and (max-width:640px) {
.sp {
	display: block;
}
.mb50{
	margin-bottom: 25px;
	}
.mb100{
	margin-bottom: 50px;
	}
.wide,  .normal , .normalWide{
	display: none;
}
.event .detailArea dl{
	width: 100%;
	padding-right: 0;
	display: block;
	margin: 0 auto 30px auto;
	max-width: 640px;
}
.event .detailArea dl dt,
.event .detailArea dl dd{
	width: 100%;
	margin-right: 0;
	float: none;
}
.event .detailArea dl dt{
	margin-bottom: 15px;
	}
.event .detailArea dl dd .ttl-sub img{
	max-width: 640px;
	}
.event .detailArea dl dd .btnArea{
	text-align: center;
}
.event .detailArea dl dd .btnArea a.btn-link{
	margin-right: auto !important;
}
.event .detailArea dl dd .btnArea a{
	text-align: center;
}
.event .detailArea dl dd .btnArea a img{
	max-width: 465px;
	margin: 0 auto;
}
#articleArea{
	padding: 20px 0;
	}
#articleArea .ttl {
	margin: 0 auto 15px auto;
}
.ttl.subTtl img {
    height: auto;
    width: 75%;
	max-height: inherit;
}
.article05 .ttl.subTtl img {
    height: auto;
    width: 95%;
}
#articleArea .txtArea {
	padding: 15px 10px;
	font-size: 14px;
}
#articleArea .imgArea,
#articleArea .mapArea {
	margin-bottom: 20px;
}
.mapArea #map-canvas{
	width: 100%;
	height: 300px;
	}
.event{
	padding: 0 20px;
}
.event .detailArea dl{
	padding-right: 10px;
	}
.plusInfo{
	padding: 20px 25px;
	margin-bottom: 50px;
}
.shopInfo .halfLeft{
	width: 100%;
	float: none;
	margin-bottom: 5%;
	}
.shopInfo .halfRight{
	width: 100%;
	float: none;
	}
}
span.blue{
	color:#0b308e;
	font-weight: normal;
}