@charset "UTF-8";



/* CSS Document */







body {

	padding-bottom: 30px;

}



#sp_menu {

	display: none;

	margin-bottom: 5px;

}



#page-top {

	position: fixed;

	bottom: 20px;

	right: 20px;

	font-size: 90%;

}



#page-top a {

	background-color: #143362;

	text-decoration: none;

	color: #fff;

	width: 100px;

	padding: 20px 0;

	text-align: center;

	display: block;

	border-radius: 5px;

}



#page-top a:hover {

	text-decoration: none;

	background-color: #4269A4;

}



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



.pc {

	display: none;

}



html {

	font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

	font-size: 62.5%;

	font-feature-settings : "palt";

}



body {

}



.js-image-switch {

}



#wrapper, header, nav, footer {

	width: 100%;

}



/*******************************************************/



/* #wrapper */



/*******************************************************/







#wrapper {

	max-width: 768px;

	min-width: 320px;

	margin-left: auto;

	margin-right: auto;

	overflow: hidden;

}



/*******************************************************/



/* header */



/*******************************************************/







header {

}



/*******************************************************/



/* nav */



/*******************************************************/







nav {

	width: 100%;

}



header .ocLogo img {

	width: 100%;

	height: auto;

}



nav ul {

	width: 100%;

	overflow: hidden;

}



nav ul li {

}



nav ul .li01 {

}



nav ul .li01, nav ul .li02, nav ul .li03, nav ul .li04, nav ul .li05 {

	width: 16.67%;

}



nav ul .li02 {

}



nav ul .li03 {

}



nav ul .li04 {

}



nav ul .li05 {

}



nav ul .li06 {

	width: 16.65%;

}



nav ul li img {

	width: 100%;

	height: auto;

}



/*******************************************************/



/* #sp_menu */



/*******************************************************/







ul#sp_menu {

}



ul#sp_menu li {

	width: 50%;

	height: 4.2rem;

	margin-bottom: 1px;

	overflow: hidden;

	box-sizing: border-box;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */







	background: #a90329; /* Old browsers */

	background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 ); /* IE6-9 */

}



ul#sp_menu li a {

	color: #FFFFFF;

	display: block;

	font-size: 1.6rem;

	text-align: center;

	line-height: 4.2rem;

	height: 4.2rem;

	border-left: 1px solid #FFF;

}



/*******************************************************/



/* main */



/*******************************************************/







main {

	margin-top: 0px;

}



/*******************************************************/



/* #sMenu #sMenuB */



/*******************************************************/







 /** #sMenu **/ 



#sMenu li, #sMenu li a {

	height: 6rem;

}



#sMenu {

}



#sMenu li {

	width: 33.3%;

	border-right: 1px solid #C7C7C7;

	box-sizing: border-box;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeebf3+0,ffffff+10,ffffff+25,e9ecec+93,cbd9e4+100 */



	background: #eeebf3; /* Old browsers */

	background: -moz-linear-gradient(top, #eeebf3 0%, #ffffff 10%, #ffffff 25%, #e9ecec 93%, #cbd9e4 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(top, #eeebf3 0%, #ffffff 10%, #ffffff 25%, #e9ecec 93%, #cbd9e4 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom, #eeebf3 0%, #ffffff 10%, #ffffff 25%, #e9ecec 93%, #cbd9e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeebf3', endColorstr='#cbd9e4', GradientType=0 ); /* IE6-9 */

}



#sMenu li a {

	color: #921f23;

	width: 100%;

	display: block;

	font-size: 1.7rem;

	text-align: center;

	line-height: 6rem;

}



#sMenu li.li03 a, #sMenu li.li08 a {

	line-height: 2rem !important;

	height: 5rem !important;

	padding-top: 1rem !important;

}



#sMenu li a:hover {

	text-decoration: none;

}



/** #sMenuB **/



#sMenuB li, #sMenuB li a {

	height: 5rem;

}



#sMenuB li {

	width: 50%;

	overflow: hidden;

	box-sizing: border-box;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeebf3+0,ffffff+10,ffffff+25,e9ecec+93,cbd9e4+100 */



	background: #eeebf3; /* Old browsers */

	background: -moz-linear-gradient(top, #eeebf3 0%, #ffffff 10%, #ffffff 25%, #e9ecec 93%, #cbd9e4 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(top, #eeebf3 0%, #ffffff 10%, #ffffff 25%, #e9ecec 93%, #cbd9e4 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom, #eeebf3 0%, #ffffff 10%, #ffffff 25%, #e9ecec 93%, #cbd9e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeebf3', endColorstr='#cbd9e4', GradientType=0 ); /* IE6-9 */

}



#sMenuB li.li01, #sMenuB li.li03, #sMenuB li.li04, #sMenuB li.li07, #sMenuB li.li08 {

	border-right: 2px solid #EFEDF4;

}



#sMenuB li.li02, #sMenuB li.li05, #sMenuB li.li06, #sMenuB li.li09, #sMenuB li.li10, #sMenuB li.li11 {

	border-left: 2px solid #fff;

}



#sMenuB li.old {

	width: 50%;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cbd9e4+0,e9ecec+7,ffffff+75,ffffff+90,eeebf3+100 */



	background: #cbd9e4; /* Old browsers */

	background: -moz-linear-gradient(top, #cbd9e4 0%, #e9ecec 7%, #ffffff 75%, #ffffff 90%, #eeebf3 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(top, #cbd9e4 0%, #e9ecec 7%, #ffffff 75%, #ffffff 90%, #eeebf3 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom, #cbd9e4 0%, #e9ecec 7%, #ffffff 75%, #ffffff 90%, #eeebf3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbd9e4', endColorstr='#eeebf3', GradientType=0 ); /* IE6-9 */

/*	background-image: url(/urawa/common/menu/sMenu/bg-sMenu-sMenuB.png);



	background-repeat: no-repeat;



	background-position: left top;



*/}



#sMenuB li a {

	color: #921f23;

	width: 100%;

	display: block;

	font-size: 1.6rem;

	text-align: left;

	line-height: 5rem;

	padding-left: 1rem;

}



#sMenuB li a:hover {

	text-decoration: none;

}



/*******************************************************/



/* anchorTop*/



/*******************************************************/



	



.anchorTop {

	height: 1.4rem;

	font-size: 1.1rem;

	line-height: 1.4rem;

	padding-left: 2.6rem;

	background-image: url(../../imgs/arrow/bg-allow-pageTop.png);

	background-repeat: no-repeat;

	background-position: left center;

}



.anchorTop span {

	color: #993300;

}



/*******************************************************/



/* footer */



/*******************************************************/







footer {

	color: #5d6164;

}



footer #information {

	width: 100%;

	margin-bottom: 1px;

}



footer #information .li02 {

	margin-bottom: 5px;

}



footer #information img {

	width: 100%;

	height: auto;

}



footer .wrapperAnchorTop {

	width: 100%;

	padding-top: 1.5rem;

	margin-bottom: 1.5rem;

}



footer .clearfix .left, footer .clearfix .right {

	width: 50%;

}



footer .clearfix .right {

	text-align: right;

}



footer div.clearfix img {

	width: 99.5%;

	background-color: #921F23;

}



footer #tel img, footer #logo img {

	width: 100%;

	height: auto;

}



footer #tel {

	margin-bottom: 1rem;

}



footer #tel p {

	text-align: center;

	font-size: 1.4rem;

}



footer #logo div {

	margin-bottom: 1rem;

}



footer #logo p {

	font-size: 1.2rem;

	padding: 1rem;

}



footer #copyright {

	font-size: 1.2rem;

	/* [disabled]padding-top: 1rem;

 */

	padding-right: 1rem;

	padding-left: 1rem;

	padding-bottom: 1rem;

}

}



@media screen and (max-width: 768px) and (min-width: 737px) {



html {

	font-size: 85% !important;

}

}



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



#sMenuB li.li03 a, #sMenuB li.li08 a {

	font-size: 1.3rem;

}

}



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



#sMenuB li.li03 a, #sMenuB li.li08 a, #sp_menu li.li03 a, #sp_menu li.li08 a {

	font-size: 1.2rem !important;

}

}