@charset "UTF-8";
/* ========================================================== 
	OBB ENTRY
	通常タイプの本文エリア
========================================================== */
/* ---------------------------------------------- 
	タイトル部分（画像の上に文字）
---------------------------------------------- */
#entry-blog .obbTitle {
	width: 100%;
	height: auto;
	display: block;
	margin: 20px auto 10px;
	padding: 0px;
	text-align: center;
	position: relative;
}
#entry-blog .obbTitle img.titlepic {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	image-rendering: -webkit-optimize-contrast;
}
/*#entry-blog .obbTitle img.titlelogo {
}*/
#entry-blog .obbTitle h2 {
	width: 81%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.65em;
	color: #000;
	text-align: left;
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
}
#entry-blog .obbTitle h1 {
	width: 81%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px 27% 0 0;
	font-size: 25px;
	font-weight: 600;
	line-height: 1.6em;
	color: #000;
	text-align: left;
	position: absolute;
	top: 65px;
	left: 0;
	right: 0;
}
#entry-blog .obbTitle .author {
	width: 81%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.65em;
	color: #000;
	text-align: left;
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
}
/* PC用 */
@media screen and (min-width: 960px) {
	#entry-blog .obbTitle {
		width: 100%;
		max-width: 750px;
		height: auto;
		display: block;
		margin: 30px auto 80px;
		padding: 0px;
		text-align: center;
		position: relative;
	}
	#entry-blog .obbTitle img.titlepic {
		width: 100%;
		max-width: 750px;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
		text-align: center;
	}
/*	#entry-blog .obbTitle img.titlelogo {
	}*/
	#entry-blog .obbTitle h2 {
		width: 81%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
		font-size: 25px;
		font-weight: 600;
		line-height: 1.65em;
		color: #000;
		text-align: left;
		position: absolute;
		top: 60px;
		left: 0;
		right: 0;
	}
	#entry-blog .obbTitle h1 {
		width: 81%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px 27% 0 0;
		font-size: 48px;
		font-weight: 600;
		line-height: 1.6em;
		color: #000;
		text-align: left;
		position: absolute;
		top: 130px;
		left: 0;
		right: 0;
	}
	#entry-blog .obbTitle .author {
		width: 81%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
		font-size: 23px;
		font-weight: 500;
		line-height: 1.65em;
		color: #000;
		text-align: left;
		position: absolute;
		bottom: 100px;
		left: 0;
		right: 0;
	}
}
/* ---------------------------------------------- 
	本文部分（OBB専用）
---------------------------------------------- */
main#entry.obb #entry-body h3.heading {
	width: 90%;
	height: auto;
	display: block;
	margin: 10px auto 20px;
	padding: 0px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.6em;
	text-align: left;
}
main#entry.obb #entry-body h4.steps {
	width: 90%;
	height: auto;
	display: block;
	margin: 0px auto 10px;
	padding: 0px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.6em;
	text-align: left;
}
main#entry.obb #entry-body p {
	width: 90%;
	height: auto;
	display: block;
	margin: 0px auto 20px;
	padding: 0px;
	font-size: 16px;
	font-weight: 450;
	line-height: 2em;
	color: #000;
	text-align: left;
}
main#entry.obb #entry-body p span {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.6em;
}
main#entry.obb #entry-body .boxPic {
	width: 90%;
	height: auto;
	display: block;
	margin: 0px auto 40px;
	padding: 0px;
	box-sizing: border-box;
	text-align: center;
}
main#entry.obb #entry-body .boxPic img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
	image-rendering: -webkit-optimize-contrast;
}
main#entry.obb #entry-body .caption {
	width: 100%;
	height: auto;
	display: block;
	margin: 20px auto 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.75em;
	color: #000;
	text-align: left;
}
main#entry.obb #entry-body .boxA {
	width: 90%;
	height: auto;
	display: block;
	margin: 0px auto 40px;
	padding: 5% 5%;
	box-sizing: border-box;
	text-align: center;
}
main#entry.obb #entry-body .boxA h3 {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 15px;
	padding: 0px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6em;
	text-align: left;
	color: #331201;		
}
main#entry.obb #entry-body .boxA h4 {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 15px;
	padding: 0px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6em;
	text-align: left;	
}
main#entry.obb #entry-body .boxA p {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
	font-size: 16px;
	font-weight: 450;
	line-height: 2em;
	color: #000;
	text-align: left;
}
main#entry.obb #entry-body .boxA p span {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.5em;
		color: #000;
		text-align: left;
}
main#entry.obb #entry-body .boxA img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 15px;
	padding: 0px;
	image-rendering: -webkit-optimize-contrast;
}
main#entry.obb #entry-body .boxB {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 40px;
	padding: 8% 10%;
	box-sizing: border-box;
	text-align: center;
}
main#entry.obb #entry-body .boxB h3 {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 15px;
	padding: 0px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6em;
	text-align: left;
}
main#entry.obb #entry-body .boxB p {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
	font-size: 16px;
	font-weight: 400;
	line-height: 2em;
	color: #000;
	text-align: left;
}
main#entry.obb #entry-body .boxB span {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.6em;
}
main#entry.obb #entry-body .boxB img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 15px;
	padding: 0px;
	image-rendering: -webkit-optimize-contrast;
}
main#entry.obb #entry-body .boxB_bn {
	width: 100%;
	height: auto;
	display: block;
	margin:  20px auto 40px;
	padding: 8% 9%;
	box-sizing: border-box;
	text-align: center;
}
main#entry.obb #entry-body .boxB_bn h3 {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 15px;
	padding: 0px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6em;
	text-align: left;
}
main#entry.obb #entry-body .boxB_bn li {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 4px 0px;
	font-size: 15px;
	font-weight: 400;
	line-height: 2em;
	color: #000;	
	text-align: left;
}
main#entry.obb #entry-body .boxB_bn li.current {
	font-weight: 600;	
}
main#entry.obb #entry-body .boxB_bn li.bn_list {
	text-align: right;
}
main#entry.obb #entry-body .boxB_bn a {
	text-decoration: underline;
}
main#entry.obb #entry-body .boxB_bn a:hover {
	text-decoration: none;
}
/* PC用 */
@media screen and (min-width: 960px) {
	main#entry.obb #entry-body h3.heading {
		width: 70%;
		height: auto;
		display: block;
		margin: 20px auto 20px;
		padding: 0px;
		font-size: 36px;
		font-weight: 600;
		line-height: 1.6em;
		text-align: left;
	}
	main#entry.obb #entry-body h4.steps {
		width: 70%;
		height: auto;
		display: block;
		margin: 0px auto 10px;
		padding: 0px;
		font-size: 36px;
		font-weight: 600;
		line-height: 1.6em;
		text-align: left;
	}		
	main#entry.obb #entry-body p {
		width: 70%;
		height: auto;
		display: block;
		margin: 0px auto 40px;
		padding: 0px;
		font-size: 24px;
		font-weight: 450;
		line-height: 2em;
		color: #000;
		text-align: left;
	}
	main#entry.obb #entry-body p span {
		font-size: 20px;
		font-weight: 400;
		line-height: 1.6em;
	}			
	main#entry.obb #entry-body .boxPic {
		width: 70%;
		max-width: 700px;
		height: auto;
		display: block;
		margin: 0px auto 80px;
		padding: 0px;
		box-sizing: border-box;
		text-align: center;
	}
	main#entry.obb #entry-body .boxPic img {
		width: auto;
		max-width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
	}
	main#entry.obb #entry-body .caption {
		width: 100%;
		height: auto;
		display: block;
		margin: 20px auto 0px;
		padding: 0px;
		font-size: 22px;
		font-weight: 400;
		line-height: 1.75em;
		color: #000;
		text-align: left;
	}	
	main#entry.obb #entry-body .boxA {
		width: 70%;
		max-width: 700px;
		height: auto;
		display: block;
		margin: 0px auto 80px;
		padding: 5% 7%;
		box-sizing: border-box;
		text-align: center;
	}
	main#entry.obb #entry-body .boxA h3 {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 30px;
		padding: 0px;
		font-size: 32px;
		font-weight: 600;
		line-height: 1.6em;
		text-align: left;
		color: #331201;	
	}
	main#entry.obb #entry-body .boxA h4 {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 30px;
		padding: 0px;
		font-size: 32px;
		font-weight: 600;
		line-height: 1.6em;
		text-align: left;
	}
	main#entry.obb #entry-body .boxA p {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
		font-size: 24px;
		font-weight: 450;
		line-height: 2em;
		color: #000;
		text-align: left;
	}
	main#entry.obb #entry-body .boxA p span {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
		font-size: 20px;
		font-weight: 400;
		line-height: 1.5em;
		color: #000;
		text-align: left;
	}	
	main#entry.obb #entry-body .boxA img {
		width: auto;
		max-width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 30px;
		padding: 0px;
	}
	main#entry.obb #entry-body .boxB {
		width: 100%;
		max-width: 750px;
		height: auto;
		display: block;
		margin: 0px auto 80px;
		padding: 5% 5%;
		box-sizing: border-box;
		text-align: center;
	}
	main#entry.obb #entry-body .boxB h3 {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 30px;
		padding: 0px;
		font-size: 36px;
		font-weight: 400;
		line-height: 1.6em;
		text-align: left;
	}
	main#entry.obb #entry-body .boxB p {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
		font-size: 28px;
		font-weight: 400;
		line-height: 2em;
		color: #000;
		text-align: left;
	}
	main#entry.obb #entry-body .boxB span {
		font-size: 20px;
		font-weight: 400;
		line-height: 1.6em;
	}	
	main#entry.obb #entry-body .boxB img {
		width: auto;
		max-width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 30px;
		padding: 0px;
	}
	main#entry.obb #entry-body .boxB_bn {
		width: 100%;
		max-width: 750px;
		height: auto;
		display: block;
		margin: 50px auto 80px;
		padding: 5% 5%;
		box-sizing: border-box;
		text-align: center;
	}
	main#entry.obb #entry-body .boxB_bn h3 {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 30px;
		padding: 0px;
		font-size: 30px;
		font-weight: 500;
		line-height: 1.6em;
		text-align: left;
	}
	main#entry.obb #entry-body .boxB_bn li {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 3px 0px;
		font-size: 22px;
		font-weight: 400;
		line-height: 2em;
		color: #000;
		text-align: left;
	}			
	main#entry.obb #entry-body .boxB_bn li.current {
	font-weight: 600;	
	}	
	main#entry.obb #entry-body .boxB_bn li.bn_list {
	text-align: right;
	}			
}
/* ========================================================== 
	OBB ENTRY
	デザインタイプの本文エリア
========================================================== */
main#entry.obb #entry-body .designType {
	width: 100%;
	height: auto;
	display: block;
	margin: 20px auto 0px;
	padding: 0px;
	text-align: center;
}
/* PC用 */
@media screen and (min-width: 960px) {
	main#entry.obb #entry-body .designType {
		width: 100%;
		height: auto;
		display: block;
		margin: 30px auto 0px;
		padding: 0px;
		text-align: center;
	}
}
main#entry.obb #entry-body .designType h1,
main#entry.obb #entry-body .designType h2,
main#entry.obb #entry-body .designType h3,
main#entry.obb #entry-body .designType .author,
main#entry.obb #entry-body .designType p {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	line-height: 0em;
}
main#entry.obb #entry-body .designType img,
main#entry.obb #entry-body .designType p {
	width: 100%;
	height: auto;
	max-width: 750px;
	display: block;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	image-rendering: -webkit-optimize-contrast;
}