/**/
.pg_hdbx {position:fixed; top:0; left:var(--side_wd); width:calc(100% - var(--side_wd)); height:var(--hd_size); z-index:10000000; margin-top:env(safe-area-inset-top);background:var(--body_bg); display:none;}
.pg_hdbx.spc_hidden {transform: translateY(-100%)}
.pg_hdbx.return {transform: translateX(0%);opacity:0;animation-name: loading_wrap; animation-duration:0.5s;animation-iteration-count: 1; animation-direction:normal;animation-fill-mode: forwards; }
.pg_hdbx.hidden {transform: translateX(-100%); opacity:0; animation-name: loading_wrap_hidden; animation-duration:0.5s;animation-iteration-count: 1; animation-direction:normal;animation-fill-mode: forwards;}
.pg_hdbx.no_line {border-bottom:1px solid #fff;}
.pg_hdbx > h2	{position:absolute; top:calc(50% - 2px); left:50%; transform:translate(-50%, -50%); font-size:17px; font-weight:700; color:var(--default_color1);line-height:100%; letter-spacing:-0.05em;}
.pg_hdbx > h2 span	{font-weight:700;}

.pg_hdbx > h2 ul.logo_symbol_default {vertical-align: top; margin-right: 5px; width:calc(calc(var(--logo_symbol_bk_title) * 2) + 6px ); height:var(--logo_symbol_bk_title);}
.pg_hdbx > h2 ul.logo_symbol_default li {width: var(--logo_symbol_bk_title); opacity:0.15;}
.pg_hdbx > h2 ul.logo_symbol_default li em {top:-4px; right:0; font-size:10px; }

.pg_hdbx > span	{position:absolute; top:50%; right:25px; transform:translateY(-50%); font-size:11px; color:#555;}
.pg_hdbx > span em	{font-style:normal; color:red;}
.pg_hdbx .back		{position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:1; font-size:0; cursor:pointer; line-height:100%; }
.pg_hdbx .back i,
.pg_hdbx .back span		{display:inline-block; vertical-align:middle; line-height:var(--hd_size); position:relative;}
.pg_hdbx .back i			{font-size:30px; color:var(--default_color3); font-weight:normal; width:var(--hd_size); height:var(--hd_size); text-align:center;}
.pg_hdbx .back span		{color:var(--default_color4); font-size:15px; margin-left:-15px;}

@media screen and (max-width: 1160px){
}

@media screen and (max-width: 900px){

}

@media screen and (max-width: 650px){
	.pg_hdbx {left:0; width:100%; display:block;}

	.pg_hdbx > h2	{font-size:15px;}
	.pg_hdbx .back i			{font-size:27px; text-align:left; padding-left:5px;}
	.pg_hdbx .back span		{font-size:13px; margin-left:-27px;}
}





ul.app_store {position:relative;  left:0; right: 0; display:flex;  background: var(--app_bg); margin:0 auto 25px auto; max-width: calc(100% - 20px); padding: 25px 0;border-radius: 7px;}
ul.app_store li {flex:1; position:relative; font-size:0; border: 1px dashed var(--app_bg_line); border-width: 0 1px 0 0; cursor: pointer; text-align: center;}
ul.app_store li:last-child {border-width: 0;}
ul.app_store li i,
ul.app_store li img,
ul.app_store li span {display:inline-block; vertical-align:middle; text-align: center; }
ul.app_store li i {font-size:30px; width:100%; color:var(--app_icon);}
ul.app_store li i.link {display: none;}
ul.app_store li img {width:30px;}
ul.app_store li span {font-size:10px; width:100%; font-weight: 700; color: var(--app_span); padding: 7px 0 0 0; line-height:100%;}
ul.app_store li em {display:none;}
ul.app_store.app { padding: 0;}
ul.app_store.app li {border-width: 0; padding: 20px 30px;   width: 100%;}
ul.app_store.app li.ios i,
ul.app_store.app li.android i {width:30px; font-size:30px; position:absolute; top:50%; left:25px; transform:translateY(-50%);}
ul.app_store.app li.ios i.link,
ul.app_store.app li.android i.link {left:initial;  right: 20px; width:auto; font-size:13px; display: inline-block !important;}
ul.app_store.app li.ios img,
ul.app_store.app li.android img {width:30px; position:absolute; top:50%; left:15px; transform:translateY(-50%);}
ul.app_store.app li.ios span,
ul.app_store.app li.android span {width:100%; font-size:12px; text-align: left; padding:0 0 0 40px; font-weight: 700;color: var(--app_span_one);}
ul.app_store.app li em {display:inline-block; width:100%; font-size:9px; padding:4px 0 0 0px; font-weight: 500;color: var(--app_em); font-style:normal;}


.store_msg {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.8); color: #fff; padding: 30px; border-radius: 10px; z-index: 1000;white-space: nowrap;  line-height: 100%; font-size: 12px;}
.store_msg.show {display: block; animation: fadeInOut 3s ease-in-out;}

@keyframes fadeInOut {
	0% { opacity: 0; }
	10% { opacity: 1; }
	90% { opacity: 1; }
	100% { opacity: 0; }
}