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


#orderIndex h2[id]::before {
  display: block;
  height: 660px;
  margin-top: -600px;
  content: "";	
}

/*3つの安心　調節*/
#orderIndex .sec-cmn-comment {
	margin: 25px 0 80px 0;
}
@media screen and (max-width: 767px) {
	#orderIndex .sec-cmn-btn .wrap-btn {
	}
	#orderIndex .sec-cmn-btn .wrap-btn:nth-of-type(1) {
		padding-right: 2.5px;
	}
	#orderIndex .sec-cmn-btn .wrap-btn:nth-of-type(2) {
		padding-left: 2.5px;
	}
}
@media screen and (max-width: 767px) {
	#orderIndex .sec-cmn-comment {
		margin: 5px 0 100px 0;
	}
}


#orderIndex .text-process {
	font-size: 1.1rem;
	margin-bottom: 30px!important;
}


#orderIndex .area-shop {
	border-left: 1px rgba(18,18,18,0.2) solid;
	border-right: 1px rgba(18,18,18,0.2) solid;
	border-top: 1px rgba(18,18,18,0.2) solid;
}

/*店舗名*/
#orderIndex .wrap-shop {
	padding: 15px 15px 15px 15px;
	border-bottom: 1px rgba(18,18,18,0.2) solid;
	display: flex;
	flex-wrap: wrap;
}

#orderIndex .title-shop {
	font-size: 1.4rem;
	width: 210px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	flex: 0 0 210px;
}
@media screen and (max-width: 1199px) {
	#orderIndex .title-shop {
		margin-bottom: 15px;
	}
}
@media screen and (max-width: 767px) {
	#orderIndex .title-shop {
		font-size: 1.3rem;
	}
}
#orderIndex .title-shop .link-shop {
	color: #447FC6;
}

#orderIndex .wrap-info-shop {
	flex: 0 0 auto;
}

#orderIndex .sec-cmn-btn.sec-btn-blue .btn .btn-text {
	margin-right: 10px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	#orderIndex .sec-cmn-btn.sec-btn-blue .btn {
		height: 60px;
	}	
}
#orderIndex .sec-cmn-btn.sec-btn-blue .btn .btn-text::after {
	right: -15px;
}

@media screen and (max-width: 575px) {
	#orderIndex #layout-cmn-process-01 .wrap-btn-process .btn-process {
		line-height: 1.5;
	}
}

/*店舗各情報　レイアウト指定*/
#orderIndex .text-info-shop {
	color: #000;
	font-size: 1.2rem;
	margin-right: 15px;
	display: inline-block;
	box-sizing: border-box;
}
@media screen and (max-width: 991px) {
	#orderIndex .text-info-shop {
		margin-bottom: 10px!important;
		display: block;
	}
}
#orderIndex .wrap-info-shop {
	color: #000;
}
#orderIndex .wrap-info-shop .text-fax {
	color: #000!important;
	text-decoration: none;
	pointer-events: none;
}

/*店舗各情報　タイトル*/
#orderIndex .text-info-shop .title-info {
	text-align: center;
	width: 100px;
	color: #151515;
	background-color: #DEDEDE;
	padding: 1px 3px;
	border-radius: 4px;
	display: inline-block;
}
@media screen and (max-width: 767px) {
	#orderIndex .text-info-shop .title-info {
		padding: 3px 5px;
		margin-right: 10px;
	}
}

/*リンク部分*/
#orderIndex .wrap-link-map .link-map {
	position: relative;
	color: #000;
	background-color: #fff;
	border: 1px #D0D0D0 solid;
	padding: 5px 40px 5px 10px;
	border-radius: 4px;
	display: inline-block;
}
@media screen and (max-width: 767px) {
	#orderIndex .wrap-link-map .link-map {
		text-align: center;
		padding: 5px 40px 5px 40px;
	}
}
#orderIndex .wrap-link-map .link-map:first-of-type {
	margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
	#orderIndex .wrap-link-map .link-map {
		display: block;
	}
}

/*リンク部分　アイコン*/
#orderIndex .wrap-link-map .link-map::after {
	font-family: "Font Awesome 5 free";
	color: #E04E6F;
	content: '\f061';
	font-weight: 700;
	padding-left: 10px;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

/*ウィンドウ全体*/
#order-window {
	display: none;
}

/*ウィンドウopen時の背景*/
#order-window.open {
	display: block;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.3);
	position: fixed;
	top: 0;
	z-index: 9999;
}

/*ウィンドウopen時のエリア*/
#order-window .adjust-window {
	background-color: #fff;
	height: calc(100vh - 150px);
	width: calc(100% - 100px);
	margin: 50px;
	border-radius: 5px;
	overflow: hidden;
	position: fixed;
	top: 50px;
	z-index: 10000;
}
@media screen and (max-width: 767px) {
	#order-window .adjust-window {
		height: calc(100vh - 200px);
		width: calc(100% - 40px);
		margin: 30px 30px;
	}
}
#order-window .wrap-order-window {
	height: calc(100vh - 150px);
	overflow-y: scroll;
}
@media screen and (max-width: 767px) {
	#order-window .wrap-order-window {
		height: calc(100vh - 200px);
	}
}

/*ウィンドウopen時のcloseボタン作成*/
#order-window .wrap-btn-window-close {
	position: relative;
	height: 0px;
}

#order-window .adjust-btn-x {
	position: absolute;
	width: 50px;
	height: 50px;
	right: 0px;
	cursor: pointer;
	cursor: hand;
	background-color: #333;
}
#order-window .adjust-btn-x::before {
	display: block;
	content: "";
	width: 26px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	top: 25px;
	right: 13px;
	transform: rotate(45deg);
}
#order-window .adjust-btn-x::after {
	display: block;
	content: "";
	width: 26px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	top: 25px;
	right: 13px;
	transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
	#order-window .adjust-btn-x {
		width: 40px;
		height: 40px;
	}
	#order-window .adjust-btn-x::before {
		top: 20px;
		right: 8px;
	}
	#order-window .adjust-btn-x::after {
		top: 20px;
		right: 8px;
	}
}

#order-window .adjust-btn-close {
	line-height: 2rem;
	border: 1px #777 solid;
	border-radius: 4px;
	padding: 2px 5px;
	margin: 0 auto 25px auto;
	width: 100px;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}
#order-window .adjust-btn-close::after {
	display: inline-block;
	font-size: 1rem;
	font-family: "font Awesome 5 free";
	font-weight: 700;
	content: "\f057";
	margin-left: 5px;
}

/*仏壇・仏具 全体*/
#order-window.butsudan-order-window .area-order {
	padding: 10px 35px 30px 35px;
}

/*仏壇・仏具 全体タイトル*/
#order-window.butsudan-order-window .title-wrap-order {
	font-size: 1.6rem;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 15px;
}

/*仏壇・仏具 各カテゴリ*/
#order-window.butsudan-order-window .wrap-order {
	margin-bottom: 25px;
}

/*仏壇・仏具 各カテゴリ タイトル*/
#order-window.butsudan-order-window .wrap-order .title-order {
	font-size: 1.4rem;
}


#orderIndex #layout-cmn-process-01 .sec-cmn-btn.sec-btn-under {
	margin-bottom: 120px!important;
}
@media screen and (max-width: 767px) {
	#orderIndex #layout-cmn-process-01 .sec-cmn-btn.sec-btn-under {
		margin-bottom: 40px!important;
	}	
}


#orderIndex .wrap-btn-process .btn-process {
	position: relative;
	padding-right: 30px;
}
#orderIndex .wrap-btn-process .btn-process::after {
	display: inline-block;
	font-size: 1.4rem;
	font-family: "font Awesome 5 free";
	font-weight: 700;
	content: "\f054";
	color: rgba(68,127,198,0.75);
	padding-left: 17px;
	position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}




#orderIndex .main .sec-about-process .wrap-box-process::after {
	content: "";
}