﻿@charset "UTF-8";
/*========================================================*
 * 一真堂長野「ラザールダイヤモンド」（PC）
 *=========================================================*/
.content_base {
	max-width: 1010px;
	background: #ffffff ;
	color: #000000 ;
}
	.content_base a {
		color: #000000 ;
		display: inline-block;
	}

		.content_base a:hover, .content_base a:focus, .content_base a:active {
			opacity: 0.6;
		}

	.content_base figure {
		display: block;
		text-align: center;
	}

	.content_base img {
		display: inline-block;
		max-width: 100%;
	}

	.content_base .content, .content_base .content_first {
		margin: 20px auto;
		padding: 0;
	}

.content_base {
	overflow: hidden;
	box-sizing: border-box;
	line-height: 2em;
	font-family: YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

	.content_base > article {
		padding: 0;
		background: #ffffff;
		color: #000000;
		border: 50px solid #ffffff;
		border-image: url("./images/border.png") 75;
	}

	.content_base .content_first {
		text-align: center;
		line-height: 2em;
	}

	.content_base h3 {
		font-size: 2em;
		line-height: 2em;
		text-align: center;
		margin: 0 auto 20px auto;
		white-space: nowrap;
	}

	.content_base h4 {
		position: relative;
		font-size: 2em;
		line-height: 2em;
		min-height: 50px;
		margin: 0 auto 20px auto;
		padding: 20px 0 0 60px;
		border-style: none none solid none;
		border-width: 1px;
		border-color: #000000;
		white-space: nowrap;
	}

		.content_base h4:before {
			position: absolute;
			bottom: -10px;
			left: 0;
			display: block;
			content: "";
			width: 110px;
			min-height: 70px;
			vertical-align: bottom;
			background: transparent url("./images/h4.png") no-repeat left bottom;
		}

		.content_base h4 small {
			font-size: 0.75em;
		}

			.content_base h4 small:before, .content_base h4 small:after {
				content: "～";
			}

	.content_base header {
		position: relative;
		background: #ffffff;
		line-height: 0;
	}

		.content_base header img {
			display: inline-block;
			margin: 0;
			padding: 0;
		}

		.content_base header #content_menu {
			text-align: center;
		}

	.content_base #diamond h3 {
		border-style: none none solid none;
		border-width: 1px;
		border-color: #000000;
	}

	.content_base #recommended .list {
		display: flex;
		flex-flow: row wrap;
		align-items: stretch;
		justify-content: space-between;
	}

		.content_base #recommended .list figure {
			margin: 0;
			padding: 0;
			text-align: center;
		}
			.content_base #recommended .list figure img{
				width: 292px ;
			}

			.content_base #recommended .list figure figcaption {
				font-size: 1.125em;
				margin: 1em auto;
			}

	.content_base .link {
		margin: 80px auto;
		text-align: center;
	}

		.content_base .link p {
			margin: 1em auto;
		}

			.content_base .link p a {
				display: inline-block;
			}

.content_base {
	font-size: 1.5rem;
	margin: 20px auto 0 auto;
}

	.content_base article, .content_base section {
		margin: 80px auto;
	}

	.content_base > article {
		margin-bottom: 0;
	}

	.content_base .content_first {
		font-size: 1.4em;
	}

	.content_base .content_figure {
		display: table;
		width: 100%;
		margin: 20px auto;
		padding: 0;
	}

		.content_base .content_figure > * {
			display: table-cell;
			vertical-align: top;
		}

		.content_base .content_figure figure {
			width: 450px;
			box-sizing: border-box;
			padding: 0 20px 0 0;
		}

		.content_base .content_figure .content {
			margin: 0 auto;
			padding: 0;
		}

	.content_base header h2 {
		text-align: left;
	}

	.content_base header #content_menu {
		position: absolute;
		top: 260px;
		right: 0;
		width: 100%;
		box-sizing: border-box;
		margin: 0 auto;
		padding: 0 0 0 360px;
		text-align: center;
	}

	/* リンク */
	.content_base .link p a {
		line-height: 1em;
		margin: 0 1em;
	}
		.content_base .link p a:first-child {
			margin-left: 0;
		}
		.content_base .link p a:last-child {
			margin-right: 0;
		}
		/* テキストボタン */
		.content_base .link .link_button,
		.content_base .link .link_button_w {
			color: #ffffff ;
			display: inline-block ;
			background: transparent url("./images/link_button.png") repeat-x center center ;
			font-size: 1.3em ;
			line-height: 1.3em ;
			margin: 1em ;	padding: 0.5em 0 ;
			text-align: center ;	vertical-align: middle ;
			width: 450px ;
			white-space: nowrap ;
            padding: 20px 0;
		}
		.content_base .link .link_button_w {
			line-height: 1.5em ;
		}


.lazarediamond_btn {
	margin-left: 40px;
	margin-right: 40px;
	clear: both;
	padding-top: 40px;
	margin-bottom: -40px;
}

#contentTop header {
	position: relative;
}

	#contentTop header #content_menu {
		position: absolute;
		top: 260px;
		right: 0;
		display: block;
		width: 650px;
		list-style: none;
		margin: 0;
		padding: 0;
	}

		#contentTop header #content_menu li {
			margin: 0 5px;
			padding: 0;
			display: inline-block;
		}

/* そもそもラザールダイヤモンドとは */
#about_lazare {
	border: none ;
}
	#about_lazare > * {
		margin-left: 0;	margin-right: 0;
		text-align: center ;
	}
	#about_lazare .content {
		padding-left: 5px ;	padding-right: 5px ;
	}
	#about_lazare figure {
		margin-left: 5px;	margin-right: 5px;
	}

/* お客様の口コミ */
#voice {
	border: none ;
}
	#voice > * {
		margin-left: 5px;	margin-right: 5px;
	}
	#voice .content ul { 
		display: table ;
		width: 100% ;
		vertical-align: middle ;
	}
	#voice .content li { 
		display: table-cell ;
		margin: 2em auto ;
		width: 50% ;
	}
		#voice .content li a{ 
			color: #4b4b4b ;
			display: block ;
			font-size: 1.25em ;
			line-height: 2em ;
			text-align: center ;
			text-decoration: underline ;
		}

/* 期間限定コンテンツ */
#limited_content {
	border: none ;
}
	#limited_content > * {
		margin-left: 0;	margin-right: 0;
	}

	#limited_content header{
		display: table ;	
		font-size: 2em ; 
		line-height: 1.25em ;
		width: 100% ;
	}
		#limited_content header > *{
			display: table-cell ;
			text-align: center ;	vertical-align: top ;
			width: 50% ;
		}
		#limited_content header span{
			display: block ;
		}
			#limited_content header span:first-of-type{
				color: #967a10 ;
			}

	#limited_content .content {
		padding-left: 5px ;	padding-right: 5px ;
	}
		#limited_content .content .top_p {
			font-size: 1.25em ;
			margin: 1em auto ;
			text-align: center ;
		}

	#limited_content #limited_mathilda {
		display: table ;	
		width: 100% ;
	}
		#limited_content #limited_mathilda > * {
			display: table-cell ;
			vertical-align: top ;
			width: 50% ;
	}

	#limited_content #limited_pd {
		background: #f2f2f2 ;
		padding: 10px ;
		margin-left: 10px ;	margin-right: 10px ;
	}
		#limited_content #limited_pd h3 {
			color: #e65850 ;
			margin-bottom: 0 ;
			text-align: left ;
		}
		#limited_content #limited_pd figure {
			margin: 0 ;
		}

	#limited_content #limited_pop { 
		text-align: center ;
	}
		#limited_content #limited_pop h3::after { 
			border-style: solid none none none ;	border-width: 5px ;
			border-color: #8b690b ;
			content: "" ;
			display: block ;
			margin: 1em auto ;
			width: 130px ;
		}
		#limited_content #limited_pop .content ul { 
			display: table ;
			width: 100% ;
		}
		#limited_content #limited_pop .content li { 
			display: table-cell ;
			margin: 5px auto ;
			text-align: center ;
			width: 33% ;
		}
			#limited_content #limited_pop .content li a{ 
				display: block ;
				font-size: 1.4em ;
				line-height: 2em ;
				margin: 0 auto ;
				width: 298px ;
			}











