@charset "UTF-8";

#header
{
width: 100%;
margin: 0px auto;
padding: 0px;
overflow: hidden;
height: 80px;
text-align: left;
position: relative;
}

/*---------------------------*/


#siteid
{
width: 35%;
margin: 0px 0% 0px 0px;
padding: 0px;
height: 80px;
overflow: hidden;
float: right;
}

#siteid a
{
display: block;
width: 100%;
margin: 15px 0px 15px 0px;
padding: 0px;
height: 50px;
text-indent: -9999px;
background: url(../images/lib/siteid/siteid01.png) top right no-repeat;
background-size: contain;
}

#siteid a:hover
{
opacity: 0.5;
transition: background 0.5s;
}

#shopid
{
width: 35%;
margin: 0px 0px 0px 0%;
padding: 0px;
height: 80px;
overflow: hidden;
float: left;
}

#shopid a
{
width: 100%;
margin: 30px 0px 0px 0px;
padding: 0px;
/* [disabled]height: 80px;
*/
display: inline;
line-height: 75px;
color: #000;
font-family: 'Noto Sans Japanese', sans-serif;
font-weight: 600;
}

/*---------------------------*/


#header h1
{
font-size: 120%;
margin: 0em 0px 0em 0%;
}

#header h1 .htel
{
font-size: 64%;
margin: 0em 0px 0em 0%;
font-weight: 200;
}

/*-----------------------------------*/


#header-content
{
width: 90%;
/*max-width: 1024px;*/
margin: 0px auto;
}



#titleback
{
width: 100%;
margin: 0em auto 2em auto;
padding: 0em 0px;
height: auto;
/*height: 660px;
min-height:667px;*/
display: block;
z-index: 10;
overflow: hidden;
position: relative;
background: #000;
}

#titleback img
{
width: 100%;
height: auto;
}

#titleback ul
{
margin: 0px;
padding: 0px;
position: relative;
}

#titleback ul li
{
margin: 0px;
padding: 0px;
display: block;
background: #fff;
display: none;
}




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

#header,
.home #header
{
width: 100%;
margin: 0px auto;
padding: 0px;
height: 80px;
overflow: hidden;
background-size: contain;
}

#siteid
{
background: none;
width: 100%;
}

#siteid a
{
background-position: top center;
background-size: contain;
height: 50px;
}

#header h1
{
margin: 0em auto 0em auto;
}

.home #header h1
{
font-size: 200%;
margin: 0em 0em 0em 0%;
text-align: left;
}

#titleback
{
height: auto !important;
min-height: auto !important;
}


/*------------------------------*/


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

#header,
.home #header
{
height: 80px;
background-size: contain;
}

#siteid
{
position: relative;
width: 100%;
}

#siteid a
{
height: 50px;
background-position: center center;
background-size: contain;
}

#header h1,
.home #header h1
{
margin: 0.25em 0px 0px 0px;
text-align: center;
}

.home #header p.subtext
{
text-align: center;
}

.home #header p.subcatch
{
text-align: center;
}

#titleback
{
width: 100%;
position: relative;
margin: 0px 0px 1em 0px;
}

#titleback img
{
width: 100%;
}
}
 @media screen and (max-width: 479px) {

#header,
.home #header
{
background-size: cover;
}

#header h1,
.home #header h1
{
margin: 0.75em 0px 0.25em 0px;
line-height: 1.2;
font-size: 180%;
}

#header h1 br
{
display: inline;
}

#titleback
{
margin: 0px 0px 0em 0px;
}
}