/*-------------------------------------------------------------------
	
	レイアウト

-------------------------------------------------------------------*/

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.right {
	text-align: right;
	}

.left {
	text-align: left;
	}

.center {
	margin:0 auto;
	}

.center_text {
	text-align:center;
	}

.f_left {
	float:left;
}

.f_right {
	float: right;
}

.w100 {
	width: 100%;
}

.box-center {
	margin: 0 auto !important;
}


/*背景色指定 ----------------------------------------------------------*/

.bg {
	background-color: #f8fff0;
}

.bg-con {
	background-color: #fff;
}

.bg-footer {
	background-color: #DFDAB3;
}

.bg-copy {
	background-color: #C3C1AE;
}

/*フォント指定　----------------------------------------------------------*/

.font-46 {
	font-size: 4.6rem;
	line-height: 1.6;
	font-weight: 900;
}

.font-36 {
	font-size: 3.6rem;
	line-height: 1.6;
	font-weight: 900;
}

.font-30 {
	font-size: 3rem;
	line-height: 1.4;
	font-weight: 900;
}

.font-28 {
	font-size: 2.8rem;
	line-height: 1.4;
	font-weight: 900;
}

.font-26 {
	font-size: 2.6rem;
	line-height: 1.4;
	font-weight: 900;
}

.font-24 {
	font-size: 2.6rem;
	line-height: 1.4;
	font-weight: 900;
}

.font-22 {
	font-size: 2.2rem;
	line-height: 1.4;
}

.font-20 {
	font-size: 2rem;
	line-height: 1.6;
}

.font-18 {
	font-size: 1.8rem;
	line-height: 1.8;
}

.font-14 {
	font-size: 1.4rem;
	line-height: 1.8;
}

.font-12 {
	font-size: 1.2rem;
}

.red {
	color: #B40D10;
}

.brown {
	color: #311504;
}

/*マージン設定　----------------------------------------------------------*/

.mb40 {
	margin-bottom:40px;
	}

.mb60 {
	margin-bottom:60px;
	}

.mb100 {
	margin-bottom:100px;
	}

.mt40 {
	margin-top:40px;
	}

.mt60 {
	margin-top:60px;
	}

.mt80 {
	margin-top:80px;
	}

.mt100 {
	margin-top:100px;
	}

.pt10 {
	padding-top:10px;
	}

.pt20 {
	padding-top:20px;
	}

.pt40 {
	padding-top:40px;
	}

.pt60 {
	padding-top:60px;
	}

.pt80 {
	padding-top:80px;
	}

.pt100 {
	padding-top:100px;
	}

.pb10 {
	padding-bottom:10px;
	}

.pb40 {
	padding-bottom:40px;
	}

.pb60 {
	padding-bottom:60px;
	}

.pb100 {
	padding-bottom:100px;
	}

.ml15 {
	margin-left:15px;
	}

.ml30 {
	margin-left:30px;
	}

.ml40 {
	margin-left:40px;
	}


/*スマホのみ表示　----------------------*/
@media (max-width: 768px){
	.pc-main {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 114.40%;
	background: url(img/main01.jpg) no-repeat 0 0;
	background-size: contain;
	}
	.pc-main2 {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 142.8%;
	background: url(img/b/b-main.jpg) no-repeat 0 0;
	background-size: contain;
	}
	.tel-main {
		margin-top: 18%;
	}
	.tel-main2 {
		margin-top: 80%;
	}
	.button-area {
	display: block;
	width: 100%;
	height: 0;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 75.71%;
	background: url(img/buyarea06.jpg) no-repeat 0 0;
	background-size: contain;
	}
	.bg-con{
		width: 100%;
	}
	.main-bg {
	background-size: cover;
}
}

/*PCのみ表示　----------------------*/
@media (min-width: 768px){
	.pc-main {
		padding-top: 161px;
		height: 961px;
	}
	.pc-main2 {
		padding-top: 660px;
		height: 1120px;
	}
	.button-area {
		height: 636px;
	}
	.bg-con{
		width: 840px;
		margin: 0 auto;
	}
}




/*コンテンツ　----------------------------------------------------------*/

/*メイン　----------------------------------------------------------*/


.pc-main {
	margin: 0 auto;
	background-image: url("../img/main01.jpg");
	background-repeat: no-repeat;
	background-position: center;
}

.pc-main2 {
	margin: 0 auto;
	background-image: url("../img/b/b-main.jpg");
	background-repeat: no-repeat;
	background-position: center;
}

.button-area {
	margin: 0 auto;
	background-image: url("../img/buyarea06.jpg");
	background-repeat: no-repeat;
	background-position: center;	
}

.text-title {
	color: white;
	font-weight: bold;
	background-color: #A37B65;
	padding: 5px 0;
	text-align: center;
}

.main-bg {
	background-image: url("../img/bg.jpg");
	padding: 20px 15px 40px 15px;
}


/*トップへ戻る-----------------------------------------------------------------------------*/

#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	display: none;
}

#page-top a {
	display: block;
	width: 45px;
	height: 45px;
	padding: 6px 0;
	border-radius: 50%;
	background: #333;
	color: #fff;
	text-decoration: none;
	text-align: center;
	opacity: 0.6;
}

@media (max-width: 768px){
	#page-top {
		bottom: 20px;
	}
	
	#page-top a {
	display: block;
	width: 45px;
	height: 45px;
	padding: 8px 0;
	border-radius: 50%;
	background: #333;
	color: #fff;
	text-decoration: none;
	text-align: center;
	opacity: 0.6;
	}
}