@charset "utf-8";

body {
  margin: 0;
}
h3 {
    text-align: center;
    font-size: 5vw;
    font-weight: bold;
    color: #000;
}
ul, menu, dir {
    display: block;
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
}
/* h1 初期化 */
h1{margin: 0;padding: 0;outline: 0;font-size: 100%;font-family: inherit;font-style: inherit;font-weight: inherit;vertical-align: baseline;border: 0;}
/* End hide from IE-mac */
/* テキスト */
.txtGray {color: #666;}
.txtPink {color: #ff0096;}
.txtPinkB {color: #ff0096;font-weight: bold;}
.txtRed {color: #906;font-weight: bold;}
.txtRed2 {color: #f00;font-weight: bold;}
.txtTitle {font-size: 30px;color: #fff;font-weight: bold;}
/* 初期設定 */
.head {font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, Geneva, Arial, Helvetica, sans-serif;font-size: 12px;line-height: 1.5;}
.head {margin: 0 auto;padding: 10px 0;width: 960px;height: 19px;background: #fff;}
.head h1 {float: left;font-weight: normal;}
.head h1 span.txtPinkB a {color: #ff0096;}
.head div.tagline {float: left;font-weight: normal;}
.head ul.subnavi {float: right;}
.head ul.subnavi li {display: inline;margin-left: 10px;}
.head ul.subnavi .info {background: url(https://www.ski-ichiba.jp/commonimg/head-ic-snow.gif) left center no-repeat;}
.head ul.subnavi .question {background: url(https://www.ski-ichiba.jp/commonimg/head-ic-faq.gif) left center no-repeat;}
.head ul.subnavi .company {background: url(https://www.ski-ichiba.jp/commonimg/head-ic-com.gif) left 0.3em no-repeat;}
/* リンク */
.head .subnavi .info a:link {color: #013489;text-decoration: underline;}
.head .subnavi .info a:visited,.head .subnavi .question a:visited,.head .subnavi .company a:visited {color: #013489;text-decoration: underline;}
.head .subnavi .info a:active,.head .subnavi .question a:active,
.head .subnavi .company a:active {color: #ff0096;text-decoration: none;}
.head .subnavi .info a:hover,.head .subnavi .question a:hover,.head .subnavi .company a:hover {color: #013489;text-decoration: none;}
.head a.gray:link {color: #333;text-decoration: underline;}
.head a.gray:visited {color: #333;text-decoration: underline;}
.head a.gray:active {color: #ff0096;text-decoration: none;}
/* アイコン */
li.arrow {background: transparent url(https://www.ski-ichiba.jp/commonimg/icon_arrow.gif) 0 1px no-repeat;padding: 0 0 0 19px;}
li.info {background: transparent url(https://www.ski-ichiba.jp/commonimg/icon_info.gif) left top no-repeat;padding: 2px 0 1px 21px;margin-top: -2px;}
li.question {background: transparent url(https://www.ski-ichiba.jp/commonimg/icon_faq.gif) left top no-repeat;padding: 2px 0 3px 19px;margin-top: -2px;}
li.company {background: transparent url(https://www.ski-ichiba.jp/commonimg/icon_company.gif) left top no-repeat;padding: 3px 0 16px 19px;margin-top: -3px;}
/*フッター*/
/* .footerbg {clear: both;background: #000000;}
.footerCont {width: 960px;margin: 0 auto;padding: 35px 0;text-align: center;}
.footerCont ul {text-align: center;margin-left: 60px;}
.footerCont ul li {float: left;}
.footerCont a {color: #ffffff;text-decoration: none;}
.footerCont a:hover {color: #ffffff;text-decoration: underline;}
.footerCont a:visited {color: #ffffff;}
.footerCont a:action { color:#ffffff;} */
.copyright {padding: 20px 0 0 0;}
.crTxt {color: #ffffff;text-align: center;float: left;font-size: 11px;line-height: 1.3;margin:7px 20px  0 200px;}
.ftLogo {float: left;vertical-align: middle;}


/* ----------------------
コンテンツ別設定
---------------------- */
#fair{
  font-size: 16px; */
  /* line-height: 145%; */
  background-color: #FFF4F0;
  width: 100%;
  box-sizing: border-box;
}
/* #fair .alignC{text-align:center;} */
/* #fair .alignL{text-align:left;} */
/* #fair .alignR{text-align:right;} */
/* #fair .floatL{float:left;} */
/* #fair .floatR{float:right;} */
#fair STRONG{color:#FF1B54;}
/* #fair .kv{background:url(./../img/kv.jpg) no-repeat 50% top;position:relative;height:512px;} */
/*ぱんくず*/
#fair .bread {padding-top:12px;}
#fair .bread ul{width: 960px;margin:0 auto;}
#fair .bread ul li {display: inline-block;text-align: left;float: left;font-size:12px;}

.kv {
  width: 100%;
}
#fair .kv H2{text-indent:-9999px;height:392px;}
#fair .kv .nav{
  background:linear-gradient(25deg, #3f7ef1, #78e0ff);
  /* background:url(./../img/gnav_bg.png) repeat-x; */
  /* height:114px;
  position:absolute;
  left:0;
  top:398px; */
  width:100%;
}
#fair .kv .nav UL{
  display: table;
  /* border-spacing: 2px; */
  table-layout: fixed;
  width:94%;
  margin:0 auto;
  padding-left: 0;

}
#fair .kv .nav LI{
  display: table-cell;
  background: linear-gradient(25deg, #3f7ef1, #78e0ff);
  /* border-radius: 5px; */
  /* float: left; */
  width: 100%;
  border: 2px solid #ffffff;
  /* height: 114px; */
}
#fair .kv .nav LI A{
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 2.6vw;
  font-weight: bold;
  padding: 16% 0%;
  box-sizing: border-box;
  text-align: center;
}
#fair .kv .nav LI .active{
  color: #5aacf8;
  position: relative;
  background: #fff;
  /* border-bottom: 4px solid #ffffff; */
  /* border-radius: 15px; */
  /* border: 3px solid #923; */
  /* padding: 8%; */
  margin: 3%;
}
#fair .kv .nav LI .active::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -17%;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #3f7ef1 transparent transparent transparent;
  border-width: 10px 10px 0 10px;
}
#fair .kv .nav LI .active::before {
  /* content: url(../img/hotel_point_list.png);
  position: absolute;
  right: 0;
  top: 6%;
  left: 0;
  display: inline-block;
  vertical-align: middle; */

}
/* #fair .kv .nav LI.nav1 A{background-position:0px 0px;}
#fair .kv .nav LI.nav2 A{background-position:-240px 0px;}
#fair .kv .nav LI.nav3 A{background-position:-480px 0px;}
#fair .kv .nav LI.nav4 A{background-position:-720px 0px;}
#fair .kv .nav LI.nav1 A:hover{background-position:0px -114px;}
#fair .kv .nav LI.nav2 A:hover{background-position:-240px -114px;}
#fair .kv .nav LI.nav3 A:hover{background-position:-480px -114px;}
#fair .kv .nav LI.nav4 A:hover{background-position:-720px -114px;}

#fair .kv .nav LI.nav1 A.active{background-position:0px -114px;}
#fair .kv .nav LI.nav2 A.active{background-position:-240px -114px;}
#fair .kv .nav LI.nav3 A.active{background-position:-480px -114px;}
#fair .kv .nav LI.nav4 A.active{background-position:-720px -114px;} */


#fair .content_wrap{
  width: 100%;
  margin: 3% auto;
  box-sizing: border-box;
}
#fair .thema{
  padding: 1% 2% 1% 14%;
  background: #fff url(./../img/thema_icon.png) no-repeat 10px 41%;
  color: #FF1B54;
  font-size: 3vw;
  /* line-height: 280%; */
  border-radius: 12px;
  box-shadow: 0px 0px 5px #FFB9AC;
  background-size: 10%;
}
#fair .thema P.linktxt{font-size:14px;padding-right:20px;margin:0px;}
#fair .thema P.linktxt A{color:#1598E6;}
#fair .thema P.linktxt A:after{content:'　→';}
#fair .thema P.linktxt A:hover{text-decoration:underline;}

#fair .plan_wrap{
  background:#fff;
  border-radius:12px;
  margin:3% auto 0;
  box-shadow:0px 0px 5px #FFB9AC;
  width: 98%;
}


#fair .thema+.plan_wrap{
  /* margin:20px auto!important; */
}
#fair .plan_wrap H3{
  font-size: 5vw;
  color: #fff;
  text-align: center;
  background: #FF1B54;
  border-radius: 12px 12px 0px 0px;
  padding: 2%;
  margin: 0;
}
#fair .plan_wrap H3 SMALL{font-size:80%;font-weight:normal;}
#fair .gerande_wrap{
  width:100%;
  /* margin:20px auto 0; */
}
#fair .gerande_photo{
  /* width:346px; */
  /* height:242px; */
  background:url(./../img/gerande_photo_bg.png) no-repeat;
  position:relative;
}
#fair .gerande_photo IMG{
  width: 100%;
  /* position:absolute;
  top:15px;
  left:15px; */
}
#fair .gerande_caption{
  padding: 3%;
}
#fair .gerande_caption P{line-height:35px;background:url(./../img/line.png);}

#fair .gerande_point{
  /* width:920px; */
  margin:20px auto 0;
  background:url(./../img/gerande_point_bg.png);
  border-radius:12px;
  /* position:relative; */
  /* padding:10px 0; */
}
#fair .gerande_point H4{
  /* position:absolute;
  top:-16px;
  left:215px; */
  text-align: center;
}
#fair .gerande_point_txt{
  /* width:690px; */
}
#fair .gerande_point_txt .ftr{
  background:url(./../img/gerande_point_bg2.png) no-repeat 50% bottom;
  /* padding-bottom:40px; */
  float: left;
  width: 48%;
}
#fair .gerande_point_txt .hdr{
  background:url(./../img/gerande_point_bg1.png) no-repeat 50% top;
  /* padding-top:30px; */
}
#fair .gerande_point_txt P{
  font-size: 4vw;
  padding: 2%;
  margin-top: 0;
}
#fair .gerande_point_txt P.attention{
  font-size:3vw;
  /* text-align:right; */
}
#fair .gerande_point_txt P.attention2{font-size:12px;text-align:center;}

#fair .gerande_point_photo{
  /* width:220px;
  height:173px;
  background:url(./../img/gerande_point_photo_bg.png) no-repeat left top;
  position:relative; */
  float: right;
  width: 50%;
  box-sizing: border-box;
  padding: 0 3% 0 2%;
  margin-bottom: 2%;
}
#fair .gerande_point_photo IMG{
  /* position:absolute;
  top:8px;
  left:8px; */
  width: 100%;
}

#fair .hotel {
  width:98%;
  margin:20px auto 0;
  background:#FFF4F0;
  padding-bottom:20px;
  border-radius:0px 0px 12px 12px;
}
#fair .hotel H4.hotelname{
  font-size:5vw;
  color:#fff;
  text-align:center;
  background:#2E92CD;
  border-radius:12px 12px 0px 0px;
  margin: 0;
  padding: 3% 0;
}
#fair .hotel_wrap{
  /* width:880px; */
  /* margin:20px auto 0; */
}
#fair .hotel_photo{
  /* width:340px; */
  /* padding:5px; */
  /* background:#fff; */
  box-shadow:0px 0px 3px #FFDDD1;
}
#fair .hotel_photo img{
  width:100%;

}
#fair .hotel_caption{
  /* width:510px; */
}
#fair .hotel_caption p{
  padding: 2%;
  box-sizing: border-box;
}

#fair .hotel_point_wrap{
  width:90%;
  margin:20px auto 0;
  background:url(./../img/hotel_point_bdy.png);
  background-size: 100%;
  box-sizing: border-box;
}
#fair .hotel_point_wrap .ftr{
  background:url(./../img/hotel_point_ftr.png) no-repeat 50% bottom;padding-bottom:40px;
}
#fair .hotel_point_wrap .ftr h5 img{
  width: 100%;
}
.hotel_point{
  /* width:820px; */
  margin:20px auto 0;
}
#fair .hotel_point_wrap .attention{width:820px;margin:20px auto 0;font-size:11px;text-align:right;}

#fair .hotel_point_list{
  width: 90%;
  margin: 0 auto;
  padding: 0;
}
#fair .hotel_point_list LI{
  background:url(./../img/hotel_point_list.png) no-repeat left 7px;
  padding-left:18px;
  line-height:190%;
  font-size: 3.5vw;
}
#fair .hotel_point_photo{
  width:96%;
  margin: 0 auto;
  /* height:259px; */
  background:url(./../img/hotel_point_photo_bg.png) no-repeat left top;
  /* position:relative; */
}
#fair .hotel_point_photo IMG{
  width: 100%;
  /* position:absolute;
  top:8px;
  left:8px; */
}


#fair .hotel .icons{
  margin-bottom:10px;
  padding-left: 0;
}
#fair .icons LI{
  display:inline-block;
  background:#fff;
  border-radius:4px;
  padding:0 1% 0 0;
  line-height:90%;
  font-size:3vw;
  vertical-align:middle;
  border:1px solid #FF3667;
}
#fair .icons LI SPAN{
  display:inline-block;
  border-radius:2px 0px 0px 2px;
  background:#FF3667;
  padding:0;
}
#fair .icons LI SPAN IMG{width:20px;}
#fair .icons LI EM{font-style:normal;position:relative;top:-4px;left:2px}

#fair .hotel_btn{
  margin-top:20px;
  width: 96%;
  margin: 0 auto;
}
#fair .hotel_btn H5{text-align:center;color:#FF1B54;margin-bottom:10px;}

#fair .hotel_btn LI{
  /* display:table-cell; */
  /* float:left; */
  display: inline-block;
}
#fair .hotel_btn LI A{
  display:block;
  text-align:center;
  border-radius:8px;
  box-sizing: border-box;
  padding: 3% 0;
}

#fair .hotel .btn100 LI.btn1 A{
  background-image:url(./../img/btn1_100_off.png);
  /* width: 30%; */
}
#fair .hotel .btn100 LI.btn2 A{background-image:url(./../img/btn2_100_off.png);}
#fair .hotel .btn100 LI.btn3 A{background-image:url(./../img/btn3_100_off.png);}
#fair .hotel .btn100 LI.btn4 A{background-image:url(./../img/btn4_100_off.png);}
#fair .hotel .btn100 LI.btn5 A{
  background-image:url(./../img/btn5_100_off.png);
  /* padding: 7% 0; */
}

/* #fair .hotel .btn100 LI.btn1 A:hover{background-image:url(./../img/btn1_100_on.png);}
#fair .hotel .btn100 LI.btn2 A:hover{background-image:url(./../img/btn2_100_on.png);}
#fair .hotel .btn100 LI.btn3 A:hover{background-image:url(./../img/btn3_100_on.png);}
#fair .hotel .btn100 LI.btn4 A:hover{background-image:url(./../img/btn4_100_on.png);}
#fair .hotel .btn100 LI.btn5 A:hover{background-image:url(./../img/btn5_100_on.png);} */

#fair .hotel .num5{
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
#fair .hotel .num5 LI{
  width: 49%;
  margin: 1% auto;
  box-sizing: border-box;
}
#fair .hotel .num5 LI A{
  /* width:176px; */
  /* height:100px; */
}
#fair .hotel .num5 LI A IMG{
  /* position:relative;top:26px; */
}

#fair .hotel .num4{
  padding-left:5px;
  width:905px;
  margin:0 auto;
}
#fair .hotel .num4 LI{
  width:226px;
}
#fair .hotel .num4 LI A{
  width:220px;
  height:100px;
}
#fair .hotel .num4 LI A IMG{
  position:relative;top:26px;
}

#fair .hotel .num3{
  padding-left: 0;
  width: 100%;
  margin: 0 auto;
  display: table;
  border-spacing: 2px;
}
#fair .hotel .num3 LI{
  /* width: 30%; */
  box-sizing: border-box;
  margin: 1%;
  display: table-cell;
}
#fair .hotel .num3 LI A{
      padding: 4%;
}
#fair .hotel .num3 LI A IMG{
  /* position:relative;
  top:26px; */
  width: 100%;
}
.num1{
  padding: 0;
}
.num2{
  padding: 0;
}
.num3{
  padding: 0;
}
#fair .hotel .num2{
  padding-left:0;
  /* width:905px; */
  margin:0 auto;
}
#fair .hotel .num2 LI{
  /* width:452px; */
}
#fair .hotel .num2 LI A{
  /* width:447px; */
  height:100px;
}
/* #fair .hotel .num2 LI A IMG{position:relative;top:26px;} */

#fair .hotel .num1{
  padding-left:0;
  /* width:905px; */
  margin:0 auto;
}
/* #fair .hotel .num1 LI{width:905px;} */
/* #fair .hotel .num1 LI A{width:900px;height:100px;} */
/* #fair .hotel .num1 LI A IMG{position:relative;top:26px;} */


#fair .hotels {
  /* width:940px; */
  /* margin:0px 0 0 28px; */
  /* padding-bottom:20px; */
}
#fair .hotels .severalhotel{
  /* width:440px; */
  /* margin-right:20px; */
  margin-top:20px;
  background-color:#E8F5FD;
  padding-bottom:20px;
  border-radius:12px;
}
#fair .hotels .severalhotel H4{font-size:20px;color:#fff;text-align:center;background:#2E92CD;border-radius:12px 12px 0px 0px;line-height:50px;margin:0;}
#fair .hotels .severalhotel .hotel_photo{
  padding:0;
  /* position:relative; */
  /* width:440px; */
  /* height:200px; */
}
#fair .hotels .severalhotel .icons{
  /* position:absolute;
  right:5px;
  bottom:5px;
  padding:0;
  margin:0; */
}
#fair .hotels .hotelcaption{
  font-size:3.5vw;
  /* width:400px; */
  margin:10px auto;
  padding: 2%;
}


#fair .hotels .btn85 LI.btn1 A{background-image:url(./../img/btn1_100_off.png);}
#fair .hotels .btn85 LI.btn2 A{background-image:url(./../img/btn2_100_off.png);}
#fair .hotels .btn85 LI.btn3 A{background-image:url(./../img/btn3_100_off.png);}
#fair .hotels .btn85 LI.btn4 A{background-image:url(./../img/btn4_100_off.png);}
#fair .hotels .btn85 LI.btn5 A{background-image:url(./../img/btn5_100_off.png);}

#fair .hotels .btn85 LI.btn1 A:hover{background-image:url(./../img/btn1_100_on.png);}
#fair .hotels .btn85 LI.btn2 A:hover{background-image:url(./../img/btn2_100_on.png);}
#fair .hotels .btn85 LI.btn3 A:hover{background-image:url(./../img/btn3_100_on.png);}
#fair .hotels .btn85 LI.btn4 A:hover{background-image:url(./../img/btn4_100_on.png);}
#fair .hotels .btn85 LI.btn5 A:hover{background-image:url(./../img/btn5_100_on.png);}

#fair .hotels .num5{
  padding-left: 1%;
  /* width:425px; */
  letter-spacing: -0.1em;
  margin:0 auto;
  box-sizing: border-box;
}
#fair .hotels .num5 LI{
  width:24%;
  margin-top: 1%;
}
#fair .hotels .num5 LI A{
  /* width:82px; */
  /* height:85px; */
}
#fair .hotels .num5 LI A IMG{position:relative;top:7px;}

#fair .hotels .num4{
  padding-left:3px;
  width:425px;
  margin:0 auto;
}
#fair .hotels .num4 LI{width:106px;}
#fair .hotels .num4 LI A{width:103px;height:85px;}
#fair .hotels .num4 LI A IMG{position:relative;top:7px;}

#fair .hotels .num3{padding-left:3px;width:425px;margin:0 auto;}
#fair .hotels .num3 LI{width:141px;}
#fair .hotels .num3 LI A{width:138px;height:85px;}
#fair .hotels .num3 LI A IMG{position:relative;top:7px;}

#fair .hotels .num2{padding-left:3px;width:425px;margin:0 auto;}
#fair .hotels .num2 LI{width:212px;}
#fair .hotels .num2 LI A{width:209px;height:85px;}
#fair .hotels .num2 LI A IMG{position:relative;top:7px;}

#fair .hotels .num1{
  padding-left:3px;
  /* width:425px; */
  margin:0 auto;
}
#fair .hotels .num1 LI{width:425px;}
#fair .hotels .num1 LI A{width:422px;height:85px;}
#fair .hotels .num1 LI A IMG{position:relative;top:7px;}


#fair .plan_btn{
  background:url(./../img/btn_gerande_on.png);
  /* height:120px; */
  border-radius:0 0 12px 12px;
  /* margin-top:20px; */
}
#fair .plan_btn LI{display:block;float:left;background:url(./../img/btn_gerande_off.png);border-right:1px solid #F03B60;}
#fair .plan_btn LI:hover{background-image:none;}
#fair .plan_btn LI A{
  display:block;
  /* height:95px; */
  color:#fff;
  font-size:3vw;
  background:url(./../img/btn_gerande.png) no-repeat 4% 50%;
  padding-left: 17%;
  padding-top: 15%;
  border-right: 1px solid #FF6289;
  background-size: 7%;
  padding-bottom: 20%;
}
#fair .plan_btn LI A SPAN{
  font-size:3vw;
}
#fair .plan_btn LI:first-child{border-radius:0 0 0 12px;}
#fair .plan_btn LI:last-child{border-radius:0 0 12px 0px;border-width:0px;}
#fair .plan_btn LI:last-child A{border-width:0px;}

#fair .plan_btn .num3 LI{
  width: 33%;
  padding: 0;
}
#fair .plan_btn .num2 LI{
  width: 50%;
  box-sizing: border-box;
  padding: 0;
}
#fair .plan_btn .num2 LI A{
  text-align:center;
}
#fair .plan_btn .num1 LI{
  border-radius:0 0 12px 12px;
  width: 100%;
  padding: 0;
}
#fair .plan_btn .num1 LI A{
  text-align: center;
  display: block;
  /* height: 95px; */
  color: #fff;
  font-size: 3vw;
  background: url(./../img/btn_gerande.png) no-repeat 4% 50%;
  /* padding-left: 17%; */
  padding-top: 2%;
  border-right: 1px solid #FF6289;
  background-size: 7%;
  padding-bottom: 2%;
  width: 63%;
  margin: 0 auto;
}

#fair .pagetop{
  text-align:right;
  /* width:960px; */
  margin:20px auto 0;
}
#fair .pagetop A{font-size:12px;color:#1598E6;}
#fair .pagetop A:before{content:url(./../img/pagetop.jpg);position:relative;left:-5px;}
#fair .pagetop A:hover{text-decoration:underline;}

#fair .pageftr{position:relative;margin-top:20px;}

#fair .footnav{
  background:linear-gradient(25deg, #3f7ef1, #78e0ff);
  width:100%;
  /* background:url(./../img/gnav_bg.png) repeat-x;
  height:114px;
  width:100%;
  position:absolute;
  top:-20px;
  left:0;
  z-index:10; */
}
#fair .footnav UL{
  display: table;
  table-layout: fixed;
  width:94%;
  margin:0 auto;
  padding-left: 0;
}
#fair .footnav LI{
  display: table-cell;
  background: linear-gradient(25deg, #3f7ef1, #78e0ff);
  width: 100%;
  border: 2px solid #ffffff;
}
#fair .footnav LI A{
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 2.6vw;
  font-weight: bold;
  padding: 16% 0%;
  box-sizing: border-box;
  text-align: center;
}
#fair .footnav LI .active{
  color: #5aacf8;
  position: relative;
  background: #fff;
  margin: 3%;
}
#fair .footnav LI .active::after {
  content: "";
  position: absolute;
  right: 0;
  top: -20%;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #3f7ef1 transparent transparent transparent;
  border-width: 10px 10px 0 10px;
  transform: rotate(180deg);
}

/* #fair .footnav LI.nav1 A{background-position:0px 0px;}
#fair .footnav LI.nav2 A{background-position:-240px 0px;}
#fair .footnav LI.nav3 A{background-position:-480px 0px;}
#fair .footnav LI.nav4 A{background-position:-720px 0px;}
#fair .footnav LI.nav1 A:hover{background-position:0px -114px;}
#fair .footnav LI.nav2 A:hover{background-position:-240px -114px;}
#fair .footnav LI.nav3 A:hover{background-position:-480px -114px;}
#fair .footnav LI.nav4 A:hover{background-position:-720px -114px;}
#fair .footnav LI.nav1 A.active{background-position:0px -114px;}
#fair .footnav LI.nav2 A.active{background-position:-240px -114px;}
#fair .footnav LI.nav3 A.active{background-position:-480px -114px;}
#fair .footnav LI.nav4 A.active{background-position:-720px -114px;} */



#fair .freetxt{
  background-color: #EEEEEE;
  padding: 3%;
  width: 100%;
  box-sizing: border-box;
}
#fair .freetxt P{
  /* width:960px; */
  margin:0 auto;
  color:#555;
}

#fair .pdb20{
  /* padding-bottom:20px; */
}


#breadcrumbs {
    font-size: 3vw;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
}
#breadcrumbs ul {
    /* overflow-x: scroll; */
    display: table;
    padding-left: 2%;
}
#breadcrumbs ul li:first-child::before {
	content: "";
}
#breadcrumbs ul li::before {
	color: #000;
	content: "　>　";
}
#breadcrumbs ul li {
	/* display: inline-block; */
  display: table-cell;
  white-space: nowrap;
}

.main_img img {
  width: 100%;
}