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


/*サブナビ*/
section.pageNavi ul li:nth-child(2) a{
	background-color: #ec6d6d;
	color: #fff;
}

/* PC (1025～)
-----------------------------------------------------------------
----------------------------------------------------------------- */

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





/* section.guide
----------------------------------------- */
section.guide{
	width:100%;
	height:auto;
}
	section.guide .guideBlock{
		width:950px;
		height:auto;
		margin:0px auto 40px auto;
		padding:165px 0px 20px 0px;
		border-bottom:1px solid #f5f5f5;	
	}
		.guideBlock h1{
			font-size:137%;
			text-align:center;
			font-weight:bold;
			padding:0px 0px 25px 0px;	
		}
		.guideBlock p.read{
			font-size:100%;
			padding:0px 0px 20px 0px;
			text-align:center;
		}

						
			.recommendSet{
				padding:0px 0px 40px 0px;
			}
				.recommendSet h2{
					padding: 12px 10px;
					background: #F3EEE8;
					color: #6f5a35;
					font-size: 112%;
					font-weight: bold;
				}
					.recommendSet h2 span{
						display:inline-block;
						margin-left:10px;
						color:#fff;
						padding:2px 5px;	
						font-size:87%;
					}
				.recommendSet h3{
					color:#D25AB8;
					font-weight:bold;
					padding:0px 0px 5px 0px;
					
				}
			.recommendFloat{
				padding:16px 0px 0px 0px;
				overflow:hidden;	
			}
				.recommendFloat figure{
					/*width:30%;*/
					width:235px;
					height:auto;
					float:left;	
				}
					.recommendFloat figure img{
						width:100%;
						height:auto;	
					}
				.recommendFloat .detail{
					/*width:68%;*/
					width:700px;
					margin: 0 0 30px 0;
					float:right;	
				}
					.detail ul.tagList{
						overflow:hidden;
						display:block;
						padding:0px 0px 10px 0px;
					}
						.detail ul.tagList li{
							width:18%;
							height:auto;
							float:left;
							margin-right:12px;	
						}
							.detail ul.tagList li img{
								width:100%;
								height:auto;
							}

					.detail p{
						padding:0px 0px 15px 0px;	
					}
					.detail p.link{
						font-size: 93%;
						padding: 3px 0px 0px 0px;
					}
					p.link a {
						color: #435FBA;
					}
					p.link a img {
						width: 6px;
						height: auto;
						margin-right: 4px;
					}
					.detail .tableBox{
						
					}
						.detail .tableBox td{
							font-size:93%;
                           line-height: 150%;
							vertical-align: middle;
						}











}

/* SmartPhone
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (max-width:750px)  {






/* section.guide
----------------------------------------- */
section.guide{
	width:100%;
	height:auto;
}
	section.guide .guideBlock{
		width:96%;
		height:auto;
		margin:0px auto 40px auto;
		padding:74.3px 0px 0px 0px;
		/* border-bottom:1px solid #f5f5f5;	 */
	}
		.guideBlock h1{
			font-size:118%;
			text-align:center;
			font-weight:bold;
			padding:0px 0px 25px 0px;	
		}
		.guideBlock p.read{
			font-size:100%;
			padding:0px 0px 20px 0px;
			text-align:center;
		}

			.recommendSet{
				padding:0px 0px 40px 0px;
			}
				.recommendSet h2{
					padding: 8px 10px;
					background: #F3EEE8;
					color: #6f5a35;
					font-size: 100%;
					font-weight: bold;
				}
					.recommendSet h2 span{
						display:inline-block;
						margin-left:10px;
						color:#fff;
						padding:2px 5px;	
						font-size:87%;
					}
				.recommendSet h3{
					color:#D25AB8;
					font-weight:bold;
					padding:0px 0px 5px 0px;
					
				}
			.recommendFloat{
				padding:16px 0px 0px 0px;
				overflow:hidden;	
			}
				.recommendFloat figure{
					width:100%;
					height:auto;
					text-align:center;
				}
					.recommendFloat figure img{
						width:70%;
						height:auto;	
					}
				.recommendFloat .detail{
					width:100%;
					padding:8px 0px 0px 0px;
				}
					.detail ul.tagList{
						overflow:hidden;
						display:block;
						padding:0px 0px 10px 0px;
					}
						.detail ul.tagList li{
							width:18%;
							height:auto;
							float:left;
							margin-right:12px;	
						}
							.detail ul.tagList li img{
								width:100%;
								height:auto;
							}

					.detail p{
						padding:0px 0px 15px 0px;	
						line-height:1.44em;
					}
					.detail p.link{
						font-size: 93%;
						padding: 3px 0px 0px 0px;
					}
					p.link a {
						color: #435FBA;
					}
					p.link a img {
						width: 6px;
						height: auto;
						margin-right: 4px;
					}
					.detail .tableBox{
						
					}
						.detail .tableBox td{
							font-size:93%;
                              line-height: 150%;
							vertical-align: middle;
						}





/*			
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
*/



	
}