@charset "UTF-8";
/* ******************************************************************

	--lineup.css--

	1. blockOverview
	2. sectionProduct
	3. blockPrice
	4. blockEstimate
	5. sectionPromotion

****************************************************************** */

/*==================================================================
	1. blockOverview 
===================================================================*/
.blockOverview {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto 50px auto;
	padding: 30px;
	background: #FFF url(/img/common/bg_gradient.png) repeat;
}

.imgOverview {
	float: left;
	width: calc(47.5% - 30px);
	margin-right: 30px;
}
.blockOverview .content {
	float: left;
	width: 52.5%;
}
.blockOverview .content .head {
	margin-bottom: 28px;
	padding: 20px 15px 8px 0px;
	border-bottom: 4px solid #000;
	color:#000;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5;
}
.blockOverview .content .title {
	position: relative;
	margin-bottom: 9px;
	padding: 0 0 0 25px;
	color:#000;
	font-size: 26px;
	font-weight: bold;
}
.blockOverview .content .title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 20px;
	height: 20px;
	background-color: #000;
}
.blockOverview .content .detail {
	color:#000;
	font-size: 20px;
	line-height: 1.5;
}


/* 200414追加 ここまで*/
.blockOverviewImg{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto 50px auto;
}
/* 200414追加 ここまで*/



@media screen and (max-width:736px){
	.blockOverview {
		margin-bottom: 40px;
		padding: 20px;
		background-size: 45px;
	}
	
	/* 200414追加 ここまで*/
	.blockOverviewImg{
	margin-bottom: 40px;
	}
	/* 200414追加 ここまで*/

	.imgOverview {
		width: 100%;
		margin-right: 0;
	}
	.imgOverview img {
		width: 100%;
		margin: 0 auto;
	}
	.blockOverview .content {
		width: 100%;
	}
	.blockOverview .content .head {
		margin-bottom: 20px;
		padding-bottom: 14px;
		font-size: 15px;
	}
	.blockOverview .content .head br {
		display: none;
	}
	.blockOverview .content .title {
		margin-bottom: 4px;
		padding: 0 0 0 25px;
		font-size: 17px;
	}
	.blockOverview .content .title::before {
		left: 0;
		top: 2px;
		width: 15px;
		height: 15px;
	}
	.blockOverview .content .detail {
		font-size: 13px;
		line-height: 2;
	}
}
/*==================================================================
	3. blockPrice 
===================================================================*/
.blockPrice {
	margin: 20px 0;
}
.tablePrice {
	max-width: 696px;
	width: 100%;
}
.tablePrice caption {
	padding: 10px 20px;
	border: 2px solid #EEE;
	font-size: 20px;
	font-weight: bold;
	background-color: #EEE;
}
.tablePrice .title {
	width: 31%;
	padding:20px;
	text-align: left;
	vertical-align: middle;
	line-height: 1.5;
}
.tablePrice caption span {
	margin-left: 18px;
	font-size: 14px;
	font-weight: normal;
}
.tablePrice td {
	padding: 15px;
	border: 2px solid #EEE;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}
.spTitle {
	display: none;
}
.sectionHandling {
	padding:80px 0 60px;
}
.sectionHandling .headline4 {
	margin-bottom:80px;
}
@media screen and (max-width:736px){
	.tablePrice caption {
		padding: 5px 10px;
		font-size: 17px;
	}
	.tablePrice caption span {
		font-size: 11px;
	}
	.tablePrice .title {
		padding: 5px;
		font-size: 11px;
	}
	.tablePrice td {
		font-size: 13px;
	}
	.pcTitle {
		display: none;
	}
	.spTitle {
		display: table-cell;
	}
	.tablePrice td {
		padding: 5px;
	}
}
@media screen and (max-width:736px) {
	.sectionPromotion .inner{
		padding: 0;
	}
	.sectionHandling {
		padding: 25px 0 10px 0;
	}
	.sectionHandling .headline4 {
		margin-bottom: 30px;
	}
}
/*==================================================================
	4. blockEstimate 
===================================================================*/
.blockEstimate {
	padding: 37px 0 86px 0;
}
.blockEstimate .headline1 {
	margin-bottom: 24px;
}
@media screen and (max-width:736px) {
	.blockEstimate {
		padding: 0 0 15px 0;
	}
	.blockEstimate .headline1 {
		padding-top: 35px;
		margin-bottom: 0px;
	}
}
/*==================================================================
	5. sectionPromotion 
===================================================================*/
.sectionPromotion .inner {
	padding-bottom: 50px;
}
.sectionPromotion .tabArea {
	margin-bottom:0;
}
.sectionInquiry .headline1 {
	margin: 0 auto 20px auto;
}
@media screen and (max-width:736px) {
	.sectionPromotion .inner {
		padding-bottom: 0;
	}
	.typePromotion .item a {
		padding: 10px;
	}
}



/*Menulist*/
.menuList .headTitle {
	padding-top:100px;
	padding-bottom:77px;
}
.menuList .headTitle .icon {
	margin-bottom:10px;
}
.menuList #footer {
	background-color:#FFF;
}

@media screen and (max-width:736px) {
	.menuList .headTitle {
		padding-top:35px;
		padding-bottom:40px;
		margin-bottom:0;
		background-color:#000;
	}
	.menuList .headTitle::before {
		height:calc(100% + 100px);
	}
	.menuList .headTitle .icon {
		margin-bottom:16px;
	}
	.menuList #contents .inner {
		z-index:100;
	}
}


.blockBtn {
	width: 100%;
	max-width: 800px;
	text-align: center;
	margin: 0 auto;
}
.blockBtn  a {
	display: inline-block;
	width: 100%;
	max-width: 340px;
	margin: 0 auto;
	padding: 0;
	border: none;
	background: none;
	text-decoration: none;
}
.blockBtn  span {
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 30px 10px;
	border: 3px solid #000;
	outline: none;
	background-color: #FDB428;
	color: #000;
	box-shadow: 6px 6px 0 #000;
	font-size: 24px;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.3s; 
}
.blockBtn span::before {
	content: "";
	position: absolute;
	left: -3px;
	bottom: -9px;
	height: 0;
	width: 0;
	border-left: solid 6px transparent;
	border-top: solid 6px #000;
}
.blockBtn span::after {
	content: "";
	position: absolute;
	right: -9px;
	top: -3px;
	height: 0;
	width: 0;
	border-bottom: solid 7px #000;
	border-right: solid 6px transparent;
}
.blockBtn span:hover {
	background-color: #E09C1A;
}
@media screen and (max-width: 830px){
	.blockBtn {
		padding: 0 20px 30px;
	}
}
@media screen and (max-width: 736px) {
	.blockBtn  a {
		max-width: 100%;
	}
	.blockBtn span {
		max-width: 100%;
		margin-bottom: 15px;
		padding: 14px 10px;
		font-size: 16px;
	}
}
.tableShopFront .title {
	width: 54%;
}