/*--------------------------------------
プランのご案内詳細ページ
--------------------------------------*/
#sankotsu h2 {
	font-size: 30px;
}

#sankotsu .sankotsu-box-01 {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
}
#sankotsu .text00 {
	display: table-cell;
	font-size: 1.5rem;
	line-height: 230%;
	vertical-align: middle;
	width: 100%;
}
#sankotsu .main-bg {
	display: block;
	width: 100%;
	background-color: #FFF;
	background-size: cover;
}

/* 背景の青 */
#sankotsu .sankotsu-bg {
	display: block;
	padding: 20px 0;
	background-color: #ECF5F5;
	position: relative;
	text-align: center;
}
/* 背景の白 */
#sankotsu .sankotsu-bg-white {
	display: block;
	padding: 30px 0;
	background-color: rgba(255,255,255,1.00);
	position: relative;
}
#sankotsu #plan-list .sankotsu-border-title {
	display: block;
	padding: 20px 0;
	background-color: rgba(44,169,225,0.05);
	position: relative;
}


#sankotsu .sankotsu-border-title {
	content: '';
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 10px auto -60px auto;
	background-color: #008285;
	white-space: nowrap;
	height: 1px;
}
/* 価格大文字 */
#sankotsu .sankotsu-price {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.75rem;
	font-weight: 500;
	letter-spacing: 0.2rem;
	color: #000000;
	line-height: 3rem;
}
/* 税込価格などの通常文字*/
#sankotsu .sankotsu-normal-price {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.25rem;
	text-align: left;
	letter-spacing: 0.1rem;
	color: #000;
	font-weight: 500;
}
#sankotsu .sankotsu-normal-text {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.125rem;
	text-align: left;
	letter-spacing: 0.1rem;
	color: #000;
	font-weight: 300;
	line-height: 2.125rem;
}

/* 内容の部分の赤文字 */
#sankotsu .sankotsu-normal-plan {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.25rem;
	text-align: left;
	letter-spacing: 0.1rem;
	color: #DE6977;
	font-weight: 500;
	line-height: 2.5rem;
}


/* 内容の部分の青枠 */
#sankotsu .sankotsu-label {
	/*height: 100%;*/
	border: double 1px #008285;
	padding: 10px 13px;
	text-align: left;
	margin: 10px 10px 0 10px;
}
/* 内容の説明の青文字 */
#sankotsu .sankotsu-cnt-name {
	font-family: "ryo-gothic-plusn", sans-serif;
	color: #008285;
	font-size: 1.125rem;
	text-align: left;
	line-height: 1.9375rem;
	font-weight: 500;
	display: block;
	margin-bottom: 10px;
}
/* 内容の説明の黒文字 */
#sankotsu .sankotsu-cnt-text {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.0rem;
	color: #000;
	text-align: left;
	line-height: 2rem;
}

#sankotsu .under-border-sankotsu {
	font-size: 1.7rem;
	font-weight: 700;
}

#sankotsu .under-border-sankotsu::before {
	content: '';
	display: block;
	max-width: unset;
	margin: 50px 0 -50px 0;
	background-color: #008285;
	height: 1px;
}
/* セレモニーの部分の赤枠 */
#sankotsu .ceremony-label {
	height: 100%;
	border: double 1px #DE6977;
	padding: 15px;
	text-align: left;
	margin: 10px 0 10px 0;
	border-radius: 5px;
}
/* セレモニーの説明の赤文字 */
#sankotsu .ceremony-cnt-name {
	font-family: "ryo-gothic-plusn", sans-serif;
	color: #DE6977;
	font-size: 1.18rem;
	text-align: left;
	font-weight: 500;
	display: block;
	margin-bottom: 8px;
}
/* セレモニーの説明の黒文字 */
#sankotsu .ceremony-cnt-text {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.1rem;
	color: #000;
	text-align: left;
}
/* セレモニーの説明の赤文字 */
#sankotsu .ceremony-cnt-text-pink {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.1rem;
	color: #DE6977;
	text-align: left;
}
/* 行程の赤枠 */
#sankotsu .distance-label {
	height: 100%;
	border: double 1px #DE6977;
	padding: 15px;
	text-align: left;
	margin: 10px 10px 10px 0;
	border-radius: 5px;
}

/* プランの説明のリスト文字 */
#sankotsu .sankotsu-box {
	font-family: "ryo-gothic-plusn", sans-serif;
	text-emphasis: ;xt-align: left;
	font-size: 1.1rem;
	line-height: 2.4rem;
}
/* プランの説明のリスト青丸 */
#sankotsu .sankotsu-box ul li::before {
	content: '';
	width: 1.1rem;
	height: 1.1rem;
	background: #85CBBF;
	border-radius: 50%;
	position: absolute;
	margin: 0.5rem 0 0 -1.5rem;
}

#sankotsu .sankotsu-box ul li {
	margin: 0 20px 0 20px;
}


/* 散骨海域の海の背景 */
#sankotsu .sankotsu-img-bg {
	display: block;
	width: 100%;
	padding: 60px 0;
	background-color: #FFF;
	background-image: url(/themes/www.ceremo117.jp_2017/plan/sankotsu/img/img_plan_bg_01.jpg);
	background-size: cover;
}
/* 散骨海域の部分の赤枠 */
#sankotsu .ocean-label {
	height: 100%;
	padding: 20px;
	text-align: left;
	margin: 20px;
	background-color: #FFFC;
}
/* 散骨海域の説明の赤文字 */
#sankotsu .ocean-cnt-name {
	font-family: "ryo-gothic-plusn", sans-serif;
	color: #000;
	font-size: 1.25rem;
	text-align: left;
	font-weight: 600;
	letter-spacing: 0.1rem;
	line-height: 1.875rem;
}
/* 散骨海域の説明の黒文字 */
#sankotsu .ocean-cnt-text {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.0rem;
	color: #000;
	text-align: left;
	line-height: 1.875rem;
	letter-spacing: 0.03rem;
}
/* 散骨海域のタイトル文字 */
#sankotsu .ocean-main {
	font-size: 1.25rem;
	letter-spacing: 0.1rem;
	text-align: left;
	line-height: 2.1875rem;
	margin-left: 20px;
}
#sankotsu .ocean-text {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.0rem;
	line-height: 1.875rem;
	text-align: left;
	padding: 0px 20px;
	letter-spacing: 0.1rem;
}

/* アコーディオン部分 */
#sankotsu .sankotsu-bg ul,
#sankotsu .sankotsu-bg-white ul {
	font-family: "ryo-gothic-plusn", sans-serif;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
.window {
	margin: 0 30px 0px; }
.window a {
	display: block; }
.window a {
	text-decoration: none;
}
.window .child {
	display: none;
	margin: 0 0 -1px;
	padding: 0;
	background: #fff;}
.window .child .menu {
	background: #eaeaea;
	color: #5e5e5e; }
.window .child .menu:hover {
        background: #d0d0d0; }
.window .child > li {
	margin: 4px 0;
	padding: 0 16px;
	border-bottom: 1px dotted #dddddd; }
.window .child > li:last-child {
	border-bottom: 0; }

/* 右端の開閉記号 */
#sankotsu .switch .menu::after {
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -1.1rem;
	content: '+';
	font-size: 1.5rem;
	font-weight: bold;
	transform: rotate(-180deg);
	transition: all, 0.3s;
}

#sankotsu .switch .menu span {
	display: inline;
}

#sankotsu .switch .menu.active span {
	display: none;
}

#sankotsu .switch .menu.active::after {
	top: 50%;
	right: 22px;
	margin-top: -0.6rem;
	content: '—';
	transform: translate(0, 10%);
	transform: rotate(0deg);
	font-size: 0.8rem;
}

#sankotsu .child01 a{
	display: inline-block;
	margin: 10px 0 0 10px;
}

#sankotsu .child01 a::before{
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	color: #DE6977;
	padding-right: 5px;
	font-weight: 800;
}


/* 階層1*/
#sankotsu .child01 {
	background-color: #efefef;
	padding: 30px 20px 30px 20px;
	text-align: left;
}
/* 階層2*/
#sankotsu .child02 {
	padding: 0 15px 15px 15px;
	text-align: left;
}
#sankotsu .child02 td {
	vertical-align: top;
}
#sankotsu .menu {
	position: relative;
	padding: 15px;
}

#sankotsu .window05 .child > li {
  border-bottom: 0; }
#sankotsu .window05 .menu {
  background: #85CBBF;
  color: #fff; }
#sankotsu .window05 .menu:hover {
    background: #85CBBF;
    text-decoration: none; }

#sankotsu .window06 .menu {
/*	background: #efefef;*/
	color: #85CBBF;/*rgba(36,127,168,0.6)*/
	padding: 15px;
}

#sankotsu .qa-q-normal-price {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.18rem;
	text-align: left;
	letter-spacing: 0.1rem;
	color: #000;
	padding-left: 10px;
	margin-bottom: 0;
}

#sankotsu .qa-a-normal-price {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.0rem;
	text-align: left;
	letter-spacing: 0.1rem;
	color: #000;
	padding-left: 10px;
	line-height: 180%;
}

#sankotsu .google-map {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.0rem;
	text-align: right;
	padding:0 10px 10px; 
	color: #000000;
}

#sankotsu .accordion{
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.3125rem;
	color: #fff;
	line-height: 2.125rem;
	margin-bottom: 0;
}
#sankotsu .resizeimage img {
	width: 100%;
	margin: 20px 0;
}

#sankotsu .s-padding {
	margin: 0 10px 0;
}

#sankotsu .white {
	background-color: #fff;
}
#sankotsu .glay {
	background-color: #efefef;
}


@media screen and (max-width:991px) {
	
/*#sankotsu .sankotsu-price {
	font-size: 2.0rem;
	letter-spacing: 0.1rem;
}
#sankotsu .sankotsu-normal-plan {
	font-size: 1.4rem;
	padding-left: 0px;
}*/
#sankotsu .sankotsu-normal-price {
	font-size: 1.2rem;
	padding-left: 0px;
}
#sankotsu .sankotsu-label {
	margin: 10px 0 10px 0;
}
#sankotsu .sankotsu-box {
	padding: 0 0 0 0;
}
#sankotsu .resizeimage img {
	width: 70%;
	margin:10px 0;
}
#sankotsu .s-padding {
	margin: 0 0px 0;
}
#sankotsu .distance-label {
	margin: 10px 0px 10px 0;
}
#sankotsu .qa-q-normal-price {
	font-size: 1.1rem;
	font-weight: 500;
	width: 90%;
}
#sankotsu .qa-a-normal-price {
	font-size: 1.0rem;
}
}
@media screen and (max-width:768px) {
	#sankotsu .sankotsu-box-01::before {
	}
	
	#sankotsu .border-title::before {
	display: none;
}
#sankotsu .text00 {
	font-size: 1.2rem;
	display: block;
	margin: 20px 0;
}

#sankotsu .sankotsu-border-01::after {
	content: '';
display: block;
width: 60px;
background-color: #ddd;
height: 5px;
	margin: 0 auto;
	}

#sankotsu .child01 {
	padding: 20px;
}
#sankotsu .window {
	margin: 0 10px 0px;
}
#sankotsu .sankotsu-label {
	margin: 10px 0 10px 0;
}
#sankotsu .sankotsu-normal-price {
	font-size: 1.3rem;
	letter-spacing: -0.03rem;
	padding-left: 0px;
}
#sankotsu .sankotsu-price {
	font-size: 1.6rem;
	letter-spacing: 0rem;
}	
#sankotsu .pading-left{
	margin-left: 10px;
	visibility: visible;
}
#sankotsu-detail {
	font-size: 1rem;
	line-height: 2.1rem;
}
#sankotsu-detail ul li::before {
	width: 1.0rem;
	height: 1.0rem;
	margin: 0.3rem 0 0 0;
}
#sankotsu .window05 .menu {
	text-align: left;
}
#sankotsu .ocean-main {
	font-size: 1.3rem;
	line-height: 2.5rem;
	text-align: center;
	margin-left: 0px;	
}
#sankotsu .google-map {
	padding: 0 20px;
}

#sankotsu .sankotsu-img-bg {
	padding: 20px 0;
}
#sankotsu .resizeimage img {
	width: 80%;
	padding: 0;
}
#sankotsu .sankotsu-box {
	font-size: 1.0rem;
}
#sankotsu .accordion{
	font-size: 1rem;
	line-height: 180%;
}

#sankotsu .ceremony-cnt-name {
	font-size: 1.1rem;
}

#sankotsu .ceremony-cnt-text {
	font-size: 1rem;
}

#sankotsu .ceremony-cnt-text-pink {
	font-size: 1rem;
}
}

@media screen and (max-width:414px) {
#sankotsu .ocean-main {
	font-size: 1.125rem;
	line-height: 2.1875rem;
	text-align: center;
	margin-left: 0px;	
}
#sankotsu .sankotsu-normal-price {
	font-size: 1.15rem;
	letter-spacing: -0.03rem;
	padding-left: 0px;
}
#sankotsu .sankotsu-price {
	font-size: 1.55rem;
	letter-spacing: 0rem;
}	
#sankotsu .child01 {
	padding: 20px 10px 10px 10px;
}
#sankotsu .ceremony-label {
	padding: 10px;
}
#sankotsu h2 {
	font-size: 20px;
}

}

/*==============================================

20210922 新デザイン

==================================================*/
	/*コンテンツデザイン*/
	#flow-design {
	  margin-top: -82px;
	  font-size: 16px;
	}
	@media screen and (max-width: 767px) {
	  #flow-design {
	    margin-top: 0px;
	  }
	}
	@media screen and (max-width: 414px) {
	  #flow-design h2 {
	    font-size: 20px;
	  }
	}
	.process-namber {
	  font-size: 30px;
	  color: #008285;
	  display: inline-block;
	  text-align: left;
	  padding-left: 5px;
	}
	.process-text {
	  display: inline-block;
	  text-align: left;
	  font-size: 1.1rem;
	  font-family: "ryo-gothic-plusn", sans-serif;
	}
	.process-ttl {
	  display: inline-block;
	  text-align: left;
	  font-size: 1.5rem;
	}
	.process-img {
	  padding-right: 30px;
	}
	.process-tel-wrap {
	  display: flex;
	  width: 100%;
	  /*margin: 15px 0;*/
	  color: #DB4E62;
	}
	.process-tell {
	  font-size: 2rem;
	  color: #DB4E62;
	  letter-spacing: normal;
	  line-height: inherit;
	}
	.flow_box {
	  margin-top: 117px;
	  margin-bottom: 23px;
	}
	.flow_box2 {
	  margin-top: 155px;
	  margin-bottom: 139px;
	}
	.process-bg-white {
	  background-color: white;
	  padding-left: 50px;
	  padding-right: 50px;
	}
	.process-bg-gray, .process-bg-gray1 {
	  background-color: #ecf5f5;
	  margin-top: 82px;
	  padding-bottom: 53px;
	  padding-left: 50px;
	  padding-right: 50px;
	}
	.p-border {
	  border-bottom: solid 1.2px #008285;
	  margin-bottom: 26px;
	  margin-top: 34px;
	}
	.process_flow {
	  font-family: "ryo-gothic-plusn", sans-serif;
	  display: flex;
	}
	.process_flow a {
	  background: #EFEFEF;
	  font-size: 1.1rem;
	  float: left;
	  width: 32.5%;
	  border: solid 1px #C4C4C4;
	  display: inline-flex;
	  justify-content: center;
	  align-items: center;
	  text-decoration: none;
	}
	.process_flow .li01, .process_flow .li02, .process_flow .li03 {
	  display: table;
	  vertical-align: middle;
	}
	.process_flow .li01 i, .process_flow .li02 i, .process_flow .li03 i {
	  display: table-cell;
	  vertical-align: middle;
	}
	.process_flow .li01 p, .process_flow .li02 p, .process_flow .li03 p {
	  display: table-cell;
	  vertical-align: middle;
	}
	.process_flow a:nth-child(2) {
	  margin: 0 1.25%;
	}
	.process_flow a .li01, .process_flow a .li02, .process_flow a .li03 {
	  padding: 18px 0;
	  text-decoration: none;
	}
	.process_flow a .li01 {
	  color: #fff; /*display: inline-block;*/
	}
	.process_flow a .li02, .process_flow a .li03 {
	  color: black; /*display: inline-block;*/
	}
	.process_flow .box-b {
	  background: #008285;
	}
	.process_flow i {
	  padding-right: 13px;
	}
	.process_flow p {
	  letter-spacing: normal;
	}
	.padding-h {
	  padding-top: 170px;
	}
	.gw-img img {
	  vertical-align: top;
	  width: 8%;
	}
	.img-btn {
	  margin-top: 20px;
	  font-family: "ryo-gothic-plusn", sans-serif;
	}
	.img3-btn {
	  display: flex;
	}
	.img-btn .col-sm-4, .img-btn .col-xs-4 {
	  margin-bottom: 10px;
	}
	.square_btn {
	  display: inline-block;
	  text-decoration: none;
	  color: #008285;
	  border: solid 1px #ccc;
	  background: white;
	  width: 98%;
	  text-align: center;
	  padding: 8px 0;
	}
	.img3-btn div {
	  display: inline-flex;
	  justify-content: center;
	}
	.square_btn:hover, .first-btn:hover {
	  background: #008285;
	  color: white;
	  text-decoration: none;
	}
	.process-tel-wrap img {
	  vertical-align: top;
	  margin-right: 10px;
	  margin-top: 5px;
	}
	.my-blue {
	  color: #008285;
	}
	.icon-b {
	  color: #008285;
	}
	.fancy-btn {
	  text-decoration: none !important;
	  color: #008285 !important;
	  /*border: solid 2px #555;*/
	  background: white;
	  padding: 6px;
	}
	.fancy-btn:hover {
	  background: #008285;
	  color: white !important;
	}
	@media screen and (max-width:520px) {
	  .process_flow a {
	    justify-content: left;
	  }
	}
	@media screen and (max-width:767px) {
	  .gw-img img {
	    width: 18%;
	  }
	  .process-bg-white {
	    padding-left: 10px;
	    padding-right: 10px;
	  }
	  .process-bg-gray1 {
	    margin-top: 0px;
	    padding-left: 10px;
	    padding-right: 10px;
	    padding-bottom: 30px;
	  }
	  .process-bg-gray {
	    padding-left: 10px;
	    padding-right: 10px;
	    margin-top: 30px;
	    padding-bottom: 30px;
	  }
	}
	/*=============================================================================================================================*/
	/*=============================================================================================================================*/
	/*=============================================================================================================================*/
	/*//コンテンツデザイン*/
	#flow-design, .flow-text {
	  font-family: "ryo-gothic-plusn", sans-serif;
	}
	.cont-height-fit {
	  display: flex;
	  flex-wrap: wrap;
	  margin-right: -30px;
	}
	.p-border {
	  font-family: "yu-mincho-pr6", sans-serif;
	}
	.flow-text {
	  text-align: center;
	}
	@media screen and (max-width:767px) {
	  .p-border {
	    margin-bottom: 13px;
	    margin-top: 15px;
	  }
	  .process-namber {
	    font-size: 1.5rem;
	  }
	  .process-ttl {
	    font-size: 1.2rem;
	  }
	}
	/*フロー１ 5つの海洋散骨プラン*/
	.plan-card {
	  background: #FFF;
	  padding: 20px;
	  margin: 0 30px 30px 0;
	}
	.plan-card img {
	  width: 100%;
	}
	.plan-card-ttl {
	  font-weight: bold;
	  text-align: center;
	  margin: 20px 0;
	}
	.plan-card-text {
	  margin-bottom: 30px;
	}
	.plan-card-btn {
	  margin-top: auto;
	}
	.plan-card-btn .img-btn {
	  margin: 0 auto;
	}
	.plan-card-btn {
	  width: 230px;
	}
	.plan-card-btn i {
	  margin-left: 0.5rem;
	}
	/*コンテンツの高さ統一*/
	.plan-wrap {
	  display: flex;
	  flex-direction: column;
	}
	.plan-card {
	  flex-grow: 1;
	  display: flex;
	  flex-direction: column;
	}
	/*ボタン下固定*/
	.plan-card-wrap {
	  display: flex;
	  flex-direction: column;
	}
	.plan-card-btn {
	  margin: auto auto 0;
	}
	/*//フロー１ 5つの海洋散骨プラン*/
	/*フロー３ 粉骨の実施（お支払い）*/
	.other-plan-link {
	  margin: 30px 0 0;
	  line-height: 2rem;
	}
	a.ceremony-cnt-name:hover {
	  text-decoration: underline;
	}
	@media screen and (max-width:374px) {
	  .flow-pink-link .ceremony-cnt-name {
	    font-size: 1rem !important;
	  }
	}
  /*//フロー３ 粉骨の実施（お支払い）*/
	/*フロー６ 船上セレモニー*/
	.ceremony-cnt-name {
	  text-align: center !important;
	}
	.ceremony-cnt-wrap {
	  list-style: none;
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: center;
	  padding: 0;
	}
	@media screen and (max-width:375px) {
	  .ceremony-cnt-wrap {
	    flex-direction: column;
	    padding-left: 20%;
	  }
	}
	.ceremony-cnt-wrap li {
	  margin-right: 1rem;
	}
  /*//フロー６ 船上セレモニー*/
	/*btn-area*/
	.square_btn-2 {
	  display: inline-block;
	  text-decoration: none;
	  color: #333;
	  font-family: "ryo-gothic-plusn", sans-serif;
	  font-size: 1.18rem;
	  border: solid 1px #ccc;
	  background: white;
	  width: 98%;
	  text-align: center;
	  padding: 8px 0;
	  letter-spacing: 0.5rem;
	}
	.btn-area {
	  position: relative;
	  margin-bottom: 30px;
	}
	.btn-area::after {
	  position: absolute;
	  content: '\f105';
	  font-weight: bold;
	  font-family: "Font Awesome 5 free";
	  display: inline-block;
	  color: #008285;
	  font-size: 1.6rem;
	  top: 50%;
	  transform: translateY(-50%);
	  -webkit-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  right: 20%;
	  pointer-events: none;
	}
	.btn-area a {
	  text-decoration: none;
	}
	.btn-area a:hover {
	  border: 1px solid #008285;
	}
	@media screen and (max-width:991px) {
	  .btn-area::after {
	    right: 10%;
	  }
	}
	@media screen and (max-width:767px) {
	  .square_btn-2 {
	    font-size: 1rem;
	  }
	}
	@media screen and (max-width:375px) {
	  .btn-area::after {
	    right: 5%;
	  }
	}
  	/*//btn-area*/
	/*popup*/
.mb-3 {
	margin-bottom: 30px;
}
	.popup-link {
	  cursor: pointer;
	}
	.popup {
	  position: fixed;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 9999;
	  opacity: 0;
	  visibility: hidden;
	  transition: .6s;
	}
	.popup.is-show {
	  opacity: 1;
	  visibility: visible;
	}
	.popup-inner {
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%, -50%);
	  width: 80%;
	  max-width: 600px;
	  padding: 50px;
	  background-color: #fff;
	  z-index: 2;
	}
	.popup-inner img {
	  width: 100%;
	  margin-bottom: 10px;
	}
	.close-btn {
	  position: absolute;
	  right: 0;
	  top: 0;
	  width: 50px;
	  height: 50px;
	  line-height: 50px;
	  text-align: center;
	  cursor: pointer;
	}
	.close-btn i {
	  font-size: 20px;
	  color: #333;
	}
	.black-background {
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  background-color: rgba(0, 0, 0, .8);
	  z-index: 1;
	  cursor: pointer;
	}
	.popup-title {
	  font-size: 18px;
	  font-weight: bold;
	  text-align: center;
	}
	.popup-text {
	  text-align: center;
	  font-size: 16px;
	}
	@media screen and (max-width:767px) {
	  .popup-inner {
	    padding: 50px 10px;
	  }
	  .popup-title {
	    font-size: 16px;
	  }
	  .popup-text {
	    font-size: 14px;
	  }
	}
  	/*//popup*/