@charset "utf-8";



/* title */
#specialcontents .specialcontents .title2{
	font-weight:bold;
	margin:40px 30px 40px 30px ;
}
#specialcontents .specialcontents .title2 h2.ttl{
	font-size:2.2em !important;
	line-height:1.6em;
	font-weight:bold;
}
#specialcontents .specialcontents .title2 h3{
	font-weight:normal;
	margin-top:10px;
}

#specialcontents .specialcontents .title p{
	font-weight:normal;
}



/* ================= SPECIAL CONTENT CSS ====================== */

@media screen and (min-width:768px){
	#specialcontents {
		margin-bottom:30px;
	}
	
	#specialcontents .specialcontents{
		color:#7f6c72;
		margin: 0 auto 3%;
		max-width: 1274px;
		position: relative;
		width: 88%;
		padding-top: 1%;
	}
	.floatL{ float:left;}
	.floatR{ float:right;}
	
	#specialcontents .main_img{
		padding:80px 0 0 0;
		margin:0;
	}
	
	/* title */
	#specialcontents .specialcontents .title{
		font-weight:bold;
		margin:40px 30px 60px 30px ;
	}
	#specialcontents .specialcontents .title h2{
		font-size:2.8em !important;
		line-height:1.4em;
		font-weight:bold;
		color:#21328d;
	}
	#specialcontents .specialcontents .title h2 span{
		font-size:0.8em !important;
		line-height:1.6em;
		font-weight:bold;
	}
	#specialcontents .specialcontents .noticetext{
		font-size:16px;
		line-height: 1.8;
		font-weight:normal;
		margin-top:15px;
	}
	
	/* ２カラム */
	#specialcontents .specialcontents .txt_box_colum .box_L{
		width: 56%;
		float: left;
	}
	#specialcontents .specialcontents .txt_box_colum .box_L img{
		margin-bottom: 10%;
		z-index: 107;
	}
	#specialcontents .specialcontents .txt_box_colum .box_R{
		float: right;
		padding: 0.5% 0 0 5.6%;
		width: 38%;
	}
	
	/* p */
	#specialcontents .txt_box_colum{
		text-align: left;
		font-size:16px;
		line-height: 1.8;
		margin-bottom: 2%;
	}
	#specialcontents .txt_box_colum p{
		margin-bottom:12px;
	}
	#specialcontents .txt_box_colum p.b{
		font-weight:bold;
	}
	
	
	
	
	.text_small{
		font-size:85% !important;
		line-height:1.6em;
	}
	
	
	
	
	#specialcontents .spot_list{
		width: 100%;
	}
	
	#specialcontents .list_table{
		display: table;
		margin-bottom: 3%;
	}
	#specialcontents .spot_list dl{
		clear:both;
		padding-top:10px;
	}
	#specialcontents .spot_list dt{
		float:left;
		width:20%;
	}
	#specialcontents .spot_list dt img{  
		margin-bottom : 10px;
		display : block;
		width:100%;
	}
	#specialcontents .spot_list dd{
		width:77%;
		float:right;
		text-align : left;
		color: #7F6C72;
		font-size:1.2em;
		line-height: 1.8;
	}
	#specialcontents dl.wide dt{
		float:left;
		width:40% !important;
	}
	#specialcontents dl.wide dd{
		width:57% !important;
		float:right;
		text-align : left;
		color: #7F6C72;
		font-size:1.2em;
		line-height: 1.8;
	}
	
	#specialcontents .spot_list dd.text p
	{
		text-align: left;
		margin-bottom: 2%;
	}
	#specialcontents .spot_list dd.name{
		text-align: left;
		font-weight: bold;
		margin-bottom:5px;
		font-size:1.3em;
	}
	#specialcontents .spot_list dd.update{
		text-align: left;
		margin-bottom: 10px;
	}
	
	#specialcontents .spot_list dd .small_txt{
		font-size:11px;
	}
	
	#specialcontents .spot_list dd a{
		color : #595553;
	}
	
	#specialcontents .blank{
		display:inline-block;
		background: url(../common/images/blank.png)  no-repeat;
		width: 12px;
		height:12px;
		vertical-align: middle;
		margin-left: -3px;
		background-size: 12px 12px;
	}
	
	#specialcontents a.spot_link{
		color:#595553;
		text-decoration: underline;
	}


	.coryright_metrog{
		font-size:18px;
		line-height:1.5;
		width:100%;
		margin:0 auto;
		text-align:center;
		height:100px;
		vertical-align:middle;
		display:inline-block;
		width:600px;
		height:100px;
		position:relative;
	}
	.coryright_metrog img{
		width:150px;
		position:absolute;
		left:20px;
	}
	.coryright_metrog div{
		width:430px;
		position:absolute;
		left:160px;
		top:40%;
	}

	.coryright_metrog a:hover div{
		text-decoration:underline !important;
	}



	/* information */
	#specialcontents .information{
		clear:both;
		padding:14px 3%;
		margin:10px auto 40px auto;
		border:1px solid #ccc;
		text-align:left;
	}
	
	/* information2 */
	#specialcontents .information2{
		clear:both;
		padding:8px 2%;
		margin:10px auto 40px auto;
		border:1px solid #ccc;
		text-align:left;
		font-size:1.2em;
		line-height: 1.8;
	}
	#specialcontents .information2 p{
		/*font-size:12px;
		line-height:1.4; */
		text-align:left;
	}



}



@media screen and (max-width:767px){
	
	
	/* ================= SPECIAL CONTENT CSS ====================== */
	
	#specialcontents {
		margin-bottom:10px;
		padding:0;
	}
	
	#specialcontents .specialcontents{
		color:#7f6c72;
		margin: 0 auto 2% auto;
		max-width: 1274px;
		position: relative;
		width: 90%;
		padding-top: 1%;
	}
	.floatL{ clear:both;}
	.floatR{ clear:both;}
	
	#specialcontents .main_img{
		padding:20px 0 20px 0;
		margin:0;
	}
	#specialcontents .main_img img{
		width:55%;
		margin:0 auto;
	}
	/* title */
	#specialcontents .specialcontents .title{
		font-weight:bold;
		margin:30px 30px 30px 30px ;
	}
	#specialcontents .specialcontents .title h2{
		font-size:2em !important;
		line-height:1.3em;
		font-weight:bold;
		color:#21328d;
	}
	#specialcontents .specialcontents .title h2 span{
		font-size:0.8em !important;
		line-height:1.6em;
		font-weight:bold;
	}

	#specialcontents .specialcontents .noticetext{
		font-weight:normal;
		margin-top:15px;
		font-size:16px;
		line-height: 1.8;
	}

	/* ２カラム */
	#specialcontents .specialcontents .txt_box_colum .box_L{
		clear:both;
		width: 100%;
		margin:0 auto;
		text-align:left;
	}
	#specialcontents .specialcontents .txt_box_colum .box_L img{
		margin-bottom: 14%;
		z-index: 107;
	}
	#specialcontents .specialcontents .txt_box_colum .box_R{
		clear:both;
		padding: 0;
		width: 100%;
		margin:0 auto;
		text-align:center;
	}
	
	/* p */
	#specialcontents .txt_box_colum{
		text-align: left;
		font-size:16px;
		line-height: 1.8;
		margin-bottom: 2%;
	}
	#specialcontents .txt_box_colum p.b{
		font-weight:bold;
	}
	
	
	.text_small{
		font-size:12px !important;
	}
	
	
	
	#specialcontents .spot_list{
		width: 100%;
	}
	
	#specialcontents .list_table{
		display: table;
		margin-bottom: 3%;
	}
	
	#specialcontents .spot_list dl{
		clear:both;
		padding-top:10px;
	}
	#specialcontents .spot_list dt{
		float:left !important;
		width:35%;
		margin-right:20px;
	}
	#specialcontents .spot_list dt img{  
		margin-bottom : 10px;
		display : block;
		width:100%;
	}
	#specialcontents .spot_list dd{
		font-size : 12px; 
		line-height : 140%;
		text-align : left;
		color: #7F6C72;
	}
	#specialcontents dl.wide dt{
		float:left;
		width:50% !important;
	}
	#specialcontents dl.wide dd{
	}


	#specialcontents .spot_list dd.text p
	{
		text-align: left;
		font-size:1.2em;
		line-height: 1.5;
		margin-bottom: 2%;
	}
	#specialcontents .spot_list dd.name{
		text-align: left;
		font-size:16px;
		line-height: 1.4;
		font-weight: bold;
		margin-bottom:5px;
	}
	#specialcontents .spot_list dd.update{
		text-align: left;
		margin-bottom: 10px;
	}

	#specialcontents .spot_list dd .small_txt{
		font-size:100%;
	}
	

	#specialcontents .spot_list dd a{
		color : #595553;
	}
	
	#specialcontents .blank{
		display:inline-block;
		background: url(../common/images/blank.png)  no-repeat;
		width: 12px;
		height:12px;
		vertical-align: middle;
		margin-left: -3px;
		background-size: 12px 12px;
	}
	
	#specialcontents a.spot_link{
		color:#595553;
		text-decoration: underline;
	}


	.coryright_metrog{
		font-size:16x;
		line-height:1.5;
		width:100%;
		margin:0 auto;
		text-align:center;
		height:100px;
		vertical-align:middle;
		display:inline-block;
		height:100px;
		position:relative;
	}
	.coryright_metrog img{
		width:30%;
		position:absolute;
		left:10px;
		bottom:10px;
	}
	.coryright_metrog div{
		position:absolute;
		left:34%;
		top:48%;
		text-align:left;
	}



	/* title */
	#specialcontents .specialcontents .title2{
		font-weight:bold;
		padding:10px 0;
		margin:4% 0;
	}
	#specialcontents .specialcontents .title2 h2.ttl{
		font-size:1.4em !important;
		line-height:1.5em;
	}


	/* information */
	#specialcontents .information{
		clear:both;
		padding:14px 2%;
		margin:10px auto 40px auto;
		border:1px solid #ccc;
		text-align:left;
		word-wrap: break-word; /* 半角英数字の改行 */		
	}
	#specialcontents .information p{
		/* font-size:14px;
		line-height:1.4; */
		text-align:left;
	}
	
	/* information2 */
	#specialcontents .information2{
		clear:both;
		padding:8px 2%;
		margin:10px auto 40px auto;
		border:1px solid #ccc;
		text-align:left;
		font-size:1.2em;
		line-height: 1.8;
		word-wrap: break-word; /* 半角英数字の改行 */		
	}
	#specialcontents .information2 p{
		text-align:left;
		
	}
	

		
}