@charset "utf-8";

@import url('../../css/common.css');
@import url('../../css/popup.css');
@import url('../../css/viewer.css');

:root {
	--color-yellgreen:#6ea115;
	--color-plred:#cc6666;
	--color-vdred:#990033;	
	--color-bw:#996600;	
	--color-red:#cc3333;	

	--font-size14:1.4rem;
}
.color-yg {color:var(--color-yellgreen)}
.color-plred {color:var(--color-plred)}
.color-vdred {color:var(--color-vdred)}
.color-bw {color:var(--color-bw)}
.color-red {color:var(--color-red)}

.bg-yg {background-color: var(--color-yellgreen);}
.bg-vdred {background-color: var(--color-vdred);}
.bg-bw {background-color:var(--color-bw)}

.f_srch {color:#cc6666; background: #fff389;}
.f-pnt {color:var(--color-red)}

.noDp {display:none !important;}

/*  */
.btn-org {position:relative; color:var(--color-yellgreen); font-size:1.4rem; transition:all 0.3s;}
.btn-org:after {content:''; position:absolute; bottom:-2px; left:50%; transform:translateX(-50%); width:0; height:1px; background-color:var(--color-yellgreen); transition:all 0.3s;}
.btn-org:hover::after {width:100%; height:1px;}

hr {border: 0; height: 0; border-top: 1px solid #d7d7d7;}

/*  */
html, body, #wrap {height:100%;}

#wrap {-webkit-overflow-scrolling: touch;}
#header { background-color:#fff;}

/* header-top */
.header_wrap {z-index:51; position:relative;}
.header_wrap .link_area {background:#37332d;}
.select_wrap.sel_ty01 > .btn_sel {padding:0;}
.select_wrap.sel_ty01 > .btn_sel {font-size:12px;}
.select_wrap.sel_ty01 > a.btn_sel:after {transform:none;}

.lang_box:after {display:none;}

/* footer */
/* #footer {display:none;} */
.select_wrap.sel_top.agency.is_open .sel_option {z-index:40; background-color:#fff;}
.sns_box {position:static; flex-direction:row; margin-right:25px;}
.sns_box > li + li {margin:0 0 0 16px;}


/* /////////////////////////////////////////////////////////////////// */


/* header-center */
.header-center {position:relative; z-index:50; display:flex; align-items:center; height:64px; text-align:center; background-color:#80bed2;}
.header-center h1 {line-height:0; width:198px; height:26px; margin-left:40px;}
.header-center .pg-info {position:absolute; top:12px; right:44px; text-align:right;}
.header-center .pg-info strong {display:inline-block; width:66px; height:14px;}
.header-center .pg-info span {display:block; min-height:18px; margin-top:5px; padding-left:25px; color:#fff; font-size:1.2rem; background:url('../images/common/ico-i.svg') no-repeat 0 0 / 16px ;}


@media (max-width: 1280px) {
	.header-center h1 {margin-left:30px;}
	.header-center .pg-info {right:30px;}
}


@media (max-width: 1024px) {
	
	.header-center {height:48px;}
	.header-center h1 {width:160px; height:auto; margin:0 0 0 14px;}
	.header-center .pg-info span {display:none;}
	.header-center .pg-info {right:14px;}

	.footer_area .foo_list > li:first-child {display:block;}
}