@charset "UTF-8";

/*
テンプレート設定
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

body {
  -webkit-text-size-adjust: 100%;
}

.hide{ display:none !important ; }

.show{ display:block !important ;}

	


/*…………………………………………………
PC
……………………………………………………*/


@media only screen and (min-width: 641px), print {
	
/*…………………………………………………
共通
……………………………………………………*/

.PCnone{
	display:none;
}
	
	
/*…………………………………………………
ヘッダ
……………………………………………………*/
	
	
#Header{
	width: 100%;
	min-width: 1140px;
}

	#Header .inner{
		position: relative;
		overflow: hidden;
		width: 1140px;
		margin: 0 auto;
	}
	
	/*上部*/
	#Header .hhead{
		background-color: #333;
		height: 30px;
	}

		#Header .hhead .lead{
			float: left;
			font-size: 11px;
			color: #fff;
			padding-top: 6px;
		}

		#Header .hhead .navi{
			float: right;
		}

			#Header .hhead .navi li{
				float: right;
				margin-top: 2px;
				margin-left: 8px;
			}

			#Header .hhead .navi li.search{
				border-left: 1px solid #ccc;
				padding-left: 5px;
				margin-left: 15px;
			}

			#Header .hhead .navi li a{
				display: block;
				padding: 0 4px;
			}
			
	/*本体*/
	#Header .hbody{
		background-color: #fff;
		padding: 20px 0;
	}
	
		#Header .hbody .logo{
			float: left;
		}
		#Header .hbody .logo img{
			width: 70%;
			height: auto;
		}
	
		#Header .hbody .date{
			float: left;
			font-family: 'Lato', sans-serif;
			line-height: 1.1;
			text-align: center;
			color: #fff;
			background-color: #8b7f6e;
			-webkit-border-radius: 40px;
			-moz-border-radius: 40px;
			border-radius: 40px;
			width: 130px;
			height: 20px;
			margin-top: 4px;
			padding: 4px 0;
			margin-left: -40px;
		}
			#Header .hbody .date .dd{
				font-size: 18px;
			}
			#Header .hbody .date .month{
				margin-left: 5px;
			}
			#Header .hbody .date .year{
				margin-left: 5px;
			}
			#Header .hbody .date .day{
				font-size: 11px;
				font-weight: bold;
			}
			#Header .hbody .ad{
				float: right;
				width: 728px;
			}
			
			#Header .hbody .menu{
				display:none;
			}
	
	
/*…………………………………………………
グローバルナビ
……………………………………………………*/	


#Globalnavi{
	float: right;
	width: 690px;
	position: absolute;
	top: 7px;
	right: 0;
}

	#Globalnavi .inner{
		width: 1140px;
		margin: 0 auto;
	}

		#Globalnavi li{
			float: left;
			margin-left: 35px;
		}
		#Globalnavi li:first-child{
			margin-left: 0;
		}

		#Globalnavi li a{
			display: block;
			text-align: center;
			font-size: 15px;
			color: #000;
			padding-top: 3px;
		}	
		#Globalnavi li.gn01 a{padding:0;}
		#Globalnavi li.gn04{ padding-right: 35px; padding-bottom: 2px; border-right: 1px solid #aaa;}
			
		#Globalnavi li a:hover{
			color: #e30920;
		}
		
				
		.navMenu{
			display:none;
		}
		
		.searchMenu{
			display:none;
		}
	
		#Header .ad{
			background-color: #eee;
			width: 1140px;
			margin: 0 auto 15px;
			text-align: center;
		}


/*…………………………………………………
コンテンツレイアウト
……………………………………………………*/


	#Content{
		overflow: hidden;
		position: relative;
		width: 1140px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	
	#Main{
		float: left;
		width: 820px;
		overflow:hidden;
	}
	
	#Side{
		float: right;
		width: 300px;
	}
	
	/*Main 2分割(400px)*/
	.twoColumn{
		overflow: hidden;
	}
		
		.twoColumn .flL{
			width: 400px;
		}
		
		.twoColumn .flR{
			width: 400px;
		}
	
	
/*…………………………………………………
右カラム各設定
……………………………………………………*/


	#Side .ad{
		margin-bottom: 20px;
	}
	
	#Side .sns{
		margin-bottom: 20px;
	}
		#Side .sns div{
			margin-bottom: 20px;
		}
	
	/*検索*/
	#Side .sideSearchSection{
		margin-bottom: 20px;
	}

		#Side .sideSearchSection .inner{
			background-color: #eeeeee;
			padding: 15px 20px;
		}

		#Side .sideSearchSection .inputtext{
			position: relative;
			height: 30px;
		}

			#Side .sideSearchSection .inputtext .fbox{
				width: 258px;
				height: 28px;
				border: 1px solid #888;
				-webkit-border-radius: 4px; 
				-moz-border-radius: 4px;
				border-radius: 4px; 
				text-indent: 10px;
			}

			#Side .sideSearchSection .inputtext .btn{
				position: absolute;
				right: 0px;
				top: 0px;
			}

	
	/*…………………………………………………
グルメ検索
……………………………………………………*/
#Side .gourmetSearchSection{
	margin-bottom: 14px;
	border-top: 2px solid #000;
	padding: 12px 0px 0 8px;
}

	#Side .gourmetSearchSection .modTitle{
		height: 39px;
		line-height: 39px;
		background: url(https://www.lmaga.jp/content/images/common/gourmet.png) left center no-repeat;
		margin-bottom: 7px;
	}

		#Side .gourmetSearchSection .modTitle a{
			display: block;
			font-size: 18px;
			color: #e30920;
			padding-left: 43px;
			background: url(https://www.lmaga.jp/content/images/common/arrow-right.png) 265px center no-repeat;
		}

	#Side .gourmetSearchSection p{
		font-size: 13px;
		margin-bottom: 13px;
	}

	#Side .gourmetSearchSection select{
		margin-bottom: 10px;
	}


/*…………………………………………………
イベント検索
……………………………………………………*/
#Side .eventSearchSection{
	border-top: 2px solid #000;
	margin-bottom: 20px;
	padding: 12px 5px 0 8px;
}

	#Side .eventSearchSection .modTitle{
		height: 39px;
		line-height: 39px;
		background: url(https://www.lmaga.jp/content/images/common/calendar.png) left center no-repeat;
		margin-bottom: 7px;
	}

		#Side .eventSearchSection .modTitle a{
			display: block;
			font-size: 18px;
			color: #e30920;
			padding-left: 43px;
			background: url(https://www.lmaga.jp/content/images/common/arrow-right.png) 265px center no-repeat;
		}

	#Side .eventSearchSection p{
		font-size: 13px;
		margin-bottom: 13px;
	}

	#Side .eventSearchSection select{
		margin-bottom: 10px;
	}

	
	
	/*占いバナー*/
	
	#Side ul.fortune-bnr{
		margin-bottom:20px;
	}

		
	#Side .fortune-bnr li{
		display:inline-block;
		margin:0 0 10px 0;
	}
	
	#Side .fortune-bnr li:last-child{
		margin-right:0;
	}
	
	
	/*リンク*/
	#Side .sideLinkSection{
		border-top: 2px solid #000;
		padding: 28px 8px 0 8px;
		margin-bottom: 30px;
	}
	
		#Side .sideLinkSection li{
			margin-bottom: 16px;
		}
	
			#Side .sideLinkSection li a{
				display: block;
				color: #000;
				font-size: 14px;
				height: 16px;
				background: url(https://www.lmaga.jp/content/images/common/arrow-right.png) left center no-repeat;
				padding-left: 25px;
			}
			#Side .sideLinkSection li a:hover{
				color: #003399;
				text-decoration:underline;
			}
	
	
	
	/*リンク*/
	#Side .sideLinkSection{
		border-top: 2px solid #000;
		padding: 28px 8px 0 8px;
		margin-bottom: 30px;
	}
	
		#Side .sideLinkSection li{
			margin-bottom: 16px;
		}
	
			#Side .sideLinkSection li a{
				display: block;
				color: #000;
				font-size: 14px;
				height: 16px;
				background: url(https://www.lmaga.jp/content/images/common/arrow-right.png) left center no-repeat;
				padding-left: 25px;
			}
			#Side .sideLinkSection li a:hover{
				color: #003399;
				text-decoration:underline;
			}
	
	/*新着記事*/
	#Side .sideNewsSection{
		border-top: 2px solid #000;
		padding: 28px 8px 0 8px;
		margin-bottom: 30px;
	}
	
		#Side .sideNewsSection li{
			margin-bottom: 10px;
		}
	
			#Side .sideNewsSection li a{
				color: #333;
			}
			#Side .sideNewsSection li a:hover{
				color: #003399;
				text-decoration:underline;
	
			}
	
	/*ランキング*/
	#Side .sideRankingSection{
		border-top: 2px solid #000;
		padding: 28px 8px 0 8px;
		margin-bottom: 30px;
	}
	
		#Side .sideRankingSection li{
			margin-bottom: 6px;
		}

		#Side .sideRankingSection li a{
			font-size: 13px;
			color: #333;
			height: 24px;
			line-height: 26px;
			padding-left: 25px;
		}
		#Side .sideRankingSection li a:hover{
			color: #003399;
			text-decoration:underline;
		}
		
		#Side .sideRankingSection li.r01 {
			background: url(https://www.lmaga.jp/content/images/common/rank-s/01.png) left center no-repeat;
		}
		#Side .sideRankingSection li.r02 {
			background: url(https://www.lmaga.jp/content/images/common/rank-s/02.png) left center no-repeat;
		}
		#Side .sideRankingSection li.r03 {
			background: url(https://www.lmaga.jp/content/images/common/rank-s/03.png) left center no-repeat;
		}
		#Side .sideRankingSection li.r04 {
			background: url(https://www.lmaga.jp/content/images/common/rank-s/04.png) left center no-repeat;
		}
		#Side .sideRankingSection li.r05 {
			background: url(https://www.lmaga.jp/content/images/common/rank-s/05.png) left center no-repeat;
		}
		#Side .sideRankingSection li.r06 {
			background: url(https://www.lmaga.jp/content/images/common/rank-s/06.png) left center no-repeat;
		}
		#Side .sideRankingSection li.r07 {
			background: url(https://www.lmaga.jp/content/images/common/rank-s/07.png) left center no-repeat;
		}
		#Side .sideRankingSection li.r08 {
			background: url(https://www.lmaga.jp/content/images/common/rank-s/08.png) left center no-repeat;
		}
		#Side .sideRankingSection li.r09 {
			background: url(https://www.lmaga.jp/content/images/common/rank-s/09.png) left center no-repeat;
		}
		#Side .sideRankingSection li.r10 {
			background: url(https://www.lmaga.jp/content/images/common/rank-s/10.png) left center no-repeat;
		}
	
	.bannerSection {
		display: none;
	}
	
	
/*…………………………………………………
フッタ
……………………………………………………*/

	
#Footer{
	width: 100%;
	min-width: 1140px;
	border-top: 2px solid #e30920;
}

	#Footer .inner{
		overflow: hidden;
		position: relative;
		width: 1140px;
		margin: 0 auto;
		padding:40px 0;
	}

	#Footer .logo{
		float: left;
		margin-right: 90px;
	}
	
	#Footer .navi{
		overflow: hidden;
		float: left;
		width: 680px;
	}
	
		#Footer .navi li{
			float: left;
			width: 170px;
			margin-bottom: 17px;
		}
		
		
		#Footer .navi li:nth-child(n+5){
			margin-bottom: 0;
		}
		
	
			#Footer .navi li a{
				display: block;
				color: #000;
				font-size: 12px;
				height: 16px;
				background: url(https://www.lmaga.jp/content/images/common/arrow-right.png) left center no-repeat;
				padding-left: 25px;
			}
			#Footer .navi li a:hover{
				color: #e30920;
			}
			
	#Footer .copyright{
		padding: 10px;
		font-size: 13px;
		font-family: 'Lato', sans-serif;
		color: #fff;
		text-align: center;
		background-color: #333;
	}


/*…………………………………………………
汎用部分
……………………………………………………*/


/*コンテンツタイトル*/
.modTitle{
	font-size: 22px;
	font-weight: bold;
	line-height: 1.1;
	color: #e30920;
	margin-bottom: 20px;
}
	.modTitle small{
		font-size: 13px;
		font-weight: normal;
		color: #333;
	}
	
/*中ページタイトル*/
.modPageTitle{
	overflow: hidden;
	width: 780px;
	margin: 0 auto 20px;
}

	.modPageTitle .title{
		float: left;
		font-size: 14px;
		line-height: 1.1;
		font-weight: bold;
		display: inline-block;
		border: 2px solid #bfbfbf;
		padding: 8px 30px;
	}
	
	.modPageTitle .title a{
		color:#000;
	}
	
	.modPageTitle .title a:hover{
		color:#e30920;
	}

	.modPageTitle .sns{
		overflow: hidden;
		float: right;
		width: 238px;
	}
	
		.modPageTitle .sns li{
			overflow: hidden;
			float: left;
			margin-right: 5px;
		}
		.modPageTitle .sns li:last-child{
			margin-right: 0px;
		}

/*ボタン*/
.modBtn a{
	text-align: center;
	display: block;
	width: 100%;
	color: #000;
	font-size: 13px;
	line-height: 1.1;
	padding: 9px 0;
	box-sizing: border-box;
	border: 1px solid #a0a0a0;
}
.modBtn a:hover{
	border: 1px solid #e30920;
}

	.modBtn a span{
		display: inline-block;
		padding-right: 25px;
		background: url(https://www.lmaga.jp/content/images/common/arrow-right.png) right center no-repeat;
	}

	.modDownBtn a {
		text-align: center;
		display: block;
		width: 100%;
		height: 46px;
		color: #000;
		font-size: 13px;
		line-height: 46px;
		box-sizing: border-box;
		border: 1px solid #a0a0a0;
	}
	
	.modDownBtn a:hover{
		border: 1px solid #e30920;
	}
	
	.modDownBtn a span{
		display: inline-block;
		padding-right: 34px;
		background:url(../images/common/arrow-down.png) right center no-repeat;
	}


/*タイトル下　もっと見るボタン*/
.modMoreBtn{
	overflow: hidden;
	margin-top: -35px;
	margin-bottom: 20px;
}

	.modMoreBtn a{
		float: right;
	}

		.modMoreBtn a span{
			font-size: 12px;
			line-height: 16px;
			color: #333;
			display: inline-block;
			padding-right: 25px;
			background: url(https://www.lmaga.jp/content/images/common/arrow-right.png) right center no-repeat;	
		}
		.modMoreBtn a:hover span{
			color: #e30920;
		}
		
/*ページャー*/
.modPager{
	overflow: hidden;
	margin-bottom: 20px;
}

	.modPager{
		text-align: center;
	}
		
		.modPager a .number{
			color: #000;
			background-color: #fff;
			border: 1px solid #aaaaaa;
		}
		.modPager a:hover .number {
			background-color: #eee;
			color: #000;
		}
		.modPager .number{
			font-size: 12px;
			color: #fff;
			display: inline-block;
			background-color: #666666;
			border: 1px solid #666666;
			width: 30px;
			height: 30px;
			line-height: 30px;
			margin: 0 4px;
		}
	
		.modPager ul .prev a,
		.modPager ul .next a{
			position: relative;
			display: block;
			width: 32px;
			height: 32px;
			background: none;
			line-height: 1px;
			margin: 0 14px;
			border: 0px;
		}
	

/*セレクトリセット*/
.fselect{
	-webkit-appearance:none;
	-moz-appearance:none;
		text-indent: .01px; /* Firefox用 */
		text-overflow: ""; /* Firefox用 */
	appearance:none;
	
	width: 100%;
	height: 34px;
	background: url(https://www.lmaga.jp/content/images/common/arrow-down.png) right center no-repeat;
	cursor: pointer;
	
	font-size: 13px;
	text-indent: 10px;
	color: #777777;
	border: 1px solid #a0a0a0;
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px; 
}

/*小さい版*/
.fselect.small{
	border: 1px solid #888888;
	background: url(https://www.lmaga.jp/content/images/common/arrow-down-s.png) right center no-repeat;
	font-size: 12px;
	height: 26px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
}
/*Firefox
@-moz-document url-prefix() {
	.fselect {
		text-align: center;
		text-indent: 0px;
	}*/


/*…………………………………………………
注目記事
……………………………………………………*/
	
		
.focusListSection{
	border-top: 2px solid #000;
	padding: 27px 20px 0;
}

	.focusListSection .inner{
		overflow: hidden;
		margin-bottom: 5px;
	}

		.focusListSection .inner ul{
			position: relative;
			margin-right: -21px;
		}

		.focusListSection .inner li{
			float: left;
			width: 148px;
			height: 190px;
			margin-right: 10px;
			margin-bottom: 10px;
		}
					
			.focusListSection .inner li .pct{
				display: block;
				margin-bottom: 14px;
			}
			.focusListSection .inner li .pct img{
				width: 148px;
				height: 98px;
			}
		
			.focusListSection .inner li .detail{
				display: block;
			}
		
				.focusListSection .inner li a .detail .date{
					display: block;
					font-size: 12px;
					color: #666;
					margin-bottom: 5px;
				}
		
				.focusListSection .inner li a .detail .title{
					display: block;
					font-size: 14px;
					font-weight: bold;
					line-height: 1.4;
					color: #333;
				}
				.focusListSection .inner li a:hover .detail .title{
					color: #003399;
					text-decoration:underline;
				}
				
				.focusListSection .inner li .detail .title .icon{
					margin-left: 8px;
				}
			
		.focusListSection .modBtn {
			display: none;
		}
				
	/*広告*/
	.adSection{
		width: 780px;
		margin: 0 auto 20px;
	}
	
		.adSection .inner{
			overflow: hidden;
			padding: 40px 0 40px;
			background-color: #f8f8f8;
		}
			
			.adSection .inner ul{
				float: left;
				position: relative;
				left: 50%;
			}
	
			.adSection .inner li{
				float: left;
				position: relative;
				left: -50%;
				margin-left: 30px;
			}
			.adSection .inner li:first-child {
				margin-left: 0;
			}
	
	.ad-sp{
		display:none;
	}


/*…………………………………………………
ランキング
……………………………………………………*/


.rankingSection{
	border-top: 2px solid #000;
	padding: 27px 20px 0;
	margin-bottom: 30px;
}

	.rankingSection .inner{
		overflow: hidden;
	}

	.rankingSection .flL,
	.rankingSection .flR{
		width: 360px;
	}

		.rankingSection li{
			margin-bottom: 10px;
		}

		.rankingSection li a{
			display: block;
			font-size: 14px;
			color: #333;
			height: 24px;
			line-height: 24px;
			padding-left: 35px;
		}
		.rankingSection li a:hover{
			color: #003399;
			text-decoration:underline;
		}
		
		.rankingSection li.r01 a{
			background: url(https://www.lmaga.jp/content/images/common/rank-l/01.png) left center no-repeat;
		}
		.rankingSection li.r02 a{
			background: url(https://www.lmaga.jp/content/images/common/rank-l/02.png) left center no-repeat;
		}
		.rankingSection li.r03 a{
			background: url(https://www.lmaga.jp/content/images/common/rank-l/03.png) left center no-repeat;
		}
		.rankingSection li.r04 a{
			background: url(https://www.lmaga.jp/content/images/common/rank-l/04.png) left center no-repeat;
		}
		.rankingSection li.r05 a{
			background: url(https://www.lmaga.jp/content/images/common/rank-l/05.png) left center no-repeat;
		}
		.rankingSection li.r06 a{
			background: url(https://www.lmaga.jp/content/images/common/rank-l/06.png) left center no-repeat;
		}
		.rankingSection li.r07 a{
			background: url(https://www.lmaga.jp/content/images/common/rank-l/07.png) left center no-repeat;
		}
		.rankingSection li.r08 a{
			background: url(https://www.lmaga.jp/content/images/common/rank-l/08.png) left center no-repeat;
		}
		.rankingSection li.r09 a{
			background: url(https://www.lmaga.jp/content/images/common/rank-l/09.png) left center no-repeat;
		}
		.rankingSection li.r10 a{
			background: url(https://www.lmaga.jp/content/images/common/rank-l/10.png) left center no-repeat;
		}


}

/*…………………………………………………
検索結果ページ
……………………………………………………*/

.SearchBox{
	box-sizing: border-box;
	padding:20px;
	width:100%;
	min-height:40px;
	font-size:14px;
	clear:both;
}
	.SearchBox .fbox{
		padding:3px 8px;
		font-size:13px;
		width: 300px;
		height: 30px;
		border: 1px solid #aaa;
		float:left;
	}

	.SearchBox input.sendBtn{
		padding: 10px 20px;
		margin:0 10px;
		font-size:14px;
		background-color: #666;
		color: #fff;
		width: 120px;
		height: 38px;
		cursor: pointer;
		border-style: none;
		float:left;
	}
	.SearchBox input.sendBtn:hover{
		background-color: #999;
	}
	
.SearchResult{
	padding:20px;
	width:100%;
	min-height:40px;
	font-size:14px;
	clear:both;
	box-sizing: border-box;

}


/*…………………………………………………
SP
……………………………………………………*/


@media only screen and (max-width: 768px) {
		
/*…………………………………………………
共通
……………………………………………………*/


.SPnone{
	display:none;
}


.inner{
	margin-right:10px;
	margin-left:10px;
	margin-bottom:30px;
}

.flL{
	float:none;
}

.flR{
	float:none;
}

/*…………………………………………………
ヘッダ
……………………………………………………*/
	

#Header{
	width: 100%;
}

	#Header .inner{
		overflow:hidden;
		margin:0
	}

	/*上部*/
	#Header .hhead{
		background-color: #333;
		height: 20px;
	}

		#Header .hhead .lead{
			float: left;
			font-size: 11px;
			color: #fff;
			padding-left:10px;
		}

		#Header .hhead .navi{
			display:none;
		}
		
	/*本体*/
	#Header .hbody{
	background-color: #fff;
	padding: 10px;
	}
	
		#Header .hbody .logo{
			float: left;
			padding-top: 5px;
		}
		
		#Header .hbody .logo img{
			width: 150px;
			height:auto;
			margin-top: 4px;
		}
	
		#Header .hbody .date{
			float: left;
			margin: 0 0 0 10px;
			font-family: 'Lato', sans-serif;
			line-height: 1.1;
			text-align: center;
			color: #fff;
			width: 54px;
			height: 54px;
			-webkit-border-radius: 27px;/* width,heightの半分 */
			-moz-border-radius: 27px;
			border-radius: 27px;
			background-color: #8b7f6e;/* 円の色 */
		}
			#Header .hbody .date .dd{
				display: block;
				font-size: 18px;
				padding: 10px 0 0;
			}
			#Header .hbody .date .month{
				display: block;
				font-size: 12px;
				font-weight: bold;
			}
			#Header .hbody .date .day{
				display: block;
				font-size: 12px;
				font-weight: bold;
			}
			#Header .hbody .date .year{
				display: none;
			}	
	#Header .hbody .ad{
		display:none;
	}
	
	#Header .hbody .menu{
				display:block;
				float:right;
			}
			#Header .hbody .menu li{
				display:inline-block;
				width: 60px;
				height: 42px;
				text-align:center;
				background:#444;
				margin-top: 5px;
			}
			#Header .hbody .menu li img{
				width: 35%;
				height: auto;
				padding-top:12px;
			}
			
			#Header .hbody .menu li.search{
				-webkit-border-radius: 5px 0 0 5px;/* width,heightの半分 */
				-moz-border-radius: 5px 0 0 5px;
				border-radius:5px 0 0 5px;
				border-right:1px solid #fff;
			}
			
			#Header .hbody .menu li.menu{
				-webkit-border-radius: 0 5px 5px 0;/* width,heightの半分 */
				-moz-border-radius: 0 5px 5px 0;
				border-radius: 0 5px 5px 0;
			}
		
	
/*…………………………………………………
グローバルナビ
……………………………………………………*/
#Globalnavi{
	display: none;
}


/*…………………………………………………
ナビ
……………………………………………………*/

.navMenu{
	position:absolute;
	width: 90%;
	top:94px;
	z-index:1000;
	display:none;
	right:0;
}

.navMenu li{
	background-color:#666;
	border-bottom:1px solid #fff;
	-moz-opacity: 0.98;
	opacity: 0.98;
}

.navMenu li a{
	display: block;
	height: 45px;
	padding:0 10px;
	line-height:45px;
	font-size: 14px;
	color: #fff;
}

.navMenu li a span{
	display:inline-block;
	width: 100%;
	background:url(../images/common/arrow-right-white.png) right center no-repeat;
}
.navMenu .section02{
	overflow:hidden;
}

.navMenu .section02 .flL{
	float:left;
	width: 50%;
}

.navMenu .section02 .flR{
	float:right;
	width: 50%;
}

.navMenu .section02 .flL li{
	border-right:1px solid #fff;
}

/*…………………………………………………
検索メニュー
……………………………………………………*/

.searchMenu{
	position:absolute;
	top:98px;
	width: 100%;
	z-index:1000;
	display:none;
}

.searchMenu .box{
		background-color: #666;
		padding: 20px;
	}

	.searchMenu .inputtext{
		overflow:hidden;
		position: relative;
		height: 40px;
	}
	
	.searchMenu .inputtext .area{
		float:left;
		width: 100%;
	}
	
	.searchMenu .inputtext .area input {
		-webkit-border-radius: 5px 10px 10px 5px;/* width,heightの半分 */
		-moz-border-radius: 5px 10px 10px 5px;
		border-radius: 5px 10px 10px 5px;
	}

	.searchMenu .inputtext .fbox{
		width: 100%;
		height: 40px;
		border: 1px solid #888;
		font-size:14px;
		text-indent: 10px;
	}

	.searchMenu .inputtext .btn{
		position: absolute;
		right: 0px;
		top: 0px;
	}
	
	.searchMenu .inputtext .btn input {
		-webkit-border-radius: 0px 5px 5px 0px;/* width,heightの半分 */
		-moz-border-radius: 0px 5px 5px 0px;
		border-radius: 0px 5px 5px 0px;
	}


/*…………………………………………………
サイド
……………………………………………………*/

#Side{
	display:none;
}


/*…………………………………………………
コンテンツ
……………………………………………………*/


#Content{
	width: 100%;
}

	.sp-twoColumn .ttl{
		font-size:0;
	}
	
	.sp-twoColumn .ttl li{
		display:inline-block;
		width: 50%;
		font-size:22px;
		border-bottom:1px solid #000;
	}
	
	.sp-twoColumn .ttl li.current{
		border-bottom:3px solid #e30920 !important;
	}

#Main .ad-sptop{
	margin: 10px 0 0;
}
	
	
/*…………………………………………………
フッター
……………………………………………………*/

	/*ページトップボタン*/
	#pagetop {
		display: none;
		position: fixed;
		bottom: 40px;
		right: 20px;
		padding: 5px;
		cursor: pointer;
		background: #000;
		color: #fff;
		width:40px;
		height:40px;
		z-index:9999;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		-moz-opacity:0.50;
		opacity:0.50;
		filter:alpha(opacity=50);
	}
	#pagetop img {
		width:40px;
		height:40px;
	}
	
	.sp−footer{
		border-top:2px solid #e30920;
		padding:10px;
	}
	.sp−footer .footer-navi li{
		display:inline-block;
		width:48%;
		margin-right:2%;
		margin-bottom:10px;
	}
	
	.sp−footer .footer-navi li:nth-child(2n){
		margin-right:0;
	}
	
	.sp−footer .footer-navi li a{
		display: block;
		color: #000;
		font-size: 14px;
		padding-top: 10px;
		padding-bottom: 10px;
		border:1px solid #aaa;
	}
	
	.sp−footer .footer-navi li a:hover{
		color: #e30920;
	}
	
	.sp−footer .footer-navi li a span{
		display:block;
		background: url(https://www.lmaga.jp/content/images/common/arrow-right.png) left center no-repeat;
		padding-left: 25px;
		margin-left:10px
	}
	
	
	.sp−footer .footer-navi2 ul{
		letter-spacing: -.4em;
	}
	.sp−footer .footer-navi2 li{
		display:inline-block;
		width:50%;
		letter-spacing: normal;
	}
	
	.sp−footer .footer-navi2 li:nth-child(2n){
		margin-right:0;
	}
	
	.sp−footer .footer-navi2 li a{
		display: block;
		color: #000;
		font-size: 12px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	.sp−footer .footer-navi2 li a:hover{
		color: #e30920;
	}
	
	.sp−footer .footer-navi2 li a span{
		display:block;
		background: url(https://www.lmaga.jp/content/images/common/arrow-right.png) left center no-repeat;
		background-size: 6px auto;
		padding-left: 15px;
		margin-left:10px
	}
	
	/*エルマガの本*/
	
	.sp−footer .footer-books{
		border:1px solid #aaa;
		margin-bottom: 10px;
		padding:0 0 8px 0;
	}
	
	.sp−footer .footer-books .ttl{
		padding:8px 0;
		color:#fff;
		background-color:#aaa;
		font-size:16px;
		text-align:center;
		margin-bottom: 5px;
	}
	
	.sp−footer .footer-books li{
		display:inline-block;
		width:40%;
		margin-right:2%;
	}
	
	.sp−footer .footer-books li:nth-child(2n){
		width:55%;
		margin-right:0;
	}
	
	.sp−footer .footer-books li a{
		display: block;
		color: #000;
		font-size: 14px;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	
	.sp−footer .footer-books li a:hover{
		color: #e30920;
	}
	
	.sp−footer .footer-books li a span{
		display:block;
		background: url(https://www.lmaga.jp/content/images/common/arrow-right.png) left center no-repeat;
		padding-left: 25px;
		margin-left:20px
	}
	.sp−footer .footer-books li a span:nth−child(2n){
		margin-left:0px
	}
	
	.copyright{
		padding: 10px;
		font-size: 13px;
		font-family: 'Lato', sans-serif;
		color: #fff;
		text-align: center;
		background-color: #333;
	}


/*…………………………………………………
汎用部分
……………………………………………………*/


/*コンテンツタイトル*/
.modTitle{
	border-top: 2px solid #000;
	margin-bottom: 20px;
	padding-top:20px;
	text-align:center;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.1;
	color: #e30920;
}
	.modTitle small{
		display:inline-block;
		margin-top:5px;
		font-size: 13px;
		font-weight: normal;
		color: #333;
	}
	
	/*中ページタイトル*/
	.modPageTitle{
		margin:20px 10px;
	}
	
		.modPageTitle .title{
			padding: 8px 0;
			font-size: 14px;
			line-height: 1.1;
			font-weight: bold;
			text-align:center;
			border: 2px solid #bfbfbf;
		}
		
		.modPageTitle .title a{
			color:#000;
		}
		
		.modPageTitle .title a:hover{
			color:#e30920;
		}
	
		.sns{
			overflow: hidden;
			width: 300px;
			margin:15px auto 20px;
			text-align:right;
		}
		
			 .sns li{
				overflow: hidden;
				float: left;
				margin-right: 4px;
			}
			.sns li:last-child{
				margin-right: 0px;
			}
	
	/*ボタン*/
	.modBtn a {
		text-align: center;
		display: block;
		height: 46px;
		color: #000;
		font-size: 13px;
		line-height: 46px;
		border: 1px solid #a0a0a0;
	}
	
	.modBtn a:hover{
		border: 1px solid #e30920;
	}
	
	.modBtn a span{
		display: inline-block;
		padding-right: 25px;
		background: url(https://www.lmaga.jp/content/images/common/arrow-right.png) right center no-repeat;
	}
			
	.modDownBtn a {
		text-align: center;
		display: block;
		width: 100%;
		height: 46px;
		color: #000;
		font-size: 13px;
		line-height: 46px;
		border: 1px solid #a0a0a0;
	}
	
	.modDownBtn a:hover{
		border: 1px solid #e30920;
	}
	
	.modDownBtn a span{
		display: inline-block;
		padding-right: 34px;
		background:url(../images/common/arrow-down.png) right center no-repeat;
	}

/*タイトル下　もっと見るボタン*/
.modMoreBtn{
	overflow: hidden;
	margin-top: -35px;
	margin-bottom: 20px;
}

	.modMoreBtn a{
		float: right;
	}

		.modMoreBtn a span{
			font-size: 12px;
			line-height: 16px;
			color: #333;
			display: inline-block;
			padding-right: 25px;
			background: url(https://www.lmaga.jp/content/images/common/arrow-right.png) right center no-repeat;	
		}
		.modMoreBtn a:hover span{
			color: #e30920;
		}
		

/*ページャー*/
.modPager{
	overflow: hidden;
	margin-bottom: 20px;
}

	.modPager{
		text-align: center;
	}
		
		.modPager a .number{
			color: #000;
			background-color: #fff;
			border: 1px solid #aaaaaa;
		}
		.modPager a:hover .number {
			background-color: #eee;
			color: #000;
		}
		.modPager .number{
			font-size: 12px;
			color: #fff;
			display: inline-block;
			background-color: #666666;
			border: 1px solid #666666;
			width: 30px;
			height: 30px;
			line-height: 30px;
			margin: 0 4px;
		}
	
		.modPager ul .prev a,
		.modPager ul .next a{
			position: relative;
			display: block;
			width: 32px;
			height: 32px;
			background: none;
			line-height: 1px;
			margin: 0 14px;
			border: 0px;
		}
	
	
/*セレクトリセット*/
.fselect{
	-webkit-appearance:none;
	-moz-appearance:none;
		text-indent: .01px; /* Firefox用 */
		text-overflow: ""; /* Firefox用 */
	appearance:none;
	
	width: 100%;
	height: 34px;
	background: url(https://www.lmaga.jp/content/images/common/arrow-down.png) right center no-repeat;
	cursor: pointer;
	
	font-size: 13px;
	text-indent: 10px;
	color: #777777;
	border: 1px solid #a0a0a0;
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px; 
}

/*小さい版*/
.fselect.small{
	border: 1px solid #888888;
	background: url(https://www.lmaga.jp/content/images/common/arrow-down-s.png) right center no-repeat;
	font-size: 12px;
	height: 26px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
}
		
		
/*…………………………………………………
注目記事
……………………………………………………*/

.focusListSection .modMoreBtn{
	display:none;
}

	.focusListSection .inner{
	}

		.focusListSection .inner ul{
			position: relative;
			margin-right: 10px;
		}

		.focusListSection .inner li{
			margin-bottom: 10px;
			position:relative;
			min-height:60px;
			padding-bottom:10px;
			border-bottom:1px solid #dcdcdc;

		}
		
		.focusListSection .inner li:last-child{
			margin-bottom: 0px;
		}
		
			.focusListSection .inner li a{
				display:block;
			}
		
			.focusListSection .inner li .pct{
				position:absolute;
			}
			
			.focusListSection .inner li .pct img{
				width: 90px;
				height:auto;
			}
		
			.focusListSection .inner li .detail{
				display:inline-block;
				margin-left:100px;
			}
		
				.focusListSection .inner li a .detail .date{
					display: block;
					font-size: 12px;
					color: #666;
				}
		
				.focusListSection .inner li a .detail .title{
					display: block;
					font-size: 15px;
					font-weight: bold;
					line-height: 1.5;
					color: #333;
				}
				
				.focusListSection .inner li .detail .title .icon{
					margin-left: 8px;
				}

/*…………………………………………………
注目記事
……………………………………………………*/

.YDNListSectionSP{
	padding: 20px 0 0 0;
	border-top: 2px solid #000;
}

/*…………………………………………………
広告
……………………………………………………*/

.adSection{
	display:none;
}

.ad{
	display:none;
}
.ad-sp{
	display:block;
	width: 100%;
	max-width: 100% !important;
	margin: 30px auto;
	text-align:center !important;
}

.ad-sp .g{
	margin: 0 auto;
	text-align:center;
}


	/*…………………………………………………
	ランキング
	……………………………………………………*/
	
		.rankingSection .inner{
			overflow: hidden;
		}
	
		.rankingSection .flL,
		.rankingSection .flR{
			float:none;
		}
	
			.rankingSection li{
				border-bottom:1px solid #dcdcdc;
			}
	
			.rankingSection li a{
				display: block;
				font-size: 14px;
				color: #333;
				padding-left: 35px;
				padding-top:10px;
				padding-bottom:10px;

			}
			.rankingSection li a:hover{
				color: #003399;
				text-decoration:underline;

			}
			
			.rankingSection li.r01 a{
			background: url(https://www.lmaga.jp/content/images/common/rank-l/01.png) left center no-repeat;
		}
		.rankingSection li.r02 a{
			background: url(https://www.lmaga.jp/content/images/common/rank-l/02.png) left center no-repeat;
		}
		.rankingSection li.r03 a{
			background: url(https://www.lmaga.jp/content/images/common/rank-l/03.png) left center no-repeat;
		}
		.rankingSection li.r04 a{
			background: url(https://www.lmaga.jp/content/images/common/rank-l/04.png) left center no-repeat;
		}
		.rankingSection li.r05 a{
			background: url(https://www.lmaga.jp/content/images/common/rank-l/05.png) left center no-repeat;
		}
		.rankingSection li.r06 a{
			background: url(https://www.lmaga.jp/content/images/common/rank-l/06.png) left center no-repeat;
		}
		.rankingSection li.r07 a{
			background: url(https://www.lmaga.jp/content/images/common/rank-l/07.png) left center no-repeat;
		}
		.rankingSection li.r08 a{
			background: url(https://www.lmaga.jp/content/images/common/rank-l/08.png) left center no-repeat;
		}
		.rankingSection li.r09 a{
			background: url(https://www.lmaga.jp/content/images/common/rank-l/09.png) left center no-repeat;
		}
		.rankingSection li.r10 a{
			background: url(https://www.lmaga.jp/content/images/common/rank-l/10.png) left center no-repeat;
		}


/*…………………………………………………
バナー
……………………………………………………*/

.bannerSection {
	margin: 0 10px 30px;
}
	.bannerSection img {
		width: 100%;
	}

	.bannerSection li {
		margin-bottom: 10px;
	}
	
	/*プレゼント*/
	.bannerSection ul:first-child li:nth-child(3) {
		background-color: #f6eff3;
		text-align: center;
		padding: 3% 0;
		margin-bottom: 0;
		border: 1px solid #a19fa2;
		border-bottom: none;
		-webkit-border-radius:2px 2px 0px 0px;
		-moz-border-radius:2px 2px 0px 0px;
		border-radius:2px 2px 0px 0px;
	}
	.bannerSection ul:first-child li:nth-child(3) img {
		width: 94%;
		height: auto;
	}
	.bannerSection .presentSection {
		background-color: #f6eff3;
		padding: 0 4% 1%;
		border: 1px solid #a19fa2;
		border-top: none;
		-webkit-border-radius:0px 0px 2px 2px;
		-moz-border-radius:0px 0px 2px 2px;
		border-radius:0px 0px 2px 2px;
	}
	.bannerSection .presentSection li {
		position: relative;
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 5px;
		padding-left: 3%;
	}
	.bannerSection .presentSection li:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}
	.bannerSection .presentSection li:before {
		content: ' ';
		border: transparent solid 0.3em;
		border-left-color: #333;
		position: absolute;
		height: 0;
		width: 0;
		left: 0;
		margin: 0px;
		margin-top: 0.4em;
		padding: 0;
	}
	.bannerSection .presentSection li a{
		display: block;
		color: #333;
	}
	
/*…………………………………………………
リンク
……………………………………………………*/


.LinkSection{
}

	.LinkSection li{
	}

		.LinkSection li a{
			display: block;
			height:38px;
			line-height:38px;
			color: #000;
			font-size: 14px;
			background: url(https://www.lmaga.jp/content/images/common/arrow-right.png) left center no-repeat;
			padding-left: 25px;
		}
		
		.LinkSection li a:last-child{
			padding-bottom:0;
		}
		
		.LinkSection li a:hover{
			color: #003399;
			text-decoration:underline;
		}
	
		
/*…………………………………………………
SP記事テンプレ
……………………………………………………*/


.articleListSection li {
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dcdcdc;
}
	.articleListSection li a {
		display: block;
		font-size: 14px;
	}
	

.sp-detailBlock{
	margin:20px 10px;
}
			
	.sp-detailBlock .box li{
		position:relative;
		margin-bottom: 10px;
		padding-bottom:13px;
		border-bottom:1px solid #dcdcdc;

	}	
		.sp-detailBlock .box li .pct{
			position:absolute;
		}
		
		.sp-detailBlock .box li .pct img{
			width: 50px;
			height:auto;
		}
		
		.sp-detailBlock .box li a{
			display:block;
		}
	
		.sp-detailBlock .box li .detail{
			display:inline-block;
			margin-left:60px;
		}
					
			.sp-detailBlock .box li a .detail .date{
				display: block;
				font-size: 12px;
				color: #666;
			}
	
			.sp-detailBlock .box li a .detail .title{
				display: block;
				margin-bottom: 6px;
				font-size: 15px;
				font-weight: bold;
				line-height: 1.5;
				color: #333;
				text-decoration:none;
			}
			.sp-detailBlock .box li a:hover .detail .title{
				color: #003399;
				font-size:15px;
				text-decoration:underline;
			}
			
			.sp-detailBlock .box li .detail .title .icon{
				margin-left: 8px;
			}

/*…………………………………………………
検索結果ページ
……………………………………………………*/

.SearchBox{
	padding:10px;
	min-height:40px;
	font-size:14px;
	clear:both;
}
	.SearchBox .fbox{
		padding:3px 8px;
		font-size:13px;
		width: 200px;
		height: 30px;
		border: 1px solid #aaa;
		float:left;
	}

	.SearchBox input.sendBtn{
		padding: 10px 20px;
		margin:0 10px;
		font-size:14px;
		background-color: #666;
		color: #fff;
		width: 90px;
		height: 38px;
		cursor: pointer;
		border-style: none;
		float:left;
	}
	.SearchBox input.sendBtn:hover{
		background-color: #999;
	}
	
.SearchResult{
	padding:20px;
	min-height:40px;
	font-size:14px;
	clear:both;
}


}
	
@media only screen and (max-width: 360px) {
	#Header .hbody .logo img{
			width: 120px;
			height:auto;
			margin-top: 4px;
		}
	
		#Header .hbody .date{
			float: left;
			margin: 4px 0 0 10px;
			font-family: 'Lato', sans-serif;
			line-height: 1.1;
			text-align: center;
			color: #fff;
			width: 44px;
			height: 44px;
			-webkit-border-radius: 22px;/* width,heightの半分 */
			-moz-border-radius: 22px;
			border-radius: 22px;
			background-color: #8b7f6e;/* 円の色 */
		}
			#Header .hbody .date .dd{
				display: block;
				font-size: 17px;
				padding: 7px 0 0;
			}
			#Header .hbody .date .month{
				display: block;
				font-size: 10px;
				font-weight: bold;
			}
	#Header .hbody .menu li{
		width: 56px;
		height: 38px;
	}
	#Header .hbody .menu li img{
		width: 33%;
	}
	.navMenu{
		top:89px;
	}
	.searchMenu{
		top:89px;
	}

}