.midashi {
  font-size: 24px;
  border-left: 5px solid #369;
}

body {
  background-position: center top;
  font-size: 14px;
  line-height: 1.6;
  color: #2d2d2d;
}

/****** .pc クラス非表示は、ファイル末尾に移動 *****/

#wrapper {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

header {
  position: relative;
}
header h1 {
  width: 200px;
  text-align: center;
  padding: 10px;
}
header h1 a img {
  width: 100%;
}
header .menu_area .menu_btn {
  position: absolute;
  top: 36px;
  right: 0;
  z-index: 10;
}
header .menu_area .menu_place {
  visibility:hidden;
  position: absolute;
  top: 70px;
  right: 0px;
  background: #FFFFFF;
  border: 1px solid #231815;
  z-index: 110;
  width: 100%;
  /*============================
  #room
  ============================*/
  /*============================
  #shop
  ============================*/
  /*============================
  #home
  ============================*/
  /*============================
  #company
  ============================*/
  /*============================
  #business
  ============================*/
  /*============================
  #about
  ============================*/
}
header .menu_area .menu_place h2 {
  background: #009A53;
  color: #FFFFFF;
  font-size: 17px;
  padding: 3px 10px;
}
header .menu_area .menu_place #room h3 {
  background: url(../img/frame/icon_room_s.png) no-repeat;
  -webkit-background-size: 20px 22px;
  background-size: 20px 22px;
  background-position: left;
  padding: 15px 20px 6px 40px;
  font-size: 15px;
  margin-left: 40px;
}
header .menu_area .menu_place #room ul {
  margin-left: 40px;
  margin-bottom: 15px;
}
header .menu_area .menu_place #room ul li {
  list-style: disc;
  padding-left: 0px;
  margin-top: 2px;
  margin-left: 60px;
  font-size: 12px;
}
header .menu_area .menu_place #shop {
  border-top: 1px dashed #000;
}
header .menu_area .menu_place #shop h3 {
  background: url(../img/frame/icon_shop_s.png) no-repeat;
  -webkit-background-size: 56px 21px;
  background-size: 56px 21px;
  background-position: left;
  padding: 15px 20px 6px 68px;
  font-size: 15px;
  margin-left: 10px;
}
header .menu_area .menu_place #shop ul {
  margin-bottom: 15px;
}
header .menu_area .menu_place #shop ul li {
  list-style: disc;
  padding-left: 0px;
  margin-top: 2px;
  margin-left: 100px;
  font-size: 12px;
}
header .menu_area .menu_place #home {
  border-top: 1px dashed #000;
}
header .menu_area .menu_place #home h3 {
  background: url(../img/frame/icon_home_s.png) no-repeat;
  -webkit-background-size: 17px 22px;
  background-size: 17px 22px;
  background-position: left;
  padding: 15px 20px 6px 42px;
  font-size: 15px;
  margin-left: 35px;
}
header .menu_area .menu_place #home ul {
  margin-bottom: 15px;
}
header .menu_area .menu_place #home ul li {
  list-style: disc;
  padding-left: 0px;
  margin-top: 2px;
  margin-left: 100px;
  font-size: 12px;
}
header .menu_area .menu_place #company {
  border-top: 1px dashed #000;
}
header .menu_area .menu_place #company h3 {
  background: url(../img/frame/icon_company_s.png) no-repeat;
  -webkit-background-size: 18px 22px;
  background-size: 18px 22px;
  background-position: left;
  padding: 15px 20px 6px 42px;
  font-size: 15px;
  margin-left: 35px;
}
header .menu_area .menu_place #company ul {
  margin-bottom: 15px;
}
header .menu_area .menu_place #company ul li {
  list-style: disc;
  padding-left: 0px;
  margin-top: 2px;
  margin-left: 100px;
  font-size: 12px;
}
header .menu_area .menu_place #business {
  border-top: 1px dashed #000;
}
header .menu_area .menu_place #business h3 {
  background: url(../img/frame/icon_business_s.png) no-repeat;
  -webkit-background-size: 23px 21px;
  background-size: 23px 21px;
  background-position: left;
  padding: 15px 20px 6px 42px;
  font-size: 15px;
  margin-left: 35px;
}
header .menu_area .menu_place #business ul {
  margin-bottom: 15px;
}
header .menu_area .menu_place #business ul li {
  list-style: disc;
  padding-left: 0px;
  margin-top: 2px;
  margin-left: 100px;
  font-size: 12px;
}
header .menu_area .menu_place #about {
  border-top: 1px dashed #000;
}
header .menu_area .menu_place #about h3 {
  background: url(../img/frame/icon_about_s.png) no-repeat;
  -webkit-background-size: 19px 19px;
  background-size: 19px 19px;
  background-position: left;
  padding: 15px 20px 6px 42px;
  font-size: 15px;
  margin-left: 35px;
}
header .menu_area .menu_place #about > ul {
  margin-bottom: 15px;
}
header .menu_area .menu_place #about > ul > li {
  list-style: disc;
  padding-left: 0px;
  margin-top: 2px;
  margin-left: 100px;
  font-size: 12px;
}
/*------ カラー調整 追加 2019-01-20	------*/
header .menu_area .menu_place #careers {
  border-top: 1px dashed #000;
}
header .menu_area .menu_place #careers h3 {
  background: url(../img/frame/icon_careers_s.png) no-repeat;
  -webkit-background-size: 19px 19px;
  background-size: 19px 19px;
  background-position: left;
  padding: 15px 20px 6px 42px;
  font-size: 15px;
  margin-left: 35px;
}
header .menu_area .menu_place #careers > ul {
  margin-bottom: 15px;
}
header .menu_area .menu_place #careers > ul > li {
  list-style: disc;
  padding-left: 0px;
  margin-top: 2px;
  margin-left: 100px;
  font-size: 12px;
}

header .menu_area .menu_place #bidinfo {
  border-top: 1px dashed #000;
}
header .menu_area .menu_place #bidinfo h3 {
  background: url(../img/frame/icon_bidinfo_s.png) no-repeat;
  -webkit-background-size: 19px 19px;
  background-size: 19px 19px;
  background-position: left;
  padding: 15px 20px 6px 42px;
  font-size: 15px;
  margin-left: 35px;
}
header .menu_area .menu_place #bidinfo > ul {
  margin-bottom: 15px;
}
header .menu_area .menu_place #bidinfo > ul > li {
  list-style: disc;
  padding-left: 0px;
  margin-top: 2px;
  margin-left: 100px;
  font-size: 12px;
}
/*------ カラー調整 追加 2019-01-20	------*/





header .search_area {
  width: 185px;
  margin: 0 auto;
  padding-left: 20px;
}
header .search_area form > p {
  float: left;
}
header .search_area form > p input[type="text"] {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #000000 !important;
  padding: 6px;
  margin-right: 5px;
  width: 138px;
}
header .search_area form > p input[type="text"]:focus {
  outline: none;
}
header .search_area form > p input[type="submit"] {
  background: url(../img/frame/icon_search.gif) no-repeat;
  -webkit-background-size: 25px 25px;
  background-size: 25px 25px;
  border: none;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
header .search_area form > p input[type="submit"]:focus {
  outline: none;
}
header > ul {
  padding-top: 10px;
  text-align: center;
  margin-bottom: 10px;
}
header > ul > li {
  display: inline;
  margin: 10px;
  padding-top: 20px;
}
header > ul > li a:hover {
  text-decoration: none;
}
header .font_size {
  width: 69px;
  margin: 0 auto;
  font-size: 0;
}
header .font_size p {
  font-size: 14px;
  float: left;
  margin-left: 3px;
}

#naviWide {
	width: 100%;
  margin-top: 20px;
  padding-right: 10px;
  padding-left: 10px;
  box-sizing: border-box;
}
#naviWide img{
	width: 100%;
}

#mv_area {
  position: relative;
  overflow:hidden;
  opacity:0;
}
#mv_area #slideItems {
  width: 700.5%;	/* スライド５枚＋２で、700%に変更	*/
  position: absolute;
  left:-100%;
  margin:0;
  padding:0;
}
#mv_area #slideItems li {
  width: 14.28571428571429%;		/* スライド５枚＋２で、100% ÷ 7 = 14.28571428571429% */
  margin:0;
  padding:0;
  clear:none;
  float:left;
  list-style:none;
}
#mv_area #slideItems li img{
	width:100%;
}
#mv_area #wrap_mv {
  position: absolute;
  top: 0px;
  left:0px;
  width: 100%;
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -khtml-user-select:none;
  -webkit-user-drag:none;
  -khtml-user-drag:none;
}
#mv_area #wrap_mv img{
  width: 100%;
}

#mv_area #wrap_top_left {
  position: absolute;
  top: 0px;
  left:0px;
  width:20%;
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -khtml-user-select:none;
  -webkit-user-drag:none;
  -khtml-user-drag:none;
}
#mv_area #wrap_top_left img {
  width:100%;
}
#mv_area #wrap_bottom_right {
  position: absolute;
  bottom: 0px;
  right:0px;
  width:20%;
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -khtml-user-select:none;
  -webkit-user-drag:none;
  -khtml-user-drag:none;
}
#mv_area #wrap_bottom_right img {
  width:100%;
}

#mv_area #catch_message {
  position: absolute;
  top:7%;
  left:4%;
  width:30%;
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -khtml-user-select:none;
  -webkit-user-drag:none;
  -khtml-user-drag:none;
}
#mv_area #catch_message img {
  width:100%;
}

#mv_area #left_btn {
  position: absolute;
  top: 250px;
  left: 10px;
  cursor:pointer;
}
#mv_area #left_btn img{
	width:100%;
}
#mv_area #right_btn {
  position: absolute;
  top: 250px;
  right: 10px;
  cursor:pointer;
}
#mv_area #right_btn img{
	width:100%;
}
#mv_area #num {
  position: absolute;
  bottom: 4%;
  right: 17%;
  font-size: 0;
}
#mv_area #num .imgmark {
  background:url("../img/top/num.png") no-repeat center center;
  background-size:100%;
  float:left;
}
#mv_area #num .imgmark a {
  display:block;
  width:15px;
  height:15px;
}
#mv_area #num .imgmark:first-child {
  background:url("../img/top/num_active.png") no-repeat center center;
  background-size:100%;
}
#loading {
  margin-top: 160px;
  position:absolute;
  top:0;
  left:0;
  background:#fff url("../img/top/loading.gif") no-repeat center center;
  opacity:1;
}

/*----- 共通メニュー（上吹き出し） -----*/
#top_nav {
  margin-top: 15px;

  width: 100%;
  /*============================
  #nav_room
  ============================*/
  /*============================
  #nav_shop
  ============================*/
  /*============================
  #nav_home
  ============================*/
  /*============================
  #nav_company
  ============================*/
  /*============================
  #nav_business
  ============================*/
  /*============================
  #nav_about
  ============================*/
}
#top_nav ul {
  font-size: 0;
}
#top_nav ul li {
  display: table-cell;
  width:12.5%;
}
#top_nav ul li img{
  width:100%;
}
#top_nav ul li a {
  display: block;
}
#top_nav ul:hover li .a_link {
/*  opacity:0.5; */
}
#top_nav ul li:hover .a_link {
/*  opacity:1; */
}
#top_nav ul li .a_link:hover {
/*  opacity:1; */
}

#top_nav .topNaviRoom {
  cursor: pointer;
}
#top_nav .topNaviShop {
  cursor: pointer;
}
#top_nav .topNaviHome {
  cursor: pointer;
}
#top_nav .topNaviCompany {
  cursor: pointer;
}
#top_nav .topNaviBusiness {
  cursor: pointer;
}
#top_nav .topNaviAbout {
  cursor: pointer;
}

/*------ メニュー追加（６個→８個） 追加 2019-01-20	------*/
#top_nav .topNaviCareers {
  cursor: pointer;
}
#top_nav .topNaviBidinfo {
  cursor: pointer;
}
/*------ メニュー追加（６個→８個） 追加 2019-01-20	------*/

/*----- 部屋を探す フロートメニュー -----*/
#top_nav #nav_room {
  position: absolute;
/*  top: 127px;	*/
  top: 150px;
  left: 0;
  background: url(../img/top/bg_room.png) no-repeat;
  width: 100%;
  height: auto;
  background-size:100%;
  visibility:hidden;
}
#top_nav #nav_room:before {
  content:"";
  display:block;
  padding-top:47.96%;
}
#top_nav #nav_room .link01 {		/* 「公社の賃貸情報」 */
  position: absolute;
  top: 7.96%;			/* (12(枠)+25(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 3.61%;			/* (12(枠)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 30.76%;		/* 315(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_room .link02 {		/* 「公社一般賃貸住宅」 */
  position: absolute;
  top: 7.96%;			/* (12(枠)+25(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 35.84%;			/* (12(枠)+25(余白)+315(画像)+15(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 60.55%;		/* 620(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_room .link03 {		/* 「特定優良賃貸住宅」 */
  position: absolute;
  top: 33.56%;			/* (12(枠)+25(余白)+120(画像)+5(余白))/465(背景画像の縦サイズ)*100(％数値に変換)をもとに調整 */
  left: 35.84%;			/* (12(枠)+25(余白)+315(画像)+15(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 29.98%;		/* 307(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_room .link04 {		/* 「高齢者向け優良賃貸住宅」 */
  position: absolute;
  top: 33.56%;			/* (12(枠)+25(余白)+120(画像)+5(余白))/465(背景画像の縦サイズ)*100(％数値に変換)をもとに調整 */
  left: 66.41%;			/* (12(枠)+25(余白)+315(画像)+15(余白)+307(画像)+6(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 29.98%;		/* 307(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_room .link05 {		/* 「大阪府の住宅」 */
  position: absolute;
  top: 68%;
  top: 60.01%;			/* (12(枠)+25(余白)+245(画像)+11(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 3.61%;			/* (12(枠)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 30.76%;		/* 315(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_room .link06 {		/* 「府営住宅」 */
  position: absolute;
  top: 60.01%;			/* (12(枠)+25(余白)+245(画像)+11(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 35.84%;			/* (12(枠)+25(余白)+315(画像)+15(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 60.55%;		/* 620(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}

/*----- 店舗・駐車場を探す フロートメニュー -----*/
#top_nav #nav_shop {
  position: absolute;
  top: 150px;
  left: 0;
  background: url(../img/top/bg_shop.png) no-repeat;
  width: 100%;
  height: auto;
  background-size:100%;
  visibility:hidden;
}
#top_nav #nav_shop:before {
  content:"";
  display:block;
  padding-top:47.96%;
}
#top_nav #nav_shop .link01 {		/* 「店舗をお探しのお客様」 */
  position: absolute;
  top: 7.96%;			/* (12(枠)+25(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 3.61%;			/* (12(枠)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 45.41%;		/* 465(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_shop .link02 {		/* 「駐車場をお探しのお客様」 */
  position: absolute;
  top: 7.96%;			/* (12(枠)+25(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 50.98%;			/* (12(枠)+25(余白)+465(画像)+20(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 45.41%;		/* 465(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}

/*----- お住まいの方へ フロートメニュー -----*/
#top_nav #nav_home {
  position: absolute;
  top: 150px;
  left: 0;
  background: url(../img/top/bg_home.png) no-repeat;
  width: 100%;
  height: auto;
  background-size:100%;
  visibility:hidden;
}
#top_nav #nav_home:before {
  content:"";
  display:block;
  padding-top:47.96%;
}
#top_nav #nav_home .link01 {		/* 「公社賃貸住宅にお住まいのお客様」 */
  position: absolute;
  top: 7.96%;			/* (12(枠)+25(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 3.61%;			/* (12(枠)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 45.41%;		/* 465(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_home .link02 {		/* 「府営住宅にお住まいのお客様」 */
  position: absolute;
  top: 7.96%;			/* (12(枠)+25(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 50.98%;			/* (12(枠)+25(余白)+465(画像)+20(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 45.41%;		/* 465(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_home .link03 {		/* 「公社分譲住宅にお住まいのお客様」 */
  position: absolute;
  top: 60.01%;			/* (12(枠)+25(余白)+236(画像)+20(余白))/465(背景画像の縦サイズ)*100(％数値に変換)をもとに調整 */
  left: 3.61%;			/* (12(枠)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 92.77%;		/* 950(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}

/*----- 土地・社宅を探す フロートメニュー -----*/
#top_nav #nav_company {
  position: absolute;
  top: 150px;
  left: 0;
  background: url(../img/top/bg_company.png) no-repeat;
  width: 100%;
  height: auto;
  background-size:100%;
  visibility:hidden;
}
#top_nav #nav_company:before {
  content:"";
  display:block;
  padding-top:47.96%;
}
#top_nav #nav_company .link01 {		/* 「土地を探す」 */
  position: absolute;
  top: 7.96%;			/* (12(枠)+25(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 3.61%;			/* (12(枠)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 45.41%;		/* 465(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_company .link02 {		/* 「社宅向け公社賃貸を探す」 */
  position: absolute;
  top: 7.96%;			/* (12(枠)+25(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 50.98%;			/* (12(枠)+25(余白)+465(画像)+20(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 45.41%;		/* 465(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}

/*----- 公社の理念・取組み フロートメニュー -----*/
#top_nav #nav_business {
  position: absolute;
  top: 150px;
  left: 0;
  background: url(../img/top/bg_business.png) no-repeat;
  width: 100%;
  height: auto;
  background-size:100%;
  visibility:hidden;
}
#top_nav #nav_business:before {
  content:"";
  display:block;
  padding-top:47.96%;
}
#top_nav #nav_business .link01 {		/* 「経営理念」 */
  position: absolute;
  top: 7.96%;			/* (12(枠)+25(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 3.61%;			/* (12(枠)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 92.77%;		/* 950(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_business .link02 {		/* 「公的機関としての役割への取組」 */
  position: absolute;
  top: 27.96%;			/* (12(枠)+25(余白)+80(画像)+13(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 3.61%;			/* (12(枠)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 29.30%;		/* 300(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_business .link03 {		/* 「防災性の向上・防災コミュニティ形成への支援」 */
  position: absolute;
  top: 27.96%;			/* (12(枠)+25(余白)+80(画像)+13(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 35.35%;			/* (12(枠)+25(余白)+300(画像)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 29.30%;		/* 300(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_business .link04 {		/* 「ストック活用基本・実施計画」 */
  position: absolute;
  top: 27.96%;			/* (12(枠)+25(余白)+80(画像)+13(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 67.09%;			/* (12(枠)+25(余白)+300(画像)+25(余白)+300(画像)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 29.30%;		/* 300(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_business .link05 {		/* 「公社賃貸住宅の耐震化の基本方針について」 */
  position: absolute;
  top: 56.63%;			/* (12(枠)+25(余白)+80(画像)+13(余白)+125(画像)+13(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 3.61%;			/* (12(枠)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 29.30%;		/* 300(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_business .link06 {		/* 「団地再生事業の取組みについて」 */
  position: absolute;
  top: 56.63%;			/* (12(枠)+25(余白)+80(画像)+13(余白)+125(画像)+13(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 35.35%;			/* (12(枠)+25(余白)+300(画像)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 29.30%;		/* 300(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_business .link07 {		/* 「分譲マンション管理・建替相談」 */
  position: absolute;
  top: 56.63%;			/* (12(枠)+25(余白)+80(画像)+13(余白)+125(画像)+13(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 67.09%;			/* (12(枠)+25(余白)+300(画像)+25(余白)+300(画像)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 29.30%;		/* 300(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}

/*----- 企業情報 フロートメニュー -----*/
#top_nav #nav_about {
  position: absolute;
  top: 150px;
  left: 0;
  background: url(../img/top/bg_about.png) no-repeat;
  width: 100%;
  height: auto;
  background-size:100%;
  visibility:hidden;
}
#top_nav #nav_about:before {
  content:"";
  display:block;
  padding-top:47.96%;
}
#top_nav #nav_about .link01 {		/* 「企業情報」 */
  position: absolute;
  top: 7.96%;			/* (12(枠)+25(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 3.61%;			/* (12(枠)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 29.30%;		/* 300(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_about .link02 {		/* 「IR情報」 */
  position: absolute;
  top: 7.96%;			/* (12(枠)+25(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 35.35%;			/* (12(枠)+25(余白)+300(画像)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 29.30%;		/* 300(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_about .link03 {		/* 「プレスリリース」 */
  position: absolute;
  top: 7.96%;			/* (12(枠)+25(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 67.09%;			/* (12(枠)+25(余白)+300(画像)+25(余白)+300(画像)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 29.30%;		/* 300(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
/*----- 採用情報 フロートメニュー -----*/
#top_nav #nav_careers {
  position: absolute;
  top: 150px;
  left: 0;
  background: url(../img/top/bg_careers.png) no-repeat;
  width: 100%;
  height: auto;
  background-size:100%;
  visibility:hidden;
}
#top_nav #nav_careers:before {
  content:"";
  display:block;
  padding-top:47.96%;
}
#top_nav #nav_careers .link01 {		/* 「採用情報」 */
  position: absolute;
  top: 7.96%;			/* (12(枠)+25(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 3.61%;			/* (12(枠)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 92.77%;		/* 950(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
/*----- 入札情報 フロートメニュー -----*/
#top_nav #nav_bidinfo {
  position: absolute;
  top: 150px;
  left: 0;
  background: url(../img/top/bg_bidinfo.png) no-repeat;
  width: 100%;
  height: auto;
  background-size:100%;
  visibility:hidden;
}
#top_nav #nav_bidinfo:before {
  content:"";
  display:block;
  padding-top:47.96%;
}
#top_nav #nav_bidinfo .link01 {		/* 「電子入札」 */
  position: absolute;
  top: 7.96%;			/* (12(枠)+25(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 3.61%;			/* (12(枠)+25(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 45.41%;		/* 465(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}
#top_nav #nav_bidinfo .link02 {		/* 「発注・入札情報」 */
  position: absolute;
  top: 7.96%;			/* (12(枠)+25(余白))/465(背景画像の縦サイズ)*100(％数値に変換) */
  left: 50.98%;			/* (12(枠)+25(余白)+465(画像)+20(余白))/1024(背景画像の横サイズ)*100(％数値に変換) */
  width: 45.41%;		/* 465(画像の横サイズ)/1024(背景画像の横サイズ)*100(％数値に変換) */
}





/*============================
#news_area
============================*/
#news_area {
  width:90%;
  margin-top: 20px;
  padding:0 5%;
}
#news_area h2 {
  width:100%;
  margin-bottom:30px;
  padding-top:20px;
  float:none;
  text-align:center;
}
#news_area #news_cont {
	width:100%;
	float:none;
}
#news_area #news_cont > ul {
  padding-left:0;
  font-size: 0;
  text-align:center;
}
#news_area #news_cont > ul li {
  display: inline;
    padding: 0 8px;
    font-size: 10px;
  border-right: 1px solid #333;
}
#news_area #news_cont > ul li:last-child {
  border-right: none;
}

#news_area #news_cont > ul .n_link a {
  padding-top: 10px;
}

#news_area #news_cont > ul .n_link:first-child a {
  border-top: 5px solid #000;
}

#news_area dl {
  width:100%;
  padding-top:20px;
  padding-left:0;
}
#news_area dl dt {
  color: #727171;
  display: inline-block;
}
#news_area dl dt strong {
  display: inline-block;
  width: 5em;
  font-weight: normal;
  font-size: 90%;
}
#news_area dl dt span {
/*  background: #727171; */
  color: #fff;
  font-size: 10px;
  padding: 1px 5px 0;
  display: inline-block;
  margin-left: 1.5em;
  width: 65px;
  text-align: center;
}

/*  What's New 色指定  by justice */
/*  公社入居者情報  */
#news_area dl dt span.newsKousha{
  background: #008000;
}
/*  府営入居者情報  */
#news_area dl dt span.newsPref{
  background: #20b2aa;
}
/*  お知らせ  */
#news_area dl dt span.newsInfo{
  background: #FF6666;
}
/*  発注／調達  */
#news_area dl dt span.newsOrder{
  background: #003399;
}
/*  IR情報  */
#news_area dl dt span.newsIRInfo{
  background: #BBA1CB;
}
/*  メンテナンス情報＆駐車場情報  */
#news_area dl dt span.newsParking{
  background: #4DA6FF;
}
/*  売却＆財務経営情報  */
#news_area dl dt span.newsPropose{
  background: #FF5B5B;
}
/*  メディア掲載情報  */
#news_area dl dt span.newsMedia{
  background: #ff8c00;
}


#news_area dl dd {
  font-size: 80%;
}
#news_area #news_cont .news_ttl .newsNum {
  display:none;
}
#news_area #news_cont .news_ttl .newsNum:first-child {
	display:block;
}
#news_area p {
  padding-top: 30px;
}

/*============================
#bnr_area
============================*/
@media only screen and (max-width: 479px) {
  #bnr_area {
    margin-top: 5%;
/*
    margin: 80px auto 0;
    width: 320px;
*/
  }
  #bnr_area h3 {
	color: #8FC31F;
	font-size: 120%;
	border-left: 7px solid #8FC31F;
	border-top: 1px solid #8FC31F;
	padding: 10px;
	margin-bottom: 30px;
  }
  #bnr_area #bnr_wrap{
    margin: 0 auto;
    width: 320px;
  }
  #bnr_area .block {
    float: left;
    width: 160px;
    height: 160px;
/*	background: url(../img/frame/bg_block.jpg) no-repeat;	*/
	-webkit-background-size: 160px 160px;
	background-size: 160px 160px;
  }
  #bnr_area .block > p {
    width: 144px;
    height: 144px;
	margin: 0 auto;
	padding-top: 8px;
  }
  #bnr_area .block > p a img {
    width: 100%;
    height: 100%;
  }
  #bnr_area .block > a {
    display: block;
    width: 144px;
    height: 144px;
	margin: 0 auto;
	margin-top: 8px;
  }

  #bnr_area .block > a.WakuLightBlue{
    border: 5px solid #74D6CE;
  }

  #bnr_area .block > a.WakuLightGreen{
    border: 5px solid #81D3AF;
  }

  #bnr_area .block > a figure {
    height: 144px;
    font-size: 0;
	position: relative;
  }
  #bnr_area .block > a figure img {
    width: 100%;
  }
  /*----- 下半分タイルメニュー（ピンク） -----*/
  #bnr_area .block > a figure .pink {
    background-color: #F19EC2;
    height: 66px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .pink .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 6px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .pink .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 3px;
  }
  /*----- 全面タイルメニュー（ピンク） -----*/
  #bnr_area .block > a figure .fullpink {
    background-color: #F19EC2;
    height: 144px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .fullpink .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 28px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .fullpink .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 30px;
  }
  /*----- 下半分タイルメニュー（グリーン） -----*/
  #bnr_area .block > a figure .green {
    background-color: #8CC176;
    height: 66px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .green .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 6px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .green .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 3px;
  }
  /*----- 全面タイルメニュー（グリーン） -----*/
  #bnr_area .block > a figure .fullgreen {
    background-color: #8CC176;
    height: 144px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .fullgreen .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 28px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .fullgreen .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 30px;
  }

  #bnr_area .block > a figure .blue {
    background-color: #5386B9;
    height: 66px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .blue .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 6px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .blue .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 3px;
  }
  #bnr_area .block > a figure .orange {
    background-color: #F5AF7E;
    height: 66px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .orange .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 6px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .orange .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 3px;
  }

  /*----- 全面タイルメニュー（オレンジ） -----*/
  #bnr_area .block > a figure .fullorange {
    background-color: #F5AF7E;
    height: 144px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .fullorange .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 28px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .fullorange .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 30px;
  }

  /*    紫（パープル）    add justice */
  #bnr_area .block > a figure .purple {
    background-color: #A69ACA;
    height: 66px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .purple .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 6px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .purple .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 3px;
  }
  /*    薄いブルー    add justice */
  #bnr_area .block > a figure .lightblue {
    background-color: #7FCEF5;
    height: 66px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .lightblue .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 6px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .lightblue .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 3px;
  }
  /*----- 全面タイルメニュー（薄いブルー） -----*/
  #bnr_area .block > a figure .fulllightblue {
    background-color: #7FCEF5;
    height: 144px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .fulllightblue .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 28px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .fulllightblue .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 30px;
  }

  /*    下半分白    add justice */
  #bnr_area .block > a figure .BackWhite {
    background-color: #FFFFFF;
    height: 66px;
	width: 144px;
    position: absolute;
    bottom: 0;
  }
  #bnr_area .block > a figure .BackWhite .title {
    font-size: 10px;
    color: #464646;
    text-align: center;
    padding-top: 6px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .BackWhite .text {
    font-size: 8px;
    color: #464646;
    text-align: center;
    padding-top: 3px;
  }

  /*----- 全面タイルメニュー（白） -----*/
  #bnr_area .block > a figure .fullBackWhite {
    background-color: #FFFFFF;
    height: 144px;
	width: 144px;
    position: absolute;
    bottom: 0;
  }
  #bnr_area .block > a figure .fullBackWhite .title {
    font-size: 10px;
    color: #464646;
    text-align: center;
    padding-top: 28px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .fullBackWhite .text {
    font-size: 8px;
    color: #464646;
    text-align: center;
    padding-top: 30px;
  }

  /*    下半分イエロー    add justice */
  #bnr_area .block > a figure .yellow {
    background-color: #FDD35B;
    height: 66px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .yellow .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 6px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .yellow .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 3px;
  }
  /*    全面イエロー    add justice */
  #bnr_area .block > a figure .fullyellow {
    background-color: #FDD35B;
    height: 144px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .fullyellow .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 28px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .fullyellow .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 30px;
  }

  #bnr_area .block > a:hover {
    text-decoration: none;
  }
}
@media only screen and (min-width: 480px) {
  #bnr_area {
    margin-top: 5%;
/*
    margin: 80px auto 0;
    width: 480px;
*/
  }
  #bnr_area h3 {
	color: #8FC31F;
	font-size: 120%;
	border-left: 7px solid #8FC31F;
	border-top: 1px solid #8FC31F;
	padding: 10px;
	margin-bottom: 30px;
  }
  #bnr_area #bnr_wrap{
    margin: 0 auto;
    width: 480px;
  }
  #bnr_area .block {
    float: left;
    width: 160px;
    height: 160px;
/*	background: url(../img/frame/bg_block.jpg) no-repeat;	*/
	-webkit-background-size: 160px 160px;
	background-size: 160px 160px;
  }
  #bnr_area .block > p {
    width: 144px;
    height: 144px;
	margin: 0 auto;
	padding-top: 8px;
  }
  #bnr_area .block > p a img {
    width: 100%;
    height: 100%;
  }
  #bnr_area .block > a {
    display: block;
    width: 144px;
    height: 144px;
	margin: 0 auto;
	margin-top: 8px;
  }

  #bnr_area .block > a.WakuLightBlue{
    border: 5px solid #74D6CE;
  }

  #bnr_area .block > a.WakuLightGreen{
    border: 5px solid #81D3AF;
  }

  #bnr_area .block > a figure {
    height: 144px;
	width: 144px;
    font-size: 0;
	position: relative;
  }
  #bnr_area .block > a figure img {
    width: 100%;
  }
  /*----- 下半分タイルメニュー（ピンク） -----*/
  #bnr_area .block > a figure .pink {
    background-color: #F19EC2;
    height: 66px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .pink .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 9px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .pink .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 3px;
  }
  /*----- 全面タイルメニュー（ピンク） -----*/
  #bnr_area .block > a figure .fullpink {
    background-color: #F19EC2;
    height: 144px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .fullpink .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 28px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .fullpink .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 30px;
  }

  /*----- タイルメニュー（グリーン） -----*/
  #bnr_area .block > a figure .green {
    background-color: #8CC176;
    height: 66px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .green .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 9px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .green .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 3px;
  }
  /*----- 全面タイルメニュー（グリーン） -----*/
  #bnr_area .block > a figure .fullgreen {
    background-color: #8CC176;
    height: 144px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .fullgreen .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 28px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .fullgreen .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 30px;
  }

  #bnr_area .block > a figure .blue {
    background-color: #5386B9;
    height: 66px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .blue .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 6px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .blue .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 3px;
  }
  #bnr_area .block > a figure .orange {
    background-color: #F5AF7E;
    height: 66px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .orange .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 6px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .orange .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 3px;
  }
  /*    紫（パープル）    add justice */
  #bnr_area .block > a figure .purple {
    background-color: #A69ACA;
    height: 66px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .purple .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 6px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .purple .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 3px;
  }
  /*    薄いブルー    add justice */
  #bnr_area .block > a figure .lightblue {
    background-color: #7FCEF5;
    height: 66px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .lightblue .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 6px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .lightblue .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 3px;
  }
  /*    全面薄いブルー    add justice */
  #bnr_area .block > a figure .fulllightblue {
    background-color: #7FCEF5;
    height: 144px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .fulllightblue .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 28px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .fulllightblue .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 30px;
  }

  /*    下半分白    add justice */
  #bnr_area .block > a figure .BackWhite {
    background-color: #FFFFFF;
    height: 66px;
	width: 144px;
    position: absolute;
    bottom: 0;
  }
  #bnr_area .block > a figure .BackWhite .title {
    font-size: 10px;
    color: #464646;
    text-align: center;
    padding-top: 6px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .BackWhite .text {
    font-size: 8px;
    color: #464646;
    text-align: center;
    padding-top: 3px;
  }

  /*----- 全面タイルメニュー（白） -----*/
  #bnr_area .block > a figure .fullBackWhite {
    background-color: #FFFFFF;
    height: 144px;
	width: 144px;
    position: absolute;
    bottom: 0;
  }
  #bnr_area .block > a figure .fullBackWhite .title {
    font-size: 10px;
    color: #464646;
    text-align: center;
    padding-top: 28px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .fullBackWhite .text {
    font-size: 8px;
    color: #464646;
    text-align: center;
    padding-top: 30px;
  }

  /*    下半分イエロー    add justice */
  #bnr_area .block > a figure .yellow {
    background-color: #FDD35B;
    height: 66px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .yellow .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 6px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .yellow .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 3px;
  }
  /*    全面イエロー    add justice */
  #bnr_area .block > a figure .fullyellow {
    background-color: #FDD35B;
    height: 144px;
	width: 144px;
	position: absolute;
	bottom: 0;
  }
  #bnr_area .block > a figure .fullyellow .title {
    font-size: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 28px;
    font-weight: bold;
  }
  #bnr_area .block > a figure .fullyellow .text {
    font-size: 9px;
    color: #FFF;
    text-align: center;
    padding-top: 30px;
  }

  #bnr_area .block > a:hover {
    text-decoration: none;
  }
}
#info {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 50px 0;
  margin-top: 50px;
}
#info h2 {
  width: 120px;
  margin: 0 auto;
}
#info h2 img {
  width: 100%;
}
#info ul {
  display: table-cell;
  vertical-align: middle;
}
#info ul li {
  list-style: disc;
  margin: 20px 20px 5px 40px;
  list-style-position: outside;
  font-size: 12px;
}

/*----- マージントップ 50周年 -----*/
.marMemory50{
  margin-top: 5px;
}

/*------ トップページ リンクエリア ------*/
#topLink {
  position: relative;
  margin-bottom: 7px;
}
#topLink ul {
  margin-top: 20px;
  position: relative;
  z-index: 2;
  margin: 20px 10px;
}
#topLink ul li {
  float: left;
  width: 50%;
  padding: 5px;
  font-size: 11px;
  box-sizing: border-box;
}
#topLink ul li img{
  width: 100%;
  max-width: 226px;
}
#topLink ul li a:hover {
  text-decoration: none;
}
/*------ トップページ リンクエリア ------*/


footer {
  position: relative;
  margin-bottom: 7px;
}
footer ul {
  margin-top: 20px;
  position: relative;
  z-index: 2;
  margin: 20px 10px;
}
footer ul li {
  float: left;
  width: 50%;
  padding: 5px 0px;
  font-size: 11px;
  box-sizing: border-box;
}
footer ul li a:hover {
  text-decoration: none;
}

footer .f_line {
  text-align: center;
}
footer .f_line p {
  text-align: center;
  background: #EFEFEF;
  padding: 8px 5px;
  margin-top: 10px;
  line-height: 1.3;
}
footer .f_line p small {
  font-size: 9px;
}
footer .f_line p small span {
  font-size: 11px;
}
footer .f_out {
/*
  background: url(../img/frame/footer_frame.gif) no-repeat;
  -webkit-background-size: 50px 50px;
  background-size: 50px 50px;
*/
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: -7px;
  right: 0;
  z-index: 1;
}
#whiteout{
  width:72px;
  height:19px;
  position: absolute;
  top: 36px;
  right: 0;
  z-index: 11;
  background-color:#fff;
  opacity:0;
  display:none;
}
#whiteout:hover{
  opacity:0.5;
  cursor: pointer;
}

/***** .pc クラス非表示 *****/
.pc {
  display: none !important;
}

/*# sourceMappingURL=base_sp.css.map */

/*  200623追加  */
header {display: none;}
header h1 {width: 30%;max-width: 165px;line-height: 1;}
header h1 img {width: 100%;}