
input[type=text],
input[type=email],
select,
textarea {
	font-size:16px;
	line-height:1.3;
	box-sizing:border-box;
	padding:2px;
	vertical-align:middle;
	margin:1px;
}
textarea {
	width:100%;
}

@media screen and (max-width:767px){
input[type="text"],
input[type="password"],
input[type=email],
textarea,
select {
	width:100%;
	box-sizing:border-box !important;
	font-size:16px !important;
	padding:3px !important;
}
}

.smpBr {
	display:inline;
}
@media screen and (max-width:767px){
.smpBr {
	display:block;
}
}
.pcBr {
	display:block;
}
@media screen and (max-width:767px){
.pcBr {
	display:inline;
}
}


.pcHide {
	display:none !important;
}
.smpHide {
	display:block;
}
@media screen and (max-width:767px){
.pcHide {
	display:block;
}
.smpHide {
	display:none !important;
}
}


/* 共通 -----------------------------------------------------------------------*/
html, body {
	width:100%;
	height:100%;
	margin:0;
    padding:0;
    text-align:center;
    position:relative;
}
body {
	margin:0;
	padding:0;
	border:0;
	font-size:14px;
	line-height:1.5;
	color:#333333;
	text-align: center;
	position:relative;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

table,tr,td {
	font-size:100%;
	line-height:150%;
}

a {
	color:#0745D6;
}
a:hover {
	text-decoration: none;
}
a img:hover {
	opacity:0.7;
}

img {
	border:0;
	vertical-align:top;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-size:1em;
}
form {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
input {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

ul,dl{
zoom: 100%;
}

.clearfix:after {
	clear: both;
	display: block;
	content: "";
}


.wrapper {
	margin:0 auto;
	text-align: left;
	width:1000px;
}
@media screen and (max-width:767px){
.wrapper {
	width:100%;
}
}

.wrap1 {
	max-width:1000px;
	margin:0 auto;
	text-align:left;
}
@media screen and (max-width:767px){
.wrap1 {
	width:92%;
	max-width:100%;
}
}




.ellipsis {
white-space: nowrap;
overflow: hidden;
}
.ellipsis.multiline {
white-space: normal;
}

@media screen and (max-width:767px){
.imgOpt1 {
	width:100%;
	height:auto;
}
}


#pankz {
	padding: 10px 0 20px 0;
	font-size:0.8em;
	text-align:left;
	max-width:1000px;
	margin:0 auto;
	box-sizing:border-box;
}
#pankz a {
	text-decoration:none;
}
@media screen and (max-width:767px){
#pankz {
	padding: 5px;
}
}

.clmLft {
	float:left;
	width:220px;
}
.bnrBox {
	list-style-type:none;
	padding:0;
	margin:0;
}
.bnrBox li {
	margin:0 0 10px 0;
	position: relative;
	transition: .2s;
}
.bnrBox li:hover > .ko{
	display:block;
	overflow: visible;
	height: 100px;
	border:1px solid #773200;
	padding:5px;
}
.bnrBox li .ko {
	overflow: hidden;
	height: 0;
	transition: .1s;
	position:absolute;
	top:0;
	left:220px;
	list-style: none;
	padding:0;
	margin:0;
	width:10em;
	z-index:10;
	background-color:#FFFFFF;
}
.bnrBox li .ko:before {
	content: "";
	position: absolute;
	top: 40px;
	left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #FFFFFF transparent transparent;
	z-index: 0;
}
.bnrBox li .ko:after {
	content: "";
	position: absolute;
	top: 40px;
	left: -10px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #773200 transparent transparent;
	z-index: -1;
}
.bnrBox li .ko li {
	padding:0;
	margin:0;
	position:relative;
}
.bnrBox li .ko li:before {
	font-family: 'FontAwesome';
	content: "\f0da";
	position: absolute;
	top: 50%;
	left: 15px;
	color: #c05e17;
	margin-top: -0.8em;
}
.bnrBox li .ko li a {
	display:block;
	padding:0 0 0 30px;
	margin:0;
	line-height:25px;
	color:#773200;
	text-decoration:none;
}
.bnrBox li .ko li a:hover {
	background-color:#f0e4d4;
	text-decoration:underline;
}

.btn4 {
	position: relative;
	box-sizing:border-box;
	border-radius:5px;
	text-decoration:none;
	display:inline-block;
	text-align:center;
	font-size:1.2em;
}
.btn4.ver2{
	background-color:#90d236;
	padding:20px 30px 20px 10px;
	color:#FFFFFF;
	width:48%;
}
.btn4.ver2:after {
	font-family: 'FontAwesome';
	content: "\f015";
	position: absolute;
	top: 50%;
	right: 10px;
	color: #FFFFFF;
	margin-top: -0.7em;
	font-size:2em;
}
.btn4.ver3{
	background-color:#f10036;
	padding:20px 30px 20px 10px;
	color:#FFFFFF;
	width:48%;
}
.btn4.ver3:after {
	font-family: 'FontAwesome';
	content: "\f0e0";
	position: absolute;
	top: 50%;
	right: 10px;
	color: #FFFFFF;
	margin-top: -0.7em;
	font-size:1.8em;
}
@media screen and (max-width: 767px){
.btn4.ver2{
	width:100%;
	font-size:1em;
	margin:0 0 5px;
}
.btn4.ver3{
	width:100%;
	font-size:1em;
	margin:0 0 5px;
}
}


.btn5 {
	position: relative;
	box-sizing:border-box;
	border-radius:5px;
	text-decoration:none;
	display:inline-block;
	text-align:center;
	font-size:1.2em;
}
.btn5.ver2{
	background-color:#f10036;
	padding:6px 30px 6px 10px;
	color:#FFFFFF;
	width:100%;
    box-shadow: 0 3px 0 #AE0026;
}
.btn5.ver2:after {
	font-family: 'FontAwesome';
	content: "\f002";
	position: absolute;
	top: 50%;
	right: 10px;
	color: #FFFFFF;
	margin-top: -0.7em;
	font-size:1.2em;
}
.btn5.ver3{
	background-color: #f29600;
	padding: 6px 30px 6px 10px;
	color: #FFFFFF;
	width: 100%;
	border-radius: 30px;
	box-shadow: 0 3px 0 #B16D00;
	-webkit-box-shadow: 0 3px 0 #B16D00;
}
.btn5.ver3:after {
	font-family: 'FontAwesome';
	content: "\f002";
	position: absolute;
	top: 50%;
	right: 10px;
	color: #FFFFFF;
	margin-top: -0.7em;
	font-size:1.2em;
}




.w50 {
	width:50px !important;
}
.w200 {
	width:200px !important;
}
.w400 {
	width:400px !important;
}
.w100p {
	width:100% !important;
}
@media screen and (max-width:767px){
.w50 {
	width:50px !important;
}
.w200 {
	width:80% !important;
	max-width:200px;
}
.w400 {
	width:100% !important;
	max-width:400px;
}
}

.clmRgt {
	float:right;
	width:700px;
}
.mgnTop10 {
	margin-top:10px !important;
}
.mgnTop20 {
	margin-top:20px !important;
}
.mgnTop30 {
	margin-top:30px !important;
}
.mgnTop40 {
	margin-top:40px !important;
}
.mgnTop50 {
	margin-top:50px !important;
}

.mgnBtm10 {
	margin-bottom:10px !important;
}
.mgnBtm20 {
	margin-bottom:20px !important;
}
.mgnBtm30 {
	margin-bottom:30px !important;
}
.mgnBtm40 {
	margin-bottom:40px !important;
}
.mgnBtm50 {
	margin-bottom:50px !important;
}

.mgnRgt10 {
	margin-right:10px !important;
}

.alignCnt {
	text-align:center;
}
.alignRgt {
	text-align:right;
}



.error1 {
    margin: 0 0 5px 0;
}
.error1 li:first-child {
    background-color: white;
    padding: 10px 10px 0px 30px;
    border-left: 1px solid #F00;
    border-right: 1px solid #F00;
    border-top: 1px solid #F00;
    background-position: 10px 12px;
}
.error1 li {
    background-color: white;
    padding: 0 10px 0px 30px;
    border-left: 1px solid #F00;
    border-right: 1px solid #F00;
	background-image:url(../img/error.gif);
	background-repeat:no-repeat;
	background-position: 10px 2px;
}
.error1 li:last-child {
    background-color: white;
    padding: 0px 10px 10px 30px;
    border-left: 1px solid #F00;
    border-right: 1px solid #F00;
    border-bottom: 1px solid #F00;
	background-position: 10px 2px;
}

.error2 {
    margin: 0 0 100px 0;
	text-align:center;
}

.ttl1 {
	font-size:1.5em;
	line-height:1.3;
	border:2px solid #f10036;
	color:#f10036;
	padding:5px 10px;
	text-align:center;
	margin:0 0 15px 0;
}
@media screen and (max-width:767px){
.ttl1 {
	font-size:1.2em;
	margin:0 -4% 15px -4%;
}
}
.ttl2 {
    padding: 5px 10px;
    margin: 0 0 15px 0;
    font-size: 1.2em;
	line-height:1.3;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #479ae7;
	text-align:center;
	border-radius:5px;
}

.ttl3 {
    padding: 5px 10px;
    margin: 0 0 15px 0;
    font-size: 1.2em;
	line-height:1.3;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #479ae7;
	text-align:center;
	border-radius:5px;
	width:200px;
	height:150px;
	float:left;
	position:relative;
}
.ttl3 strong {
 	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	width:200px;
	height:2em;
}
.ttl3:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(241, 0, 54, 0);
	border-left-color: #479ae7;
	border-width: 20px;
	margin-top: -20px;
}
.ttl3.clr2 {
    background-color: #f10036;
}
.ttl3.clr2:after {
	border-left-color: #f10036;
}
@media screen and (max-width:767px){
.ttl3 {
    padding: 5px 10px;
    margin: 0 0 15px 0;
    font-size: 1em;
	border-radius:0;
	width:100%;
	height:100%;
	float:none;
	box-sizing:border-box;
}
.ttl3 strong {
 	display:block;
	position:relative;
	width:auto;
	height:auto;
}
.ttl3:after {
	top: 160%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(241, 0, 54, 0);
	border-top-color: #479ae7;
	border-width: 10px;
	margin-left: -10px;
}
.ttl3.clr2:after {
	border-top-color: #f10036;
	border-left-color: transparent;
}

}

.btn6 {
	position: relative;
	background-color:#FFFFFF;
	border:1px solid #f10036;
	padding:5px 30px 5px 20px;
	box-sizing:border-box;
	border-radius:5px;
	text-decoration:none;
	color:#f10036;
	display:inline-block;
	text-align:center;
	font-size:1.5em;
	width:90%;
	max-width:1000px;
}
.btn6:before {
	font-family: 'FontAwesome';
	content: "\f0da";
	position: absolute;
	top: 50%;
	right: 10px;
	color: #F00;
	margin-top:-0.7em;
}
.btn6:hover {
	opacity:0.8;
	top:1px;
}



/* ヘッダー -----------------------------------------------------------------------*/

header {
	position: relative;
	width: 100%;
	min-width:1000px;
	border-top:5px solid #f10036;
}
@media screen and (max-width:767px){
header {
	min-width:100%;
	position:fixed;
	z-index:20;
	background-color:#FFF;
	box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 3px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 3px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 3px 1px;
}
}
#hd .wrapper {
	position: relative;
}

.hdLine h1,
.hdLine strong {
	font-size:13px;
	font-weight:normal;
	padding:5px 0 0 0;
	margin:0;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	width:100%;
	text-align:right;
}
@media screen and (max-width:767px){
.hdLine {
	display:none;
}
}

#logo  {
	background-image: url(../img/hd_logo_bg.png);
	background-repeat:no-repeat;
	background-position: center;
	width: 353px;
	height:95px;
	margin:15px 0;
	padding:0 0 0 10px;
	position:relative;
	float:left;
}
#logo a  {
	background-image: url(../img/hd_logo.png);
	background-repeat:no-repeat;
	background-position: center;
	width: 264px;
	height:74px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	line-height: 74px;
	position:absolute;
	left:0;
	top:9px;
}
@media screen and (max-width:767px){
#logo  {
	background-image:none;
	width: 200px;
	height:60px;
	margin:5px 10px;
	padding:0;
	top:0;
	left:0;
}
#logo a  {
	width: 180px;
	height:60px;
	line-height: 60px;
	background-size:180px;
	position:relative;
	left:0;
	top:0;
}
}

.hdBnrBox {
	width:450px;
	height:90px;
	float:right;
	margin-top:20px;
}
.hdBnrBox .slider2 {
	margin:0;
	padding:0;
	list-style-type:none;
	overflow:hidden;
	width:450px;
	height:90px;
}
@media screen and (max-width:767px){
.hdBnrBox {
	width:100%;
	height:auto;
	float:none;
	margin-top:0;
	display:none;
}
.hdBnrBox .slider2 {
	width:100%;
	height:auto;
}
.hdBnrBox img {
	width:100%;
	height:auto;
}
}




/* ナビゲーション -----------------------------------------------------------------------*/

#sb-site {
	/*height:100%;*/
}
.sb-slidebar {
	background-color:#FFF;
}
.hd5HdMenu {
	position: relative;
}
.hd5MenuWrap {
	text-align: left;
	width: 100%;
	bottom: 0;
	left: 0;
}
@media screen and (max-width: 1000px){
.hd5MenuWrap {
	position: relative;
}
}


.hd5Menu .sb-close {
	cursor:pointer;
}
@media screen and (max-width: 1000px){
.hd5TglBtn {
	display:block;
	color:#e03559;
	width:55px;
	height:55px;
	text-align:center;
	position:absolute;
	font-size:1em;
	line-height:1;
	top:5px;
	right:5px;
	cursor:pointer;
}
.hd5TglBtn:before {
	content: "MENU";
	position: absolute;
	bottom: 0;
	left: 12px;
	right:auto;
	margin:auto;
	font-size:0.8em;
	color:#e03559;
}
.hd5TglBtn:after {
	font-family: 'FontAwesome';
	content: "\f0c9";
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left:-0.4em;
	font-size:2.7em;
	margin-top:0;
	color:#e03559;
}

}




#navi {
	height: 70px;
	list-style-type:none;
	margin:0 auto;
	padding:0;
	text-align: left;
	background-color:#f10036;
}
#navi .dropmenu {
	width:1000px;
	margin:0 auto;
	list-style-type:none;
	padding:0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  height: 70px;
	box-sizing:border-box;
}
.dropmenu li.navi01 {
	width:30%;
	background-color:#90d236;
	border-top:3px solid #5ca818;
}
.dropmenu li.navi01>a {
	background-image: url(../img/navi1.png);
	background-repeat:no-repeat;
	background-position:10px center;
	background-size:311px;
}
.dropmenu li.navi02 {
	width:30%;
	background-color:#479ae7;
	border-top:3px solid #1a68ba;
}
.dropmenu li.navi02>a {
	background-image: url(../img/navi2.png);
	background-repeat:no-repeat;
	background-position:10px center;
	background-size:311px;
}
.dropmenu li.navi03 {
	width:15%;
	padding:10px 15px 0 15px;
}
.dropmenu li.navi04 {
	width:25%;
	padding:10px 10px 0 0;
}
.dropmenu li>a{
  display: block;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}
.dropmenu li.navi01>a,
.dropmenu li.navi02>a{
	width:100%;
	height:70px;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
	line-height:70px;
}
.dropmenu li.navi03>a {
	background-color:#f4335e;
	width:100%;
	height:50px;
	line-height:50px;
	margin:0;
	display: block;
	background-image: url(../img/navi_info.png);
	background-repeat:no-repeat;
	background-size:100%;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;	
}
.dropmenu li.navi04>a {
	background-color:#f4335e;
	width:100%;
	height:50px;
	line-height:50px;
	margin:0;
	display: block;
}
.dropmenu li.navi04>a {
	background-color: #fe9601;
	background-image: url(../img/navi_request.png);
	background-repeat: no-repeat;
	background-position: center 4px;
	background-size:95%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: 1px solid #FEAE3C;
	box-sizing: border-box;
}
.dropmenu li .ko{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}
.dropmenu li .ko ul{
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.dropmenu li .ko li{
  width: 100%;
  height:auto;
  border-top: 1px solid #5ca818;
  background: #90d236;
  text-align: left;
}
.dropmenu li .ko li.ttl{
  background: #5ca818;
  padding:5px 10px;
  color:#FFF;
	text-align:center;
	font-weight:bold;
}
.dropmenu li .ko li a{
  padding: 5px 30px 5px 15px;
  position:relative;
}
.dropmenu li .ko li a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -0.7em;
	font-size:1em;
	color:#FFF;
}



.dropmenu li .ko.buy li{
  background: #479ae7;
  border-top: 1px solid #1a68ba;
}
.dropmenu li .ko.buy li.ttl{
  background: #1a68ba;
  padding:5px 10px;
  color:#FFF;
}

.dropmenu li .ko ul.school li{
	background: #5ca818;
	border-top: 1px solid #407510;
}
.dropmenu li .ko ul.school li.ttl{
	background-color: #407510;
	text-align:center;
}
.dropmenu li .ko.buy ul.school li{
	background-color: #1a68ba;
	border-top: 1px solid #104378;
}
.dropmenu li .ko.buy ul.school li.ttl{
	background-color: #104378;
	text-align:center;
}


.dropmenu li:hover > a{
}
.dropmenu li a:hover{
}
#normal li .ko{
  display: none;
}
#normal li:hover .ko{
  display: block;
}
@media screen and (max-width:767px){
#navi {
	height:auto;
	border-left:1px solid #FFF;
	box-sizing:border-box;
}
#navi .dropmenu {
	width:100%;
}
.dropmenu li{
  width: 100%;
  float: none;
  height:auto;
}
.dropmenu li.navi01 {
  width: 100%;
}
.dropmenu li.navi01>a {
	background-position:10px center;
  background-size:210px;
  height:50px;
}
.dropmenu li.navi02 {
  width: 100%;
}
.dropmenu li.navi02>a {
	background-position:10px center;
  background-size:210px;
  height:50px;
}
.dropmenu li.navi03 {
  width: 100%;
  padding:5px 5px 0 5px;
}
.dropmenu li.navi03>a {
	width:100%;
	margin:0;
	background-image:none;
	text-indent:0;
	height:40px;
	line-height:40px;
	box-sizing:border-box;
}
.dropmenu li.navi04 {
  width: 100%;
  padding:5px;
}
.dropmenu li.navi04>a {
	background-color: #fe9601;
	background-image: url(../img/navi_request.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: 1px solid #FEAE3C;
	box-sizing: border-box;
	padding:5vw 0;
}
.dropmenu li .ko{
  position: relative;
  top:0;
}
#normal li .ko{
  display: block;
}

}




.hdMenuBtn {
	display:none;
	cursor:pointer;
}
@media screen and (max-width: 767px){
.hdMenuBtn {
	display:block;
	color:#e03559;
	width:55px;
	height:55px;
	text-align:center;
	position:absolute;
	font-size:1em;
	line-height:1;
	top:5px;
	right:5px;
}
.hdMenuBtn:before {
	content: "MENU";
	position: absolute;
	bottom: 0;
	left: 12px;
	right:auto;
	margin:auto;
	font-size:0.8em;
	color:#e03559;
}
.hdMenuBtn:after {
	font-family: 'FontAwesome';
	content: "\f0c9";
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left:-0.4em;
	font-size:2.7em;
	margin-top:0;
	color:#e03559;
}
}









/* ボディ -----------------------------------------------------------------------*/

#bd {
	margin-bottom:100px;
	position:relative;
	min-width:1000px;
}
@media screen and (max-width:767px){
#bd {
	min-width:100%;
	padding-top:80px;
}
}

/* フッター -----------------------------------------------------------------------*/
#ft {
	width: 100%;
	text-align:center;
	font-size:0.9em;
	min-width:1000px;
	border-top:5px solid #f3f2ed;
	border-bottom:5px solid #f10036;
	background: rgb(219,255,255);
	background: -moz-linear-gradient(top,  rgba(219,255,255,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(219,255,255,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(219,255,255,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(219,255,255,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(219,255,255,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbffff', endColorstr='#ffffff',GradientType=0 );
}
#ft .wrapper {
	position:relative;
	background-image:url(../img/ft_bg.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding:20px 0;
	text-align:center;
}
#ft .menu {
	text-align: left;
	padding: 0 50px 0 20px;
	margin:30px 0;
	list-style-type:none;
	width:auto;
	display:inline-block;
	border-left:1px dotted #773200;
	vertical-align:top;
}
#ft .menu a {
	text-decoration:none;
}
#ft .menu a:hover {
	text-decoration:underline;
}
#ft .menu li {
	padding: 0 0 0 30px;
	margin-bottom: 5px;
	position: relative;
}
#ft .menu li:before {
	font-family: 'FontAwesome';
	content: "\f138";
	position: absolute;
	top: 50%;
	left: 15px;
	color: #90d236;
	margin-top: -1em;
}
#ft .menu:nth-child(3) li:before {
	color: #479ae7;
}
#ft .menu:nth-child(4) li:before {
	color: #888888;
}

#ft .menu li.ttl {
	padding: 0 0 10px 0;;
}
#ft .menu li.ttl:before {
	content: "";
}
@media screen and (max-width:767px){
#ft {
	min-width:100%;
}
#ft .catch {
	width:92%;
	height:auto;
	margin-bottom:20px;
}
#ft .menu {
	display:none;
}
#ft .menu:nth-child(4) {
	display:block;
}
#ft .menu:nth-child(4) {
    padding: 0;
    margin: 0 0 30px;
    display: block;
    border-left: 0;
	text-align:center;
}
#ft .menu:nth-child(4) li {
    display:inline-block;
}

}

.copyright {
	text-align: center;
	font-size: 0.8em;
    position: relative;
	min-width:1000px;
}
.copyright .wrapper {
	text-align: center;
	position:relative;
	padding:20px 0 20px 0;
}
.copyright .logo {
	position:absolute;
	top:15px;
	right:0;
	width:150px;
	height:auto;
}
@media screen and (max-width:767px){
.copyright {
	min-width:100%;
	text-align:center;
}
.copyright .logo {
	position:relative;
	top:0;
	right:0;
	width:150px;
	height:auto;
	display:block;
	margin:0 auto 10px auto;
}

}



#page-top {
    position: absolute;
	bottom:0;
    right: 10px;
    font-size: 0.8em;
	display:none;
	z-index:9999;
}
#page-top a {
    background-color: #f10036;
    text-decoration: none;
    color: #fff;
    width: 50px;
	height:50px;
    padding: 0;
    text-align: center;
    border-radius: 5px;
	display:table-cell;
	vertical-align:middle;
}
#page-top a:hover {
    background-color: #CCCCCC;
}


/* トップページ -----------------------------------------------------------------------*/


.estateNum {
	display:block;
	max-width:900px;
	margin:15px auto;
	border:10px solid #f3f2ed;
}
.estateNum ul {
	border:1px solid #ccc;
	font-size:2em;
	line-height:1.3;
	font-weight:bold;
	color:#F00;
	padding:5px 10px;
	margin:0;
	list-style-type:none;
	vertical-align:middle;
}
.estateNum ul li {
	display:inline-block;
	margin:0 8px;
}
.estateNum ul li.ttl {
	color:#f29600;
	font-size:0.9em;
}
.estateNum ul li img {
	vertical-align:middle;
	margin:5px;
}
@media screen and (max-width:767px){
.estateNum {
	width:100%;
	box-sizing:border-box;
}
.estateNum ul {
	font-size:1.5em;
}
}



#new {
	margin:0;
}

#new .slide.chintai {
	background-color:#90d236;
	width:50%;
	float:left;
	padding:0 0 15px 0;
	background-image:url(../img/new_bg2.gif);
	background-repeat:repeat-x;
}
#new .slide.buy {
	background-color:#479ae7;
	width:50%;
	float:right;
	padding:0 0 15px 0;
	background-image:url(../img/new_bg2.gif);
	background-repeat:repeat-x;
}

#new .slide.chintai .ttl,
#new .slide.buy .ttl {
	display:block;
	clear:both;
	color:#FFF;
	font-size:2em;
	line-height:1;
	width:470px;
	text-align:left;
	position:relative;
	padding:0 0 0 90px;
	box-sizing:border-box;
}
#new .slide.chintai .ttl {
	float:right;
	margin:0 30px 0 0;
	position:relative;
}
#new .slide.buy .ttl {
	float:left;
	margin:0 0 0 30px;
}
#new .slide.chintai .ttl img,
#new .slide.buy .ttl img {
	position:absolute;
	top:-25px;
	left:0;
	z-index:1;
}
#new .slide.chintai .ttl .btn,
#new .slide.buy .ttl .btn {
	position:absolute;
	font-size:0.4em;
	display:block;
	width:230px;
	background-color:#5ca818;
	color:#FFF;
	text-decoration:none;
	top:0;
	right:0;
	box-sizing:border-box;
	line-height:30px;
	padding:0 10px 0 0px;
	border:1px solid #FFF;
	text-align:center;
}
#new .slide.buy .ttl .btn {
	background-color:#1a68ba;
}
#new .slide.chintai .ttl .btn:after,
#new .slide.buy .ttl .btn:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
    font-size: 20px;
    color: #FFF;
	top:0;
	right:5px;
}
@media screen and (max-width:500px){
#new .slide.chintai .ttl .btn,
#new .slide.buy .ttl .btn {
	position:relative;
	margin:5px 0 0 0;
	width:220px;
}
}


#new .slick-prev:before {
	font-family: 'FontAwesome';
	content: "\f053";
    font-size: 30px;
    color: #90d236;
}
#new .slick-next:before {
	font-family: 'FontAwesome';
	content: "\f054";
    font-size: 30px;
    color: #90d236;
}
#new .buy .slick-prev:before {
    color: #479ae7;
}
#new .buy .slick-next:before {
    color: #479ae7;
}
@media screen and (max-width:767px){
#new .slide.chintai {
	width:96%;
	float:none;
	background-image:none;
	background-repeat:repeat;
	margin:0 auto;
	padding:2%;
}
#new .slide.buy {
	width:96%;
	float:none;
	background-image:none;
	background-repeat:repeat;
	margin:0 auto;
	padding:2%;
}
#new .slide.chintai .ttl,
#new .slide.buy .ttl {
	line-height:1;
	width:100%;
}
#new .slide.chintai .ttl {
	float:none;
	margin:8px 0 0 0;
}
#new .slide.buy .ttl {
	float:none;
	margin:8px 0 0 0;
}
}


.slick-prev, .slick-next {
	bottom: 0;
    top: 90px;
}
.slick-prev {
	left:0;
}
.slick-next {
	right:0;
}

#recommend {
	float:right;
	margin:0 30px 0 0;
	background-color:#FFFFFF;
	background-image:url(../img/new_bg.gif);
	background-repeat:no-repeat;
}
#recommend_buy {
	float:left;
	margin:0 0 0 30px;
	background-color:#FFFFFF;
	background-image:url(../img/new_bg.gif);
	background-repeat:no-repeat;
}
#recommend,
#recommend_buy {
	border-radius:5px;
	margin-bottom:10px;
	padding-bottom:15px;
	width:470px;
	box-sizing:border-box;
	box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 8px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 8px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 8px 0px;
}
#recommend .slideBox,
#recommend_buy .slideBox {
	padding:15px;
}

#recommend .loading,
#recommend_buy .loading {
	text-align:center;
	vertical-align:middle !important;
	color:#999;
	display:table-cell;
	width:190px;
	height:140px;
	display:none;
}
#recommend .loading img,
#recommend_buy .loading img {
	display:inline;
}

#recommend .inner,
#recommend_buy .inner {
	padding:0;
	position:relative;
	width:190px;
	margin:0 auto;
	/*display:none;*/
}
#recommend .photo,
#recommend_buy .photo {
	background-color:#eae7d8;
	width:190px;
	height:140px;
	margin:0 auto 30px auto;
	position:relative;
	display:block;
}
#recommend .photo img,
#recommend_buy .photo img {
	max-width:190px;
	max-height:140px;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
}
#recommend .txt,
#recommend_buy .txt {
	word-break: break-word;
	text-align:left;
	font-size:0.9em;
	line-height:1.5;
}
#recommend .txt .icn,
#recommend_buy .txt .icn {
	position:absolute;
	right:-7px;
	top:5px;
}
#recommend .txt .price,
#recommend_buy .txt .price {
	font-weight:bold;
	font-size:1.5em;
	color:#F00;
}
#recommend .tbl td .txt .price strong,
#recommend_buy .tbl td .txt .price strong {
	font-weight:bold;
	vertical-align:baseline;
	color: #F00;
	line-height:100%;
}
#recommend .tbl td .txt .add,
#recommend_buy .tbl td .txt .add {
	padding-top:5px;
	line-height:130%;
}
#recommend .tbl td .txt .madori,
#recommend_buy .tbl td .txt .madori {
	font-weight: bold;
}

#recommend .tbl td .name,
#recommend_buy .tbl td .name {
	padding:8px 0 3px 0;
	font-weight:bold;
	word-break: break-word;
}
#recommend .tbl td .copy,
#recommend_buy .tbl td .copy {
	line-height:130%;
	border-top:1px dotted #773200;
	padding:5px 0 0 0;
	margin:5px 0 0 0;
}
@media screen and (max-width:767px){
#recommend {
	float:none;
	margin:0;
	background-image:none;
	padding:0 30px;
}
#recommend_buy {
	float:none;
	margin:0;
	background-image:none;
	padding:0 30px;
}
#recommend,
#recommend_buy {
	width:100%;
}
#recommend .photo,
#recommend_buy .photo {
	margin:0 auto 5px auto;
}
.slick-prev, .slick-next {
	bottom: 0;
    top: 90px;
}
.slick-prev {
	left:30px;
}
.slick-next {
	right:30px;
}

}



#info {
	background-color: #f3f2ed;
	margin:100px 0 100px 0;
	border-top:2px dotted #f10036;
	border-bottom:2px dotted #f10036;
	padding:50px 0 50px 0;
}
#info .hd {
	position:relative;
}
#info .hd img {
	position:absolute;
	top:-110px;
	left:50%;
	margin-left:-330px;
}
@media screen and (max-width:767px){
#info {
	margin:80px 0 100px 0;
	padding:30px 0 90px 0;
}
#info .hd {
	height:15px;
}
#info .hd img {
	width:300px;
	height:auto;
	margin: 0 auto;
    left: 0;
    position: relative;
	top:-50px;
}
}

#info .ft {
	position:relative;
}
#info .ft img {
	position:absolute;
	bottom:-80px;
	left:50%;
	margin-left:-180px;
}
@media screen and (max-width:767px){
#info .ft {
	height:15px;
}
#info .ft img {
	width:200px;
	height:auto;
	margin: 0 auto;
    left: 0;
    position: relative;
	bottom:-30px;
}
}

#info .bd {
	width:1000px;
	margin:0 auto;
}
@media screen and (max-width:767px){
#info .bd {
	width:100%;
	margin:0 auto;
}
}
#info .box {
	background-color:#FFF;
	width:23.8%;
	margin:0.6%;
	display:block;
	float:left;
	padding:15px 15px 15px 15px;
	box-sizing:border-box;
	text-align:left;
	box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 8px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 8px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 8px 0px;
	position:relative;
	text-decoration:none;
	color:#333;
}
#info .box:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:19px;
	height:19px;
	background-image:url(../img/news_icn1.png);
}
#info .box:nth-child(3n+2):before {
	background-image:url(../img/news_icn2.png);
}
#info .box:nth-child(3n+3):before {
	background-image:url(../img/news_icn3.png);
}
#info .box:hover {
	opacity:0.8;
	top:1px;
}
#info .box h3 {
	font-weight:bold;
	font-size:1.2em;
	line-height:1.3;
	color:#000;
	margin:0 0 10px 0;
}
#info .box .photo {
	float:left;
}
#info .box h4 {
	margin:0 0 0 80px;
	font-weight:normal;
	height:80px;
	text-overflow:ellipsis;
}
@media screen and (max-width:767px){
#info .box {
	width:49%;
	box-sizing:border-box;
	margin:0.5%;
}
}
@media screen and (max-width:500px){
#info .box {
	width:100%;
	box-sizing:border-box;
	margin:0 0 5px 0;
}
}


#news {
	box-sizing:border-box;
	width:65%;
	float:left;
}
#news h2 {
	border:2px solid #f10036;
	border-top:5px solid #f10036;
	background-image:url(../img/news_ttl.png);
	background-repeat:no-repeat;
	background-position:10px center;
	line-height:40px;
	padding:0 15px;
	text-align:right;
	margin:0 0 10px 0;
}
#news dl {
	padding:0;
	margin:0 15px;
	list-style-type:none;
}
#news dt {
	width:9em;
	float:left;
	display:block;
	position:relative;
	padding:0 0 0 1.2em;
	box-sizing:border-box;
}
#news dt:before {
	font-family: 'FontAwesome';
	content: "\f0a9";
	position: absolute;
	top: 0;
	left: 0;
	color: #f10036;
}
#news dd {
	margin:0 0 8px 9em;
}
#news dd:after {
	clear: both;
	display: block;
	content: "";
}

#news .fb {
	margin:15px 0 0 0;
}
#news .fb img:nth-child(1) {
	float:left;
	width:48%;
	height:auto;
}
#news .fb img:nth-child(2) {
	float:right;
	width:48%;
	height:auto;
}
@media screen and (max-width:767px){
#news {
	width:92%;
	float:none;
	margin:0 auto;
}
#news h2 {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#news dt {
	width:100%;
	float:none;
}
#news dd {
	margin:0 0 8px 0;
}
#news .fb img:nth-child(1) {
	float:none;
	width:100%;
	height:auto;
}
#news .fb img:nth-child(2) {
	float:none;
	width:100%;
	height:auto;
}

}



#about {
	width:293px;
	box-sizing:border-box;
	float:right;
	margin:-30px 0 0 0;
}
#about h2 {
	margin:0 0 10px 0;
}
@media screen and (max-width:767px){
#about {
	width:92%;
	float:none;
	margin:15px auto 0 auto;
}
#about h2 {
	text-align:center;
}
}


.idxBnrBox {
	width:1000px;
	margin:40px auto 50px auto;
}
.idxBnrBox ul {
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}
.idxBnrBox ul li {
	width:24%;
	float:left;
	margin:0.5%;
}
.idxBnrBox ul li img {
	max-width:100%;
}
@media screen and (max-width:767px){
.idxBnrBox {
	width:92%;
	margin:40px auto 50px auto;
}
.idxBnrBox ul li {
	width:49%;
	float:left;
	margin:0.5%;
}
}
@media screen and (max-width:400px){
.idxBnrBox ul li {
	width:99%;
}
}



/* お問い合わせ -----------------------------------------------------------------------*/

.formTbl1 {
	border-collapse:collapse;
	width:100%;
	margin:0 auto 10px auto;
	border-top:1px solid #CCCCCC;
}
.formTbl1 tr {
	border-bottom:1px solid #CCCCCC;
	border-left:5px solid #f10036;
	border-right:5px solid #f10036;
}
.formTbl1 th,
.formTbl1 td {
	padding: 15px 10px;
	vertical-align:top;
}

.formTbl1 th {
	font-weight: bold;
	width: 20%;
	position: relative;
	white-space: nowrap;
	text-align:left;
}
.formTbl1 td {
	text-align:left;
}
.formTbl1 td p {
	color: #555555;
	margin:5px 0;
}
.formTbl1 td p.note {
	color: #FF0000;
	font-size:0.9em;
	line-height:1.2em;
}
@media screen and (max-width:767px){
.formTbl1 th,
.formTbl1 td {
	display:list-item;
	list-style-type:none;
}
.formTbl1 th {
	border-left:5px solid #f10036;
	padding:5px 10px;
	margin:5px 0 0 0;
}

}





.form .btnBox {
	padding:20px 0;
	text-align:center;
}
.btnSend {
	display: inline-block;
	position:relative;
	border:0;
	cursor:pointer;
	line-height:3em;
	padding:0 15px;
	min-width:140px;
	box-sizing:border-box;
	background-color:#f10036;
	color:#FFF;
}
.btnReset {
	display: inline-block;
	position:relative;
	border:0;
	cursor:pointer;
	line-height:3em;
	padding:0 15px;
	min-width:140px;
	box-sizing:border-box;
}
.btnSend:hover,
.btnReset:hover {
	opacity:0.8;
}

.contThx {
	width:92%;
	max-width:800px;
	text-align:center;
	margin:30px auto;
}





/* エリア -----------------------------------------------------------------------*/


.areaList {
}
.areaList h2 {
	font-size: 1.4em;
    font-weight: bold;
    line-height: 60px;
    margin-bottom: 15px;
    position: relative;
    padding: 0 0 0 60px;
    text-align: left;
	border-bottom:1px dashed #f10036;
}
.areaList h2:before {
	font-family: 'FontAwesome';
	content: "\f002 ";
	position: absolute;
	top: 50%;
	left: 10px;
	color: #ed3128;
	margin-top: -0.8em;
	font-size:2em;
}
.areaList .inner {
    padding:10px 30px 20px 30px;
}
.areaList .ttl {
    background-color: #eae7d8;
    display: block;
    padding: 5px 10px;
    font-weight: bold;
	border-radius:3px;
	margin-bottom:10px;
}
.areaList h4 {
    border-bottom:1px solid #ebdfcf;
    display: block;
    padding: 5px 10px;
    font-weight: bold;
	border-radius:3px;
}
.areaList ul.area {
	padding:0 0 10px 0;
	width: 100%;
}
.areaList ul.area li {
	float:left;
	display: block;
	width: 23%;
	margin:5px;
}
.areaList ul.area li label {
	padding:15px;
	background-color:#eae7d8;
	border-radius:5px;
	width:100%;
	display:block;
	box-sizing:border-box;
}
.areaList ul.area li label a {
	text-decoration:none;
}
.areaList ul.area li label a:hover {
	text-decoration:underline;
}

.areaList ul.btn {
	padding:0;
	text-align: center;
	margin: 0 0 10px 0;
}
.areaList ul.btn li {
	padding:0;
	display: inline-block;
	margin:0 15px 0 0;
	letter-spacing: normal;
}
@media screen and (max-width:767px){
.areaList h2 {
	font-size: 1.2em;
    line-height: 1.3;
    padding: 0 0 10px 50px;
}
.areaList h2:before {
	margin-top: -1em;
	font-size:1.5em;
}
.areaList .inner {
    padding:10px 0 20px 0;
}
.areaList ul.area li {
	float:left;
	width: 48%;
}
}
@media screen and (max-width:600px){
.areaList ul.area li {
	width: 100%;
	margin:0 0 5px 0;
}
}




/* 学校区 -----------------------------------------------------------------------*/


.schoolList {
}
.schoolList h2 {
	font-size: 1.4em;
    font-weight: bold;
    line-height: 60px;
    margin-bottom: 15px;
    position: relative;
    padding: 0 0 0 60px;
    text-align: left;
	border-bottom:1px dashed #f10036;
}
.schoolList h2:before {
	font-family: 'FontAwesome';
	content: "\f002 ";
	position: absolute;
	top: 50%;
	left: 10px;
	color: #ed3128;
	margin-top: -0.8em;
	font-size:2em;
}
.schoolList .inner {
    padding:10px 30px 20px 30px;
}
.schoolList .ttl {
    background-color: #eae7d8;
    display: block;
    padding: 5px 10px;
    font-weight: bold;
	border-radius:3px;
	margin-bottom:10px;
}
.schoolList h4 {
    border-bottom:1px solid #ebdfcf;
    display: block;
    padding: 5px 10px;
    font-weight: bold;
	border-radius:3px;
}
.schoolList ul.area {
	padding:0 0 10px 0;
	width: 100%;
}
.schoolList ul.area li {
	float:left;
	display: block;
	width: 24.5%;
}
.schoolList ul.area li label {
	padding:5px;
}
.schoolList ul.btn {
	padding:0;
	text-align: center;
	margin: 0 0 10px 0;
}
.schoolList ul.btn li {
	padding:0;
	display: inline-block;
	margin:0 15px 0 0;
	letter-spacing: normal;
}
@media screen and (max-width:767px){
.schoolList h2 {
	font-size: 1.2em;
    line-height: 1.3;
    padding: 0 0 10px 50px;
}
.schoolList h2:before {
	margin-top: -1em;
	font-size:1.5em;
}
.schoolList .inner {
    padding:10px 0 20px 0;
}
.schoolList ul.area li {
	float:left;
	width: 50%;
}
}
@media screen and (max-width:600px){
.schoolList ul.area li {
	width: 100%;
}
}




.btnSearch {
	display:inline-block;
	background-color:#f10036;
	color:#FFFFFF;
	text-decoration:none;
	padding:5px 30px 5px 50px;
	font-size:1.2em;
	position:relative;
	border-radius:5px;
}
.btnSearch:before {
	font-family: 'FontAwesome';
	content: "\f002";
	position: absolute;
	top: 50%;
	left: 10px;
	color: #FFFFFF;
	margin-top: -0.8em;
}
.btnSearch:hover {
	opacity:0.8;
	top:1px;
}


/* 参加企業一覧 -----------------------------------------------------------------------*/



.layout2 {
	margin:0 auto 30px auto;
	padding:0;
	list-style-type:none;
	max-width:1000px;
}
.layout2 .box {
	background-color:#FFFFFF;
	width:19.2%;
	box-sizing:border-box;
	float:left;
	margin:0 1% 1% 0;
	padding:10px;
	box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 8px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 8px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 8px 0px;
	position:relative;
	border-top:5px solid #f3f2ed;
}
.layout2 .box:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:19px;
	height:19px;
	background-image:url(../img/news_icn1.png);
}
.layout2 .box:nth-child(3n+2):before {
	background-image:url(../img/news_icn2.png);
}
.layout2 .box:nth-child(3n+3):before {
	background-image:url(../img/news_icn3.png);
}

@media screen and (max-width: 767px){
.layout2 .box {
	width:49.5%;
}
}
@media screen and (max-width: 550px){
.layout2 .box {
	width:100%;
}
}

.layout2 .box a {
	display:block;
	text-decoration:none;
	color:#333333;
	height:calc(100% + 20px);
	box-sizing:border-box;
	padding: 10px;
	margin: -10px;
}
.layout2 .box a:hover {
	background-color: #F5F4ED;
	box-sizing: border-box;
}
.layout2 .box:nth-child(5n) {
	margin-right:0;
}
@media screen and (max-width: 767px){
.layout2 .box:nth-child(2n) {
	margin-right:0;
}
}
.layout2 .box .img {
	display:block;
	background-color:#FFFFFF;
	margin-bottom:5px;
	position:relative;
	width:100%;
	height:150px;
	box-sizing:border-box;
	border:1px solid #CCC;
}
.layout2 .box .img img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin: auto;
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
}
@media screen and (max-width: 550px){
.layout2 .box .img {
	float:left;
	max-width:190px;
	width:20vw;
	height:20vw;
}
}

.layout2 .box .name {
	display:table-cell;
	text-align:left;
	font-weight:bold;
	padding:5px 0 5px 5px;
	vertical-align:middle;
}
@media screen and (max-width: 550px){
.layout2 .box .name {
	margin:0 0 5px 22vw;
}
}

.layout2 .box .add {
	display:block;
}
.layout2 .box .num {
	display:block;
	color:#FF0004;
}
.layout2 .box .num .icn {
	display:inline-block;
	background-color:#747474;
	font-size:0.8em;
	color:#FFF;
	padding:2px 4px;
	border-radius:3px;
	margin:0 5px 0 0;
	width:3em;
	text-align:center;
}

.layout2 .box .hour {
	display:block;
}
.layout2 .box .hour .icn {
	display:inline-block;
	background-color:#747474;
	font-size:0.8em;
	color:#FFF;
	padding:2px 4px;
	border-radius:3px;
	margin:0 5px 0 0;
	width:3em;
	text-align:center;
}

.layout2 .box .holiday {
	display:block;
}
.layout2 .box .holiday .icn {
	display:inline-block;
	background-color:#747474;
	font-size:0.8em;
	color:#FFF;
	padding:2px 4px;
	border-radius:3px;
	margin:0 5px 0 0;
	width:3em;
	text-align:center;
}

@media screen and (max-width: 550px){
.layout2 .box .add {
	margin:0 0 0 22vw;
}
.layout2 .box .num {
	margin:0 0 0 22vw;
}
.layout2 .box .hour {
	margin:0 0 0 22vw;
}
.layout2 .box .holiday {
	margin:0 0 0 22vw;
}

}


/* 参加企業詳細 -----------------------------------------------------------------------*/

#shop .lft {
	float:left;
	width:700px;
}
#shop .rgt {
	float:right;
	width:280px;
}
@media screen and (max-width: 767px){
#shop .lft {
	float:none;
	width:100%;
}
#shop .rgt {
	float:none;
	width:100%;
}
}

.slider4 {
	width:280px;
	margin:0 auto 10px auto;
	padding:0;
	list-style-type:none;
}
.slider4 .slick-slide {
    display: table-cell;
	vertical-align: middle;
    height: 100%;
    min-height: 1px;
}
.slider4 .slick-slide img {
    margin: auto;
	max-width:100%;
	height:auto;
}
.slider4-nav {
	width:280px;
	margin:0 auto;
	padding:0;
	list-style-type:none;
	text-align:center;
}
.slider4-nav li {
	width:60px !important;
	height:60px !important;
	margin:0 2px;
	position:relative;
	cursor:pointer;
	display:inline-block !important;
	float:none;
}
.slider4-nav li img {
	max-width:60px;
	height:auto;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
}


#shop .ttl-1 {
	font-size:1.5em;
	line-height:1.3;
	text-align:center;
	padding:10px 0;
	color:#479ae7;
}
@media screen and (max-width: 767px){
#shop .ttl-1 {
	font-size:1.2em;
}
}


#shop .info {
	border:1px dotted #f10036;
	padding:30px 20px 20px 20px;
	text-align:center;
	position:relative;
	margin:40px 0 0 0;
	border-radius:8px;
	background-color:#FFF7F7;
}
#shop .info h3 {
	background-color:#f10036;
	position:absolute;
	color:#FFF;
	display:inline-block;
	padding:5px 10px;
	top:-1em;
	left:50%;
	margin-left:-3.5em;
	border-radius:5px;
}
#shop .info .btn {
	width:200px;
	float:right;
}
#shop .info .btn a {
	width:100%;
	padding:10px 30px 10px 10px;
}
#shop .info .txt {
	width:440px;
	float:left;
}

#shop .info .tel {
	font-size:2em;
	color:#000;
}
#shop .info .fax {
	margin:0 0 0 1em;
}
#shop .info .holiday {
	margin:0 0 0 2em;
}
#shop .info .url {
	font-weight:bold;
}

@media screen and (max-width: 767px){
#shop .info .btn {
	width:100%;
	float:none;
	margin:10px 0 0 0;
}
#shop .info .txt {
	width:100%;
	float:none;
}
#shop .info .tel {
	font-size:7vw;
}
#shop .info .fax {
	margin:0 0 0 0;
}
#shop .info .holiday {
	margin:0 0 0 0;
}
}

#shop .info2 dt {
	background-color:#479ae7;
	color:#FFF;
	width:8em;
	text-align:center;
	float:left;
	border-radius:3px;
}
#shop .info2 dd {
	margin:0 0 10px 9em;
}
@media screen and (max-width: 767px){
#shop .info2 dt {
	float:none;
}
#shop .info2 dd {
	margin:0 0 10px 0;
}
}

#shop .info3 {
	border: 1px dotted #90d237;
	padding: 30px 20px 20px 20px;
	text-align: center;
	position: relative;
	margin: 40px 0 0 0;
	border-radius: 8px;
	background-color: #F3FAE9;
}
#shop .info3 h3 {
	background-color:#90d237;
	position:absolute;
	color:#FFF;
	display:inline-block;
	padding:5px 10px;
	top:-1em;
	left:50%;
	margin-left:-5.5em;
	border-radius:5px;
}
#shop .info3 .menu {
	list-style-type:none;
	padding:0;
	margin:0;
	text-align:left;
	display:inline-block;
	width:48%;
}
#shop .info3 .menu li {
}
#shop .info3 .menu li.ttl {
	margin:0 0 0 0;
	padding:0 0 5px 0;
}
#shop .info3 .menu.chintai li.ttl {
	border-bottom:3px solid #90d237;
}
#shop .info3 .menu.buy li.ttl {
	border-bottom:3px solid #479ae7;
}
#shop .info3 .menu li a {
	background-color:#FFF;
	display:block;
	padding:3px 20px 3px 10px;
	margin:1px 0;
	position:relative;
}
#shop .info3 .menu.chintai li a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	top: 50%;
	right: 10px;
	color: #90d237;
	margin-top: -0.8em;
}
#shop .info3 .menu.buy li a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	top: 50%;
	right: 10px;
	color: #479ae7;
	margin-top: -0.8em;
}
@media screen and (max-width: 600px){
#shop .info3 .menu {
	display:block;
	width:100%;
	margin:0 0 10px 0;
}
}


#shop .map {
	clear:both;
	border:10px solid #f3f2ed;
	box-sizing:border-box;
}
#shop .map iframe {
	margin:0;
	padding:0;
}


/* リクエスト -----------------------------------------------------------------------*/

#request {
	
}
#request .main {
	font-size:1.5em;
	text-align:center;
	font-weight:bold;
	color:#fe9601;
	position:relative;
	margin:30px 0 30px;
	border:5px dotted #CCC;
	padding:15px;
}
#request .main strong {
	font-size:1.5em;
	color:#f10036;
}
#request .main:after {
	font-family: 'FontAwesome';
	content: "\f0a4";
	position: absolute;
	bottom: -80px;
	left: 0;
	color: #fe9601;
	font-size:100px;
	transform: rotate(20deg);
	background-color:#FFF;
	border-radius:50%;
}
@media screen and (max-width:767px){
#request .main {
	font-size:1.2em;
	border:3px dotted #CCC;
}
#request .main strong {
	line-height:1.3;
}
#request .main:after {
	font-family: 'FontAwesome';
	content: "\f0a4";
	position: absolute;
	bottom: -60px;
	left: 0;
	color: #fe9601;
	font-size:70px;
	transform: rotate(20deg);
	background-color:transparent;
	border-radius:50%;
}

}

#request .ttl {
	background-color:#5ca818;
	padding:5px 10px;
	color:#FFF;
	font-size:1.2em;
	box-sizing:border-box;
}
#request .buy .ttl {
	background-color:#1a68ba;
}

#tabMenu{
	list-style-type:none;
	padding:0;
	margin:0 auto;
	width:800px;
    }
#tabMenu li{
    float:left;
	width:48%;
	margin:0 1%;
    }
#tabMenu li a{
    display:block;
    width:100%;
    line-height:80px;
    text-align:center;
	box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 8px 0px;
	border:2px solid #FFF;
	box-sizing:border-box;
	border-radius:5px;
	position:relative;
	z-index:1;
    }
#tabMenu li a:after{
	font-family: 'FontAwesome';
	content: "\f078";
	position: absolute;
	top: 0;
	right: 15px;
	color: #FFF;
    }
#tabMenu li:nth-child(1) a{
    background-color:#90d236;
	color:#FFF;
	font-weight:bold;
	font-size:2em;
	text-decoration:none;
    }
#tabMenu li:nth-child(2) a{
    background-color:#479ae7;
	color:#FFF;
	font-weight:bold;
	font-size:2em;
	text-decoration:none;
    }
@media screen and (max-width:767px){
#tabMenu{
	width:100%;
    }
#tabMenu li a{
    line-height:1.3;
	padding:10px 5px 20px 5px;
    }
#tabMenu li a:after{
	font-family: 'FontAwesome';
	content: "\f078";
	position: absolute;
	top: auto;
	right: 50%;
	margin-right:-0.5em;
	bottom:0;
	color: #FFF;
    }
#tabMenu li:nth-child(1) a{
	font-size:1.2em;
    }
#tabMenu li:nth-child(2) a{
	font-size:1.2em;
    }
}




#tabBox1,#tabBox2{
    width:100%;
    height:auto;
	display:none;
	box-sizing:border-box;
	padding:30px;
	margin-top:-5px;
	position:relative;
	z-index:10;
    }
#tabBox1{
    background-color:#90d236;
    }
#tabBox2{
    background-color:#479ae7;
    display:none;
    }
@media screen and (max-width:767px){
#tabBox1,#tabBox2{
	padding:10px;
	margin:-5px -4% 0 -4%;
	width:auto;
    }
}


.requestTbl1 {
	border-collapse:collapse;
	width:100%;
	margin:0 auto 10px auto;
	border-top:1px solid #CCCCCC;
	background-color:#FFF;
}
.requestTbl1 tr {
	border-bottom:1px solid #CCCCCC;
	border-left:5px solid #5ca818;
	border-right:5px solid #5ca818;
}
.buy .requestTbl1 tr {
	border-left:5px solid #1a68ba;
	border-right:5px solid #1a68ba;
}

.requestTbl1 th,
.requestTbl1 td {
	padding: 10px 15px;
	vertical-align:top;
}

.requestTbl1 th {
	font-weight: bold;
	width: 20%;
	position: relative;
	white-space: nowrap;
	text-align:left;
	box-sizing:border-box;
	padding-right:55px;
}
.requestTbl1 th.hissu:after {
	content: "";
	position: absolute;
	top: 12px;
	right: 10px;
	color: #F00;
	background-image:url(../img/icn_hissu.png);
	width:35px;
	height:15px;
}

.requestTbl1 td {
	text-align:left;
}
.requestTbl1 td .note {
	color: #FF0000;
	font-size:0.9em;
	line-height:1.2em;
	padding:5px 0;
}

@media screen and (max-width:767px){
.requestTbl1 th,
.requestTbl1 td {
	display:list-item;
	list-style-type:none;
}
.requestTbl1 th {
	border-left:5px solid #5ca818;
	padding:5px 10px;
	margin:5px 0 0 0;
	width: 100%;
}
.buy .requestTbl1 th {
	border-left:5px solid #1a68ba;
}
}


@media screen and (max-width:767px){
.wY {
	width:auto !important;
}
.wM {
	width:auto !important;
}
input[type=text].wMenseki {
	width:80% !important;
}
}

.labelBox1 {
	
}
.labelBox1 label {
	margin:1px 5px;
	display:inline-block;
}
.labelBox1.clm3 label {
	width:30%;
	box-sizing:border-box;
}
.labelBox1 label input {
	margin:5px;
	vertical-align:middle;
}
@media screen and (max-width:767px){
.labelBox1.clm3 label {
	width:auto;
	box-sizing:border-box;
}
}

.requestTbl1 .opt {
	width:20%;
	display:inline-block;
	border-left:5px solid #f10036;
	padding:0 0 0 10px;
}
@media screen and (max-width:767px){
.requestTbl1 .opt {
	width:100%;
}
}


.requestDoui {
	width:100%;
	margin:0 auto 10px auto;
	background-color:#FFF;
	text-align:center;
	padding:15px;
	box-sizing:border-box;
	border:1px solid #F00;
}
.selectBox {
	width:100%;
	margin:0 auto 10px auto;
	background-color:#FFF;
	padding:10px 15px;
	box-sizing:border-box;
	border:1px dotted #F00;
}
.selectBox .ttl-1 {
	background-color:#ebebeb;
	padding:2px 5px;
	margin:5px 0;
}

.requestBtn {
	padding:2px 5px;
	margin:0 5px;
}
