/*
body {
	background: linear-gradient(to right bottom, rgb(238, 218, 217) 20%, rgb(185, 185, 209) 60%, rgb(141, 154, 198) 100%) fixed rgb(238, 218, 217); font: 14px/1.6 Century Gothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: rgb(102, 102, 102); -ms-overflow-x: hidden; font-size-adjust: none; font-stretch: normal;
}

.header3 {
	background: rgba(238, 218, 217, 0.7); width: 760px; /*position: fixed; z-index: 3;
}
*/

a:hover {
	color: rgb(204, 0, 0);  /* text-decoration: underline; */
}

.header {
	background: rgba(255, 255, 255, 0.7); width: 760px; position: fixed; z-index: 2;
}



header #menu {
	background: rgba(255, 255, 255, 0.7); width: 760px; position: fixed; z-index: 2;
}

header #menu {
	line-height: 0; font-size: 0px; display: table;
}


nav #drawer_menu {
	display: table-cell;
}
nav #drawer_menu {
	text-align: right; vertical-align: bottom;
}

header ul {
	margin: 0px 10px 10px 0px; line-height: 1; font-size: 13px;
}
header ul li {
	margin-left: 0px; display: inline-block;
}


header ul li::after {
	content: " |";
}
header ul li:last-child::after {
	content: "";
}
.header ul li::after {
	content: " ";
}
header ul li:last-child::after {
	content: " ";
}
header ul li a.co-menu {
	color: inherit;
}

 /* ======================================= */
 /* ▼横幅1100px以下の場合に適用されるCSS */
 /* ======================================= */

@media screen and (max-width:1100px)
{
html {
	-webkit-text-size-adjust: 100%;
}

a img:hover {
	opacity: 1;
}

header h1 a img {
	height: 20px;
}

}

 /* ======================================= */
 /* ▼横幅760px以下の場合に適用されるCSS */
 /* ======================================= */

@media screen and (max-height:760px)
{
html {
	-webkit-text-size-adjust: 100%;
}

a img:hover {
	opacity: 1;
}

header  h1 a img {
	height: 20px;
}

}


@media screen and (max-width:640px)
{
html {
	-webkit-text-size-adjust: 100%;
}

a img:hover {
	opacity: 1;
}

header  h1 a img {
	height: 20px;
}

}