@charset "UTF-8";
/* header
=================================================================== */
#notes {
	width: 100%;
	font-size: 14px;
	letter-spacing: 0.001em;
    line-height: 20px;
    color: #222;
    z-index: 6;
    position: absolute;
}
#notes .container {
	display: flex;
    padding: 5px 10px;
    background: url(../img/common/notesbg-shadow-top-1px.png) repeat-x bottom /*rgba(255, 255, 255, 0.85)*/;
	justify-content: center;
}
#notes a {
	color: #222;
	font-weight:600;
	display:inline;
}
#notes a:hover {
	color: #999;
}
.brandlogo_cookie{
	width: 109px;
    position: absolute;
    top: 20px;
    left: 10%;
}
.cookie-box {
	width :640px;
	padding: 5px 0 15px;
}

#btn {
	padding:0 5px;
	margin: 0 10px;
    font-size: 80%;
	cursor:pointer;
	border: 1px solid #666;
}

@media only screen and (max-width: 1100px) {
	.brandlogo_cookie{
	width: 99px;
    left: 20px;
}
}


/* for mobile
=================================================================== */

.for_sp{ display: none;}

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

	.for_pc{ display: none;}	
	.for_sp{ display: block;}

.cookie-box {
    padding-top: 45px;
}

/* footer
=================================================================== 
#notes_foot {
	width: 100%;
	font-size: 12px;
	line-height: 16px;
    color: #fff;
    z-index: 6;
    position: absolute;
}
#notes_foot .container {
	display: flex;
    padding: 5px 10px;
    background: url(common-clientlibs/images/img-notescookies-shadow-top-1px.png) repeat-x bottom rgba(0, 0, 0, 0.45);
	justify-content: center;
}
#notes_foot a {
	color: #fff;
	font-weight:500;
	width: 80px;
    float: right;
}
#notes_foot a:hover {
	color: #222;
}
.cookie-box {
	width :640px;
}

#btn {
	padding:0 5px;
	margin: 0 10px;
    font-size: 80%;
	cursor:pointer;
}
=================================================================== */
	
}