/* CSS Document */
/* 20161228 観光三重本体ブロック使用時のCSS */

@import url('/common/icon/style.css?1481884662');

.pickup {
	background-color:#fff;
	margin:20px 0px 0px 0px;	
	padding:0px 15px 20px 15px;
	}
	
	.pickup section{
		margin-top:0px;
		background:#fff;
		border-radius:0px;
		border:none;
		box-shadow:none;
		overflow:hidden;
		}
		
	.pickup .subject{
		position:relative;
		margin-bottom:20px;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:40px;
		border-bottom:1px solid #ccc;
		font-size:115%;
		font-size:1.6rem;
		font-weight:normal;
		line-height:140%;
		text-align:left;
		}
		.pickup .subject span{
			margin-left:1em;
			font-size:85%;
			font-size:1.3rem;
			}
		.pickup .subject i{
			position:absolute;
			top:4px;
			left:0;
			color:#2cac99;
			font-size:32px;
			line-height:32px;
			background:none;
			}
			
.snsLink {
	background-color:#f3f3f3;
	margin:0px 0px;	
	padding:0px 15px;
	}
	
	.snsLink ul{
		padding:15px 0;
		text-align:center;
		}
		.snsLink ul:after{
			content:"";
			clear:both;
			display:block;
			}
		.snsLink li{
			position:relative;
			display:inline-block;
			line-height:100%;
			}
			.snsLink li+li{
				margin-left:1rem;
				}
	.snsLink ul.snsList img{
		max-width:40px;
		}

.thumbBox{
	position:relative;
	float:none !important;
	width:100% !important;
	margin:0 !important;
	padding:70% 0 0 0 !important;
	border:none !important;
	background-repeat:no-repeat !important;
	background-position:center !important;
	background-size:cover !important;
	}
	.thumbBox:after,
	.thumbBox:before{
		display:none;
		}
		
[class^="theme"]{ }
	[class^="theme"] section,
	[class^="theme"] div{
		position:relative;
		margin:0;
		overflow:hidden;
		line-height:140%;
		box-sizing:border-box;
		}
		[class^="theme"] section > *,
		[class^="theme"] div > *{
			box-sizing:border-box;
			}
		[class^="theme"] section > *+*,
		[class^="theme"] div > *+*{
			margin-top:10px;
			}
		/*
		[class^="theme"] section:hover h3,
		[class^="theme"] div:hover h3{
			text-decoration:underline;
			}
		*/
	[class^="theme"] a{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		margin:0 !important;
		text-indent:-999px;
		overflow:hidden;
		z-index:10;
		}
	[class^="theme"] h3{
		margin:0;
		color:#4d4d4d;
		font-size:1.6rem;
		line-height:140%;
		}
	[class^="theme"] h4{
		font-weight:normal;
		}
	[class^="theme"] h5{
		font-weight:normal;
		}
	[class^="theme"] p{
		position:relative;
		padding-top:10px;
		color:#666666;
		font-size:90%;
		font-size:1.3rem;
		line-height:140%;
		}
		[class^="theme"] p:before{
			content:"";
			position:absolute;
			top:0;
			left:0;
			width:100%;
			border-top:1px dotted #ccc;
			}
	[class^="theme"] ul{
		color:#666666;
		font-size:90%;
		font-size:1.3rem;
		}
		[class^="theme"] ul li{
			display:inline-block;
			}
			[class^="theme"] ul li+li:before{
				content:"・";
				margin-left:-0.3em;
				}
	/*
	[class^="theme"] section:hover h3{
		color:#2cac99;
		transition: all 0.2s ease-out;
		text-decoration:none;
		}
	*/

.themeList{ }
	.themeList.clearfix{
		position:relative;
		border-bottom:1px dotted #ccc;
		overflow:hidden;
		}
		.themeList.clearfix:before{
			content:"";
			position:absolute;
			top:0;
			left:50%;
			width:0;
			height:100%;
			border-left:1px dotted #ccc;
			}
	.themeList section{
		clear:both;
		padding-left:110px;
		padding-bottom:10px;
		border-bottom:1px dotted #ccc;
		}
		.themeList section,
		.themeList div:after{
			clear:both;
			content:"";
			display:block;
			}
		.themeList section+section{
			margin-top:10px;
			}
		/*
		.themeList section:hover figure:before{
			content:"";
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			border:1px solid #2cac99;
			box-sizing:border-box;
			z-index:10;
			}
		*/
	.themeList div{
		position:relative;
		clear:none;
		margin:0;
		padding:10px 0 10px 120px;
		box-sizing:border-box;
		overflow:visible;
		}
		.themeList div h3{
			width:100%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			-o-text-overflow: ellipsis; /* Opera9,10対応 */
			}
		.themeList div h4{
			color:inherit;
			}
		.themeList div figure{
			width:120px;
			margin-left:-130px;
			}
	.themeList figure{
		position:relative;
		float:left;
		width:100px;
		margin:0 0 0 -110px;
		}
	.themeList span{
		display:block;
		font-style:normal;
		text-align:right;
		}
		.themeList figure+span{
			float:right;
			margin:0 0 0 01em;
			padding:0.3em 0.5em;
			background:#7aa093;
			border-radius:2px;
			color:#fff;
			font-size:85%;
			font-size:1.2rem;
			line-height:100%;
			}
		.themeList h3+span{
			margin-top:5px;
			}
	.themeList h4{
		color:#69bfb7;
		font-size:inherit;
		}
	.themeList dl{
		margin-bottom:-5px;
		}
	.themeList dt{
		float:left;
		}
		.themeList dt:after{
			content:"："
			}
		.themeList dt:first-child{
			margin-right:10px;
			padding:0.3em 0.5em;
			background:#7aa093;
			border-radius:2px;
			color:#fff;
			font-size:85%;
			font-size:1.2rem;
			line-height:100%;
			}
		.themeList dt:first-child:after{
			display:none;
			}
	.themeList dd{
		margin-bottom:5px;
		}
	.themeList p{
		margin-top:5px;
		text-align:left;
		}
		
		
		
		
.pickupList{ }
	.pickupList.clearfix{
		position:relative;
		border-bottom:1px dotted #ccc;
		overflow:hidden;
		}
		.pickupList.clearfix:before{
			content:"";
			position:absolute;
			top:0;
			left:50%;
			width:0;
			height:100%;
			border-left:1px dotted #ccc;
			}
	.pickupList section{
		clear:both;
		padding-left:110px;
		padding-bottom:10px;
		border-bottom:1px dotted #ccc;
		}
		.pickupList section,
		.pickupList div:after{
			clear:both;
			content:"";
			display:block;
			}
		.pickupList section+section{
			margin-top:10px;
			}
		/*
		.pickupList section:hover figure:before{
			content:"";
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			border:1px solid #2cac99;
			box-sizing:border-box;
			z-index:10;
			}
		*/
	.pickupList div{
		position:relative;
		clear:none;
		margin:0;
		padding:10px 0 10px 120px;
		box-sizing:border-box;
		overflow:visible;
		}
		.pickupList div h3{
			width:100%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			-o-text-overflow: ellipsis; /* Opera9,10対応 */
			}
		.pickupList div h4{
			color:inherit;
			}
		.pickupList div figure{
			width:120px;
			margin-left:-130px;
			}
	.pickupList figure{
		position:relative;
		float:left;
		width:100px;
		margin:0 0 0 -110px;
		}
	.pickupList span{
		display:block;
		font-style:normal;
		text-align:right;
		}
		.pickupList figure+span{
			float:right;
			margin:0 0 0 01em;
			padding:0.3em 0.5em;
			background:#7aa093;
			border-radius:2px;
			color:#fff;
			font-size:85%;
			font-size:1.2rem;
			line-height:100%;
			}
		.pickupList h3+span{
			margin-top:5px;
			}
	.pickupList h4{
		color:#222;
		font-size:inherit;
		margin-top:0px;
		padding-top:0px;
		text-decoration:none;
		text-align:right;
		}
	.pickupList p{
		margin-top:0px;
		padding-top:0px;
		font-size:1.4rem;
		}
	.pickupList p:before{
			border-top:none;
			}
	.pickupList .thumbBox{
		padding: 83% 0 0 0 !important;
		}
		
		

.themeBox{ }
	.themeBox:after{
		content:"";
		clear:both;
		display:block;
		}
	.themeBox section,
	.themeBox div{
		padding:10px;
		background:#fff;
		}
	.themeBox section{
		width:48%;
		margin-left:4%;
		}
		.themeBox section:nth-child(2n+1){
			clear:both;
			margin-left:0;
			}
		.themeBox section:nth-child(n+3){
			margin-top:4%;
			}
	.themeBox div{
		width:145px;
		width:calc(25% - 15px);
		margin-left:20px;
		text-align:center;
		}
		.themeBox div:nth-child(4n+1){
			clear:both;
			margin-left:0;
			}
		.themeBox div:nth-child(n+5){
			margin-top:20px;
			}
	.themeBox section a,
	.themeBox div a{
		border:1px solid #ccc;
		box-sizing:border-box;
		}
		/*
		.themeBox section a:hover,
		.themeBox div a:hover{
			border:1px solid #2cac99;
			}
		*/
	/*
	.themeBox section:hover h3,
	.themeBox div:hover h3{
		text-decoration:underline;
		}
	*/
	.themeBox li div{
		width:100%;
		margin:0;
		}
	.themeBox figure{
		margin:-10px;
		padding-bottom:20px
		}
	.themeBox h3{
		width:100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis; /* Opera9,10対応 */
		}
		.themeBox h3+ul,
		.themeBox h3+h4{
			float:left;
			margin-bottom:5px;
			padding:0.3em 0.5em;
			background:#7aa093;
			border-radius:2px;
			color:#fff;
			font-size:85%;
			font-size:1.2rem;
			line-height:100%;
			}
		.themeBox h3+ul{
			color:#fff;
			}
			.themeBox h3+ul li+li:before{
				content:"、";
				}
		.themeBox h3+h4{
			padding:0.3em 0.5em;
			background:#7aa093;
			border-radius:2px;
			color:#fff;
			font-size:85%;
			font-size:1.2rem;
			line-height:100%;
			}
	.themeBox h4+ul,
	.themeBox ul+h4{
		clear:both;
		color:#666;
		font-size:90%;
		font-size:1.3rem;
		}
	.themeBox p{
		clear:both;
		margin:0;
		padding-top:15px;
		}
		.themeBox p:before{
			top:5px;
			}