/*----------------------------------- header_sp.css -------------------------------------*/
.cms-public .header {
/*	height:23vw;
	max-height:240px;*/
	height:120px;
	margin:0 auto;
    position: relative;
/*	background:url(img/header/bg_header.gif) repeat-x;*/
	background:url(/img/sp_bg_header.gif) repeat-x;
	background-size:contain;
}

.cms-public .header:before, .header:after {
	content: "";
	position: absolute;
	background:url(/img/sp_bg_header.gif) repeat-x;
	top: 0;
	bottom: 0;
	/* width: 100%; */   /* some huge width */
	background-size:contain;
}
.cms-public .header:before {
	/* right: 100%; */
}
.cms-public .header:after {
   /* left: 100%; */
}

.cms-public .header .block {
	float:none;
	width:auto;
}

.cms-public .header figure {
	padding:0;
	margin:0;
}

.cms-public .header a {
	text-decoration:none;
}

.cms-public .header .logo {
	/*margin:0 auto;

	position: absolute;
	top: 20px;
	left: 0;

	float:left;
    margin-top:4vw;*/
}

body:not(.dev-mb):not(.dev-pc):not(.dev-tb) .cms-public .header .logo img {
/*    width: 50vw;*/
	width:calc(180px + 10vw);
	min-width:180px;
	max-width:391px;

/*
    max-width: 391px;
    max-height: 60px;*/
    height: auto;
}
/*----------------------------------- header_sp.css -------------------------------------*/
body.dev-sp,
body.dev-tb {
   margin: 0;
}
.dev-sp .cms-public .header,
.dev-tb .cms-public .header {
/*	height:23vw;
	max-height:240px;*/
	height:120px;
	margin:0 auto;
    position: relative;
/*	background:url(img/header/bg_header.gif) repeat-x;*/
	background:url("/img/sp_bg_header.gif") repeat-x;
	background-size:contain;
}
.dev-sp .cms-public .header {
    height: 73px;
}
.dev-sp .cms-public .gov-header,
.dev-tb .cms-public .gov-header {
	background:url(/file/img/177604.jpg) repeat-x;
}
.dev-sp .cms-public .header:before, .header:after,
.dev-tb .cms-public .header:before, .header:after {
/*	content: "";
	position: absolute;
	/*background:url("/img/sp_bg_header.gif") repeat-x;*/
/*	top: 0;
	bottom: 0;
	width: 9999px;   
	background-size:contain; */
}
/*
.dev-sp .cms-public .gov-header:before, .gov-header:after,
.dev-tb .cms-public .gov-header:before, .gov-header:after {
	background:url(/file/img/177604.jpg) repeat-x ;
}
.dev-sp .cms-public .header:before,
.dev-tb .cms-public .header:before {
	right: 100%;
}
.dev-sp .cms-public .header:after,
.dev-tb .cms-public .header:after  {
   left: 100%;
} */

.dev-sp .cms-public .header .block,
.dev-tb .cms-public .header .block {
	float:none;
	width:auto;
}

.dev-sp .cms-public .header figure,
.dev-tb .cms-public .header figure {
	padding:0;
	margin:0;
}

.dev-sp .cms-public .header a,
.dev-tb .cms-public .header a {
	text-decoration:none;
}


.dev-tb .cms-public .header .logo  {
	/*margin: 0;
	width: 13%;*/
	position: relative;
	/* top: 20px; */
	/* left: 10px; */
	/* float:left; */
        margin-top:20px;
        margin-left: 1em;
}
.dev-sp .cms-public .header .logo {
    margin-top: 10px;
    margin-left: 0.5em;
}
body:not(.dev-mb):not(.dev-pc):not(.dev-tb) .cms-public .header .logo img {
    /*    width: 50vw;*/
    width: calc(140px + 10vw);
    min-width:180px;
    max-width:391px;
    /*
    max-width: 391px;
    max-height: 60px;*/
    height: auto;
    }


.dev-sp .cms-public .header .top_menu,
.dev-tb .cms-public .header .top_menu  {
/*
	position: absolute;
	top: 10px;
	right: 0px;
*/
    float:right;
/*
    margin-right:2vw;
    margin-top:2.5vw;
*/
}

body:not(.dev-mb) .cms-public .header .top_menu img {
    width: 15vw;
    max-width: 104px;
    height: auto;
}
.dev-sp .cms-public .header .top_lang,
.dev-tb .cms-public .header .top_lang {
	position: absolute;
	top: 10px;
	right: 90px;
    float:right;

}
.dev-sp .cms-public .header .top_lang {
    right: 80px;
}
body:not(.dev-mb) .cms-public .header .top_lang img {
/*    width: 15vw;*/
    width:70px;
    max-width: 104px;
    height: auto;
}
body.dev-sp .cms-public .header .top_lang img {
    width:60px;
}
.dev-sp .cms-public .logo,
.dev-sp .cms-public .logo_en,
.dev-sp .cms-public .lang,
.dev-sp .cms-public .setting,
.dev-sp .cms-public .safe,
.dev-tb .cms-public .logo,
.dev-tb .cms-public .logo_en,
.dev-tb .cms-public .lang,
.dev-tb .cms-public .setting,
.dev-tb .cms-public .safe  {
    display: none;
}
.dev-sp .cms-public .global_menu ul > li > ul,
.dev-tb .cms-public .global_menu ul > li > ul {
    display: none;
}

.cms-public .header .top_menu {
/*
	position: absolute;
	top: 10px;
	right: 0px;
*/
    float:right;
/*
    margin-right:2vw;
    margin-top:2.5vw;
*/
}

body:not(.dev-mb) .cms-public .header .top_menu img {
    width: 15vw;
    max-width: 104px;
    height: auto;
}
.cms-public .header .top_lang {

position: absolute;

top: 10px;

right: 90px;

/* float:right; */

/*
    margin-top:2.5vw;
    margin-right:1vw;
*/
}