/* ヘッダーメイン */

@media screen and (min-width: 641px){

#thmain {
	width: 100%;
	background: #DE586A;
	padding: 0px 0px 80px 0px;
	position: relative;
	z-index: 0;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	}

#thmain:before {
	content: '';
	width: 60px;
	height: 60px;
	background: #DE586A;
	position: absolute;
	right: 50px;
	top: 0px;
	z-index: 51;
	}

#thmain:after {
	content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 0 0 60px;
    border-color: transparent transparent transparent #ffffff;
	position: absolute;
	right: 50px;
	top: 0px;
	z-index: 52;
	}

#thmain .main {
	width: calc((100% - 50px) * 2 / 3);
	background: #ffffff;
	border-top: 8px #ffffff solid;
	border-right: 8px #ffffff solid;
	border-bottom: 8px #ffffff solid;
	position: relative;
	overflow: hidden;
	}

#thmain .main .bxslider ul {
	margin: 0px;
	z-index: 0;
	}

#thmain .main .bxslider li {
	position: relative;
	}

#thmain .main .bxslider li:not(:first-child) {
    display: none;
	}

#thmain .main .bxslider a {
	display: block;
	}

#thmain .main .bxslider ul a:hover {
	opacity: 1;
	}

#thmain .main .bxslider ul a:hover img {
	opacity: 1;
	}

#thmain .main .bxslider ul img {
	width: 100%;
	-webkit-transition: all 0s;
	transition: all 0s;
	}

#thmain .main .bx-viewport {
  	overflow: visible!important;
	}

#thmain .main .bx-pager {
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	z-index: 52;
	}

#thmain .main .bx-pager .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	}

#thmain .main .bx-default-pager a {
	width: 10px;
	height: 10px;
	background: #ffffff;
	margin: 0px 5px 0px 5px;
	display: block;
	text-indent: -9999px;
	outline: 0;
	}

#thmain .main .bx-default-pager a:hover,
#thmain .main .bx-default-pager a.active {
	background: #DE586A;
  	}

#thmain .main .bxslider li:not(.vid)[aria-hidden="false"] {
    animation: anime_zoom 5s linear;
	}

#thmain .main .bxslider li:not(.vid)[aria-hidden="true"] {
    transform: scale(1.05);
	}

@keyframes anime_zoom {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(1.05);
    }
	}

#thmain .hli {
	width: 90%;
	position: absolute;
    left: 1%;
    top: 5px;
	z-index: 51;
	}

#thmain .menu {
	width: calc((100% - 50px) * 1 / 3);
	background: #ffffff;
	border-top: 8px #ffffff solid;
	border-right: 8px #ffffff solid;
	display: flex;
	flex-wrap: wrap;
	}

#thmain .menu a {
	width: 100%;
	border-bottom: 8px #ffffff solid;
	display: block;
	position: relative;
	}

#thmain .menu a img {
	width: 100%;
	}

#thmain .menu a p {
	width: 100%;
	font-size: 36px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	position: absolute;
    left: 0px;
	bottom: 20px;
	}

#thmain .menu a:nth-child(2) p {
	font-size: 60px;
	color: #DE586A;
    left: 0px;
	top: 5px;
	}

#thmain .menu a p span {
	width: 90%;
	font-size: 14px;
	margin: 0px auto;
	display: table;
	}

#thmain .menu a .lin {
	font-size: 24px;
	color: #DE586A;
    left: 0px;
	top: 5px;
	}

#thmain .menu .bxslider ul {
	margin: 0px;
	z-index: 0;
	}

#thmain .menu .bxslider li {
	position: relative;
	}

#thmain .menu .bxslider li:not(:first-child) {
    display: none;
	}

}

@media screen and (max-width: 640px){

#thmain {
	width: 100%;
	background: #DE586A;
	padding: 0px 0px 80px 0px;
	position: relative;
	z-index: 0;
	overflow: hidden;
	}

#thmain:before {
	content: '';
	width: 32px;
	height: 32px;
	background: #DE586A;
	position: absolute;
	right: 5%;
	top: 0px;
	z-index: 51;
	}

#thmain:after {
	content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 32px 0 0 32px;
    border-color: transparent transparent transparent #ffffff;
	position: absolute;
	right: 5%;
	top: 0px;
	z-index: 52;
	}

#thmain .main .bxslider {
	width: 95%;
	background: #ffffff;
	border-top: 5px #ffffff solid;
	border-right: 5px #ffffff solid;
	border-bottom: 5px #ffffff solid;
	position: relative;
	overflow: hidden;
	}

#thmain .main .bxslider ul {
	margin: 0px;
	z-index: 0;
	}

#thmain .main .bxslider li {
	position: relative;
	}

#thmain .main .bxslider li:not(:first-child) {
    display: none;
	}

#thmain .main .bxslider a {
	display: block;
	}

#thmain .main .bxslider ul a:hover {
	opacity: 1;
	}

#thmain .main .bxslider ul a:hover img {
	opacity: 1;
	}

#thmain .main .bxslider ul img {
	width: 100%;
	-webkit-transition: all 0s;
	transition: all 0s;
	}

#thmain .bx-viewport {
  	overflow: visible!important;
	}

#thmain .bx-pager {
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	z-index: 52;
	}

#thmain .bx-pager .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	}

#thmain .bx-default-pager a {
	width: 8px;
	height: 8px;
	background: #ffffff;
	margin: 0px 4px 0px 4px;
	display: block;
	text-indent: -9999px;
	outline: 0;
	}

#thmain .bx-default-pager a:hover,
#thmain .bx-default-pager a.active {
	background: #DE586A;
  	}

#thmain .main .bxslider li:not(.vid)[aria-hidden="false"] {
    animation: anime_zoom 5s linear;
	}

#thmain .main .bxslider li:not(.vid)[aria-hidden="true"] {
    transform: scale(1.05);
	}

@keyframes anime_zoom {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(1.05);
    }
	}

#thmain .hli {
	width: 90%;
	position: absolute;
    left: 1%;
    top: 5px;
	z-index: 51;
	}

#thmain .menu {
	width: 95%;
	border-bottom: 5px #ffffff solid;
	display: flex;
	flex-wrap: wrap;
	}

#thmain .menu a {
	width: calc(100% / 2);
	border-right: 5px #ffffff solid;
	display: block;
	position: relative;
	}

#thmain .menu a img {
	width: 100%;
	}

#thmain .menu a p {
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	position: absolute;
    left: 0px;
	bottom: 10px;
	}

#thmain .menu a:nth-child(2) p {
	font-size: 24px;
	color: #DE586A;
    left: 0px;
	top: 5px;
	}

#thmain .menu a p span {
	width: 90%;
	font-size: 10px;
	margin: 0px auto 5px auto;
	display: table;
	}

#thmain .menu a .lin {
	font-size: 24px;
	color: #DE586A;
    left: 0px;
	top: 5px;
	}

#thmain .menu .bxslider ul {
	margin: 0px;
	z-index: 0;
	}

#thmain .menu .bxslider li {
	position: relative;
	}

#thmain .menu .bxslider li:not(:first-child) {
    display: none;
	}

}


/* トップページ */

@media screen and (min-width: 641px){

#top {
	width: 100%;
	line-height: 150%;
	overflow: hidden;
	}

#top section {
	margin: 0px 0px 80px 0px;
	}

#top section:last-child {
	margin: 0px;
	}

#top .conc {
	background: #DE586A;
	border-bottom: 8px #F7F1ED solid;
	color: #ffffff;
	padding: 0px 0px 100px 0px;
	}

#top .conc .ban {
	width: 90%;
	max-width: 600px;
	background: none;
	border: none;
	margin: 0px auto 80px auto;
	padding: 0px;
	display: table;
	}

#top .conc .ban img {
	width: 100%;
	}

#top .conc h2 {
	font-size: 18px;
	line-height: 200%;
	margin: 0px 0px 50px 0px;
	text-align: center;
	}

#top .conc h2 br:nth-child(2),
#top .conc h2 br:nth-child(4) {
	display: none;
	}

#top .conc .man {
	margin: 0px auto 40px auto;
	display: table;
	}

#top .conc .man img {
	width: 44px;
	margin: 0px 5px;
   	animation: yurayura01 5s step-end infinite;
	}

@keyframes yurayura01 {
	0%{transform: rotate(0deg);}
	5%{transform: rotate(-10deg);}
	10%{transform: rotate(0deg);}
	15%{transform: rotate(-10deg);}
	20%{transform: rotate(0deg);}
	100%{transform: rotate(0deg);}
	}

#top .conc .man img:nth-child(2) {
	width: 60px;
   	animation: yurayura02 5s step-end infinite;
	}

@keyframes yurayura02 {
	60%{transform: rotate(0deg);}
	65%{transform: rotate(-10deg);}
	70%{transform: rotate(0deg);}
	75%{transform: rotate(-10deg);}
	80%{transform: rotate(0deg);}
	100%{transform: rotate(0deg);}
	}

#top .conc a {
	background: url(img/arr01.png) no-repeat right top;
	background-size: 20px auto;
	border-bottom: 2px #ffffff solid;
	font-size: 16px;
	line-height: 100%;
	color: #ffffff;
	margin: 0px auto;
	padding: 0px 35px 10px 0px;
	display: table;
	}

#top .col {
	margin: 0px 0px 80px 0px;
	}

#top .col .bxslider {
	width: 90%;
	margin: 0px 0px 0px 50px;
	position: relative;
	}

#top .col .bxslider ul {
	display: flex;
	flex-wrap: wrap;
	z-index: 0;
	}

#top .col .bxslider li {
	background: #ffffff;
	position: relative;
	overflow: hidden;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	}

#top .col .bxslider li:first-child {
	}

#top .col .bxslider a {
	display: block;
	}

#top .col .bxslider ul a:hover {
	opacity: 1;
	}

#top .col .bxslider ul a:hover img {
	opacity: 1;
	}

#top .col .bxslider li {
	text-align: right;
	}

#top .col .bxslider li img {
	width: 100%;
	height: auto;
	margin: 0px 0px 15px 0px;
	-webkit-transition: all 0s;
	transition: all 0s;
	}

#top .col .bxslider li span {
	width: 100%;
	font-size: 12px;
	padding: 0px 10px 15px 10px;
	display: block;
	-webkit-transition: all 0s;
	transition: all 0s;
	}

#top .col .bxslider li h3 {
	font-size: 14px;
	font-weight: normal;
	line-height: 150%;
	margin: 0px 0px 5px 0px;
	text-align: left;
	}

#top .col .bx-viewport {
  	overflow: visible!important;
	}

#top .col .bx-prev {
	left: 0px;
	}

#top .col .bx-prev:before {
	content: '';
	width: 9px;
	height: 9px;
	border-top: 1px #111111 solid;
	border-right: 1px #111111 solid;
	position: absolute;
	left: 15px;
	top: 13px;
    transform: rotate(-135deg);
	}

#top .col .bx-next {
	right: 0px;
	}

#top .col .bx-next:before {
	content: '';
	width: 9px;
	height: 9px;
	border-top: 1px #111111 solid;
	border-right: 1px #111111 solid;
	position: absolute;
	right: 15px;
	top: 13px;
    transform: rotate(45deg);
	}

#top .col .bx-controls-direction {
	width: 100%;
	position: absolute;
    left: 50%;
	top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 53;
	}

#top .col .bx-controls-direction a {
	width: 35px;
	height: 35px;
	background: #ffffff;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	position: absolute;
	top: 0px;
	text-indent: -9999px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	}

#top .col .bx-controls-direction a.disabled {
	display: none;
	}

#top .col #mor {
	margin: 30px 5% 0px auto;
	}

#top .lin {
	width: 90%;
	max-width: 1000px;
	background: #DE586A;
	margin: 0px auto 80px auto;
	padding: 50px 0px 0px 0px;
	position: relative;
	}

#top .lin h2 {
	color: #ffffff;
	}

#top .lin ul {
	width: 100%;
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
	}

#top .lin a {
	width: calc(100% / 2);
	background: url(img/arr01.png) no-repeat right 5% center;
	background-size: 20px auto;
	border-right: 2px #ffffff solid;
	font-size: 14px;
	line-height: 150%;
	color: #ffffff;
	margin: 0px 0px 50px 0px;
	padding: 40px 5%;
	text-align: center;
	display: block;
	}

#top .lin a:nth-child(2n) {
	border: none;
	}

#top .lin a p {
	line-height: 240px;
	}

#top .lin a p img {
	max-width: 90%;
	max-height: 240px;
	margin: 0px 0px 30px 0px;
	display: inline-block;
	vertical-align: bottom;
	}

#top .lin a.hir p img {
	max-width: 100%;
	}

#top .lin a h3 img {
	width: 45%;
	margin: 0px auto 20px auto;
	display: block;
	}

#top .lin a h3 img:nth-child(2) {
	width: 15%;
	margin: -10px auto 20px auto;
	}

#top .lin a.hir h3 img {
	width: 40%;
	}

#top .int {
	width: 100%;
	border-top: 8px #F7F1ED solid;
	padding: 80px 0px 0px 0px;
	}

#top .int ul {
	width: 90%;
	max-width: 1000px;
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
	}

#top .int ul li {
	width: calc((100% - 10px) / 3);
	font-size: 12px;
	margin: 0px 5px 0px 0px;
	text-align: right;
	display: block;
	}

#top .int ul li:nth-child(3n) {
	margin: 0px;
	}

#top .int ul p {
	width: 100%;
	margin: 0px 0px 15px 0px;
  	padding-top: 56.25%;
  	position: relative;
  	}

#top .int ul iframe {
  	width: 100%;
  	height: 100%;
	border: none;
  	position: absolute;
  	top: 0;
  	left: 0;
  	}

#top .int ul li h3 {
	font-size: 14px;
	font-weight: normal;
	line-height: 150%;
	margin: 0px 0px 5px 0px;
	text-align: left;
	}

#top .int ul li h3 font {
	color: #DE586A;
	}

#top .blo {
	width: 100%;
	border-top: 8px #F7F1ED solid;
	padding: 80px 0px 0px 0px;
	}

#top .blo ul {
	width: 90%;
	max-width: 1000px;
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
	}

#top .blo ul a {
	width: calc((100% - 15px) / 4);
	font-size: 12px;
	margin: 0px 5px 30px 0px;
	text-align: right;
	display: block;
	}

#top .blo ul a:nth-child(4n) {
	margin: 0px 0px 30px 0px;
	}

#top .blo ul a ol {
	margin: 0px 0px 15px 0px;
	position: relative;
	overflow: hidden;
	}

#top .blo ul a img {
	width: 100%;
	height: auto;
	}

#top .blo ul a h3 {
	font-size: 14px;
	font-weight: normal;
	line-height: 150%;
	margin: 0px 0px 5px 0px;
	text-align: left;
	}

#top .blo ul a h3 font {
	color: #EC6D37;
	}

}

@media screen and (max-width: 640px){

#top {
	width: 100%;
	line-height: 150%;
	overflow: hidden;
	}

#top section {
	margin: 0px 0px 50px 0px;
	}

#top section:last-child {
	margin: 0px;
	}

#top .conc {
	background: #DE586A;
	border-bottom: 5px #F7F1ED solid;
	color: #ffffff;
	padding: 0px 0px 80px 0px;
	}

#top .conc .ban {
	width: 90%;
	background: none;
	border: none;
	margin: 0px auto 80px auto;
	padding: 0px;
	display: table;
	}

#top .conc .ban img {
	width: 100%;
	}

#top .conc h2 {
	font-size: 16px;
	line-height: 200%;
	margin: 0px 0px 50px 0px;
	text-align: center;
	}

#top .conc .man {
	margin: 0px auto 40px auto;
	display: table;
	}

#top .conc .man img {
	width: 44px;
	margin: 0px 5px;
   	animation: yurayura01 5s step-end infinite;
	}

@keyframes yurayura01 {
	0%{transform: rotate(0deg);}
	5%{transform: rotate(-10deg);}
	10%{transform: rotate(0deg);}
	15%{transform: rotate(-10deg);}
	20%{transform: rotate(0deg);}
	100%{transform: rotate(0deg);}
	}

#top .conc .man img:nth-child(2) {
	width: 60px;
   	animation: yurayura02 5s step-end infinite;
	}

@keyframes yurayura02 {
	60%{transform: rotate(0deg);}
	65%{transform: rotate(-10deg);}
	70%{transform: rotate(0deg);}
	75%{transform: rotate(-10deg);}
	80%{transform: rotate(0deg);}
	100%{transform: rotate(0deg);}
	}

#top .conc a {
	background: url(img/arr01.png) no-repeat right top;
	background-size: 20px auto;
	border-bottom: 2px #ffffff solid;
	font-size: 14px;
	line-height: 100%;
	color: #ffffff;
	margin: 0px auto;
	padding: 0px 35px 10px 0px;
	display: table;
	}

#top .col {
	margin: 0px 0px 50px 0px;
	}

#top .col .bxslider {
	width: 90%;
	margin: 0px 0px 0px 5%;
	position: relative;
	}

#top .col .bxslider ul {
	display: flex;
	flex-wrap: wrap;
	z-index: 0;
	}

#top .col .bxslider li {
	background: #ffffff;
	position: relative;
	overflow: hidden;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	}

#top .col .bxslider li:first-child {
	}

#top .col .bxslider a {
	display: block;
	}

#top .col .bxslider ul a:hover {
	opacity: 1;
	}

#top .col .bxslider ul a:hover img {
	opacity: 1;
	}

#top .col .bxslider li {
	text-align: right;
	}

#top .col .bxslider li img {
	width: 100%;
	height: auto;
	margin: 0px 0px 15px 0px;
	-webkit-transition: all 0s;
	transition: all 0s;
	}

#top .col .bxslider li span {
	width: 100%;
	padding: 0px 10px 15px 10px;
	display: block;
	-webkit-transition: all 0s;
	transition: all 0s;
	}

#top .col .bxslider li h3 {
	font-size: 14px;
	font-weight: normal;
	line-height: 150%;
	margin: 0px 0px 5px 0px;
	text-align: left;
	}

#top .col .bx-viewport {
  	overflow: visible!important;
	}

#top .col .bx-prev {
	left: 0px;
	}

#top .col .bx-prev:before {
	content: '';
	width: 9px;
	height: 9px;
	border-top: 1px #111111 solid;
	border-right: 1px #111111 solid;
	position: absolute;
	left: 15px;
	top: 13px;
    transform: rotate(-135deg);
	}

#top .col .bx-next {
	right: 0px;
	}

#top .col .bx-next:before {
	content: '';
	width: 9px;
	height: 9px;
	border-top: 1px #111111 solid;
	border-right: 1px #111111 solid;
	position: absolute;
	right: 15px;
	top: 13px;
    transform: rotate(45deg);
	}

#top .col .bx-controls-direction {
	width: 100%;
	position: absolute;
    left: 50%;
	top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 53;
	}

#top .col .bx-controls-direction a {
	width: 35px;
	height: 35px;
	background: #ffffff;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	position: absolute;
	top: 0px;
	text-indent: -9999px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	}

#top .col .bx-controls-direction a.disabled {
	display: none;
	}

#top .col #mor {
	margin: 30px 5% 0px auto;
	}

#top .lin {
	width: 90%;
	background: #DE586A;
	margin: 0px auto 50px auto;
	padding: 50px 0px 70px 0px;
	position: relative;
	}

#top .lin h2 {
	color: #ffffff;
	}

#top .lin ul {
	width: 82.758%;
	margin: 0px auto;
	}

#top .lin a {
	width: 100%;
	background: url(img/arr01.png) no-repeat right center;
	background-size: 20px auto;
	border-bottom: 2px #ffffff solid;
	font-size: 14px;
	line-height: 150%;
	color: #ffffff;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 40px 0px;
	text-align: center;
	display: block;
	}

#top .lin a:last-child {
	border: none;
	margin: 0px;
	padding: 0px;
	}

#top .lin a p img {
	width: 74%;
	margin: 0px 0px 30px 0px;
	}

#top .lin a.hir p img {
	width: 90%;
	}

#top .lin a h3 img {
	width: 54%;
	margin: 0px auto 20px auto;
	display: block;
	}

#top .lin a h3 img:nth-child(2) {
	width: 21%;
	margin: -10px auto 20px auto;
	}

#top .lin a.hir h3 img {
	width: 40%;
	}

#top .int {
	width: 100%;
	border-top: 5px #F7F1ED solid;
	padding: 50px 0px 0px 0px;
	}

#top .int ul {
	width: 90%;
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
	}

#top .int ul li {
	width: 100%;
	margin: 0px 5px 30px 0px;
	text-align: right;
	display: block;
	}

#top .int ul p {
	width: 100%;
	margin: 0px 0px 15px 0px;
  	padding-top: 56.25%;
  	position: relative;
  	}

#top .int ul iframe {
  	width: 100%;
  	height: 100%;
	border: none;
  	position: absolute;
  	top: 0;
  	left: 0;
  	}

#top .int ul li h3 {
	font-size: 14px;
	font-weight: normal;
	line-height: 150%;
	margin: 0px 0px 5px 0px;
	text-align: left;
	}

#top .int ul li h3 font {
	color: #DE586A;
	}

#top .blo {
	width: 100%;
	border-top: 5px #F7F1ED solid;
	padding: 50px 0px 0px 0px;
	}

#top .blo ul {
	width: 90%;
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
	}

#top .blo ul a {
	width: calc((100% - 5px) / 2);
	margin: 0px 5px 30px 0px;
	text-align: right;
	display: block;
	}

#top .blo ul a:nth-child(2n) {
	margin: 0px 0px 30px 0px;
	}

#top .blo ul a ol {
	margin: 0px 0px 15px 0px;
	position: relative;
	overflow: hidden;
	}

#top .blo ul a img {
	width: 100%;
	height: auto;
	}

#top .blo ul a h3 {
	font-size: 14px;
	font-weight: normal;
	line-height: 150%;
	margin: 0px 0px 5px 0px;
	text-align: left;
	}

#top .blo ul a h3 font {
	font-size: 16px;
	color: #EC6D37;
	}

}


/* 404エラー */

@media screen and (min-width: 641px){

#err {
	width: 75%;
	line-height: 200%;
	margin: 0px auto;
	}

#err h2 {
	font-size: 48px;
	color: #cccccc;
	margin: 0px 0px 50px 0px;
	text-align: center;
	}

#err h3 {
	font-size: 24px;
	margin: 0px 0px 50px 0px;
	text-align: center;
	}

#err a {
	width: 320px;
	background: #f6f6f6;
	border: 1px #dddddd solid;
	font-size: 16px;
	line-height: 50px;
	color: #111111;
	margin: 50px auto 50px auto;
	text-align: center;
	display: block;
	}

#err a:hover {
	background: #000000;
	border: 1px #000000 solid;
	color: #ffffff;
	}

#err h4 {
	font-size: 18px;
	margin: 0px 0px 0px 0px;
	}

}

@media screen and (max-width: 640px){

#err {
	width: 90%;
	margin: 0px auto;
	}

#err h2 {
	font-size: 32px;
	color: #cccccc;
	margin: 0px 0px 30px 0px;
	text-align: center;
	}

#err h3 {
	font-size: 18px;
	margin: 0px 0px 30px 0px;
	text-align: center;
	}

#err a {
	width: 100%;
	background: #f6f6f6;
	border: 1px #dddddd solid;
	font-size: 14px;
	line-height: 40px;
	color: #111111;
	margin: 30px auto 30px auto;
	text-align: center;
	display: block;
	}

#err h4 {
	font-size: 16px;
	margin: 0px 0px 0px 0px;
	}

}

