@media print,
screen and (min-width:768px) {

 /*==============================================

	ＴＯＰページ表示テンプレート

==============================================*/

 /* 現地販売会(sublime不動産販売) */
 .open_room_1 {
  width: 780px;
  overflow: hidden;
  position: relative;
  /*調整のために入れています*/
  border: 1px solid #CCC;
 }

 .open_room_1:hover {
  background: #EEE;
 }

 .open_room_1_img {
  margin: 25px;
  float: left;
 }

 .open_room_1_img a {
  display: block;
 }

 .open_room_1_img img {
  max-width: 300px;
  height: auto;
 }

 .open_room_1_shosai {
  width: 410px;
  float: left;
 }

 .open_room_1_shosai div {}

 .open_room_1_title {
  width: 100%;
  font-size: 16px;
  text-align: center;
  background-color: #333;
  color: #FFF;
  padding: 5px 0;
 }

 .open_room_1_day,
 .open_room_1_access {
  font-size: 16px;
  text-align: left;
 }

 .open_room_1_day span,
 .open_room_1_access span {
  font-size: 14px;
  color: #F7AC04;
 }

 .open_room_1_more {
  color: #FFFFFF;
  line-height: 35px;
  text-align: center;
  font-size: 14px;
  background: #333;
 }

 .open_room_1_more a {
  color: #FFFFFF !important;
  text-decoration: none !important;
 }

 /* インフォメーション(ixio) */
 .info_1 {
  width: 200px;
  height: 390px;
  border: 1px solid #D0D8DC;
 }

 .info_1 h2 {
  width: 90%;
  margin: 0 auto 10px;
  padding: 10px 0 0 0;
  color: #7692C3;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  border-bottom: 2px solid #7692C3;
 }

 .info_1 ul {
  height: 345px;
  overflow: auto;
  margin: 0;
  padding: 0;
  list-style: none;
 }

 .info_1 ul li {
  position: relative;
  padding: 10px;
  border-bottom: 1px dashed #333;
 }

 .info_1 ul li a {
  display: block;
  font-size: 12px;
  color: #333;
  text-decoration: none;
  line-height: 16px;
 }

 .info_1 ul li span {
  font-weight: bold;
 }

 .info_1 ul li p {}

 /* インフォメーション(第一ハウジング　) */
 .info_2 {
  width: 380px;
  overflow: hidden;
  border: 1px solid #EEE;
 }

 .info_2_topwrap {
  background: #EEE;
  padding: 5px;
  position: relative;
 }

 .info_2_topwrap .info_2_tl {}

 .info_2_topwrap .info_2_tl_english {}

 .info_2_topwrap p {
  position: absolute;
  top: 2px;
  right: 5px;
  font-family: メイリオ;
  font-size: 10px;
 }

 .info_2_left {
  background: url(../img/info_2_bg.jpg) top left no-repeat;
  width: 380px;
  height: 270px;
  float: left;
 }

 .info_2_right {
  background: url(../img/info_2_bg.jpg) top left no-repeat;
  width: 380px;
  height: 270px;
  float: right;
 }

 .info_2_left_inner {
  overflow: hidden;
  height: 245px;
  width: 375px;
  margin: 12px auto 0 auto;
 }

 .info_2_left_inner iframe {
  overflow-y: auto;
  overflow-x: hidden;
  height: 244px !important;
  width: 375px !important;
  margin: 0 auto;
 }

 .info_2_top_wrap {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
 }

 .info_2_top {
  width: 360px;
 }

 .info_2_top ul {
  width: 360px;
  height: 227px;
  margin: 0;
  padding: 0;
 }

 .info_2_top ul li {
  margin: 10px 5px 0 5px;
  padding: 0 0 10px 0;
  list-style: none;
  overflow: hidden;
  height: auto;
  border-bottom-color: #eee;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
 }

 .s_info_2_date {
  width: 100%;
  margin: 0px 0 0 0;
  padding: 0;
  text-align: left;
  font-size: 12px;
  line-height: 18px;
 }

 .s_info_2_img {
  margin: 0;
  padding: 0;
  float: left;
  display: table-cell;
  vertical-align: middle;
 }

 .s_info_2_img img {
  margin: 0;
  padding: 0;
  max-width: 60px;
  max-height: 60px;
 }

 .s_info_2_text {
  width: 290px;
  float: right;
  text-align: left;
  height: auto;
  overflow: hidden;
 }

 .s_info_2_text p {
  margin: 0 2px 0 5px;
  padding: 0;
  font-size: 12px !important;
  line-height: 16px;
  height: 17px;
  color: #0000EC;
  text-decoration: underline;
 }

 .s_info_2_text p a {
  color: #00418D !important;
 }

 .s_info_2_text p a:hover {
  font-weight: bold !important;
 }

 .info_2_inner_wrap {
  width: 360px;
  margin: 0 auto;
  padding: 10px 5px;
  text-align: left;
  position: relative;
 }

 .info_2_inner_wrap a {}

 .info_2_right_inner {
  width: 380px;
  height: 400px;
  overflow: auto;
  margin: 0 auto;
 }

 .info_2_day {
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  color: #333333;
  font-size: 11px;
  text-align: center;
 }

 .info_2_txt {
  width: 235px;
  display: inline-block;
  padding: 5px 0 5px 10px;
  vertical-align: middle;
  border-left: solid 2px #C1C1C1;
  font-size: 12px;
 }

 .info_2_txt a {
  display: block;
  color: #00418D;
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
 }

 .info_2_txt a:hover {
  text-decoration: underline;
 }

 .info_2_txt p {
  font-size: 10px;
  color: #333333;
  line-height: 12px;
  margin: 10px 0 0 0;
 }

 .info_2_tl {
  display: inline-block;
  vertical-align: middle;
  font-family: メイリオ;
  font-size: 16px;
 }

 .info_2_tl_english {
  color: #00418D;
  font-size: 10px;
  font-family: メイリオ;
  display: inline-block;
  vertical-align: middle;
 }

 .info_2_waku {
  text-align: left;
  text-indent: 7px;
  padding: 12px 0 0 0;
  position: relative;
 }

 .info_2_waku p {
  position: absolute;
  top: 2px;
  right: 5px;
  font-family: メイリオ;
  font-size: 10px;
 }

 /* インフォメーション(イエス) */
 .info_3 {
  width: 340px;
  height: 360px;
  overflow: auto;
  border: 1px solid #CCC;
 }

 .info_3 ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
 }

 .info_3 ul li {
  padding: 10px 0;
  border-bottom: 1px solid #EEEEEE;
  overflow: hidden;
  position: relative;
 }

 .info_3_left {
  width: 53%;
  float: left;
  font-size: 12px;
  margin-left: 5px;
  font-weight: bold;
 }

 .info_3_left_txt {
  font-size: 14px;
  line-height: 24px;
 }

 .info_3_right {
  width: 40%;
  float: right;
  margin-right: 5px;
 }

 .info_3_right img {
  max-width: 100%;
  height: auto;
 }

 .info_4 {
  width: 500px;
  height: 500px;
  overflow-y: scroll;
 }

 .info_4 ul {
  margin: 0;
  padding: 0;
 }

 .info_4 li {
  font-size: 14px;
  border-bottom: 1px dashed #333;
  visibility: visible !important;
  color: #333;
  line-height: 24px;
 }

 .info_4 li:last-child {
  border: none;
 }

 .info_4 a {
  display: block;
  overflow: hidden;
  padding: 10px;
  text-decoration: none;
 }

 .info_4 a:hover {
  background: #EEE;
 }

 .info_4_intro {
  overflow: hidden;
  margin-bottom: 5px;

 }

 .info_4_intro span {
  float: left;
  display: block;
  margin-right: 10px;
  line-height: 20px;
  font-weight: bold;
  color: #333;
 }

 .info_4_intro b {
  float: left;
  display: block;
  background: #051143;
  padding: 0 10px;
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
 }

 .info_4_img {
  float: left;
  width: 90px;

 }

 .info_4_img img {
  max-height: 67px;
  max-width: 90px;
  width: auto;

 }

 .info_4_txt {
  float: right;
  width: 365px;
 }

 .info_4_txt b {
  color: #051143;
  display: block;
  margin-bottom: 5px;
 }

 .info_4_txt p {
  margin: 0;
  padding: 0;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
 }

 /* お客様の声(ホームリスト) */
 .voice_1 {
  width: 780px;
  border: 1px solid #DDD;
  overflow: hidden;
  list-style: none;
 }

 .voice_1 ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
 }

 .voice_1 ul li {
  width: 48%;
  float: left;
  padding: 1%;
  position: relative;
 }

 .voice_1 ul li:hover {
  background: #EEE;
 }

 .voice_1 ul li div.voice_1_left {
  float: left;
  margin-right: 10px;
 }

 .voice_1 ul li div.voice_1_left img {
  max-width: 110px;
 }

 .voice_1 ul li div.voice_1_right {
  font-size: 12px;
 }

 .voice_1 ul li div.voice_1_right p {
  margin: 0;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
 }

 /* 不動産チラシ(ダイトー) */
 .chirashi_1 {
  width: 780px;
  overflow: hidden;
 }

 .chirashi_1 ul {
  margin: 0;
  padding: 0;
  list-style: none;
 }

 .chirashi_1 ul li {
  width: 175px;
  height: 145px;
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 5px;
  font-size: 14px;
  text-align: center;
  border: 1px solid #CCC;
  border-radius: 3px;
  position: relative;
 }

 .chirashi_1 ul li img {
  margin: 5px 0;
 }

 .chirashi_1 ul li a {
  font-size: 14px !important;
 }

 .chirashi_1 ul li:nth-child(4n) {
  margin-right: 0 !important;
 }

 .chirashi_1 ul li img {
  max-width: 175px;
 }


 /* 物件表示(アルアール) */
 .bukken_1 {
  overflow: hidden;
  width: 780px;
  margin-bottom: 15px;
  border: 1px dotted #CCC;
 }

 .bukken_1_inbox {
  overflow: hidden;
  margin: 10px 0;
 }

 .bukken_1_h2 {
  font-size: 16px;
  width: 100%;
  font-weight: bold;
  line-height: 30px;
  border-bottom: 2px solid #808080;
 }

 .bukken_1_detail_main_l {
  margin-right: 10px;
  float: left;
 }

 .bukken_1_detail_main_l img {
  max-width: 250px;
  vertical-align: bottom;
  padding: 5px;
  margin: 10px;
  border: 1px solid #CCC;
 }

 .bukken_1_comment_l {
  font-size: 12px;
  color: #DC143C;
  font-weight: bold;
  line-height: 18px;
  margin: 0px;
 }

 .bukken_1_inbox table {
  width: 100%;
 }

 .bukken_1_inbox table tr td {
  font-size: 12px;
  text-align: left;
  line-height: 20px;
 }

 .bukken_1_inbox table tr td img {
  line-height: 30px;
  vertical-align: middle;
 }

 .bukken_1 .price {
  font-size: 18px;
  font-weight: bold;
  color: #FF0000;
 }

 .bukken_1 .typeplace {
  padding-right: 10px;
 }

 /* 物件表示(第一ハウジング マンスリーTOP) */
 .bukken_2 {
  overflow: hidden;
  width: 780px;
  margin-bottom: 15px;
  border: 1px dotted #CCC;
 }

 .bukken_2_inbox {
  overflow: hidden;
  margin: 10px;
 }

 .bukken_2_h2 {
  font-size: 16px;
  width: 100%;
  font-weight: bold;
  line-height: 30px;
 }

 .bukken_2_h2 a {
  color: #0000FF !important;
  text-decoration: underline !important;
  font-weight: normal !important;
 }

 .bukken_2_h2 a:hover {
  font-weight: bold !important;
 }

 .bukken_2_detail_main_l {
  width: 212px;
  height: auto;
  overflow: hidden;
  text-align: center !important;
 }

 .bukken_2_detail_main_l img {
  max-width: 180px;
  max-height: 170px;
  vertical-align: bottom;
  padding: 5px;
  margin: 10px;
  border: 1px solid #CCC;
 }

 .bukken_2_comment_l {
  font-size: 12px;
  color: #015EAC;
  font-weight: normal;
  line-height: 18px;
  margin: 0px;
  padding: 5px 10px;
  background: #F2F7FB;
  text-align: left;
 }

 .bukken_2_comment_l div {
  color: #0075C1 !important;
  display: block;
  margin: 3px;
  padding: 0;
  font-weight: bold;
 }

 .bukken_2_comment_l b {
  color: #DC320B !important;
  font-size: 14px !important;
  line-height: 18px;
  display: block;
 }

 .bukken_2_inbox table {
  width: 100%;
 }

 .bukken_2_inbox table tr td {
  font-size: 12px;
  text-align: left;
  line-height: 22px;
 }

 .bukken_2_inbox table tr td img {
  line-height: 30px;
  vertical-align: middle;
 }

 .price {
  font-size: 18px;
  font-weight: bold;
  color: #FF0000;
 }

 /* 物件表示(第一ハウジング 総合TOP) */
 .bukken_3 {
  overflow: hidden;
  width: 780px;
  margin-bottom: 15px;
 }

 .bukken_3 ul {
  display: inline-block;
  width: 250px;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 12px;
  list-style: none;
  vertical-align: top;
  position: relative;
  background-color: #FFF;
  border: 1px solid #CCCCCC;
 }

 .bukken_3 ul:hover {
  background: #F0F0F0;
 }

 .bukken_3 ul li {
  text-align: left;
  padding: 5px;

 }

 li.b3_1_img img {
  margin: 0px;
  max-width: 220px;
  max-height: 160px;
  display: block;
  margin-left: auto;
  margin-right: auto;
 }

 li.b3_1_yachin font {
  background: #090866;
  color: #fff;
  line-height: 25px;
  text-align: center;
  font-size: 11px !important;
  padding: 0 5px !important;
  margin: 0 5px 0 0px !important;
 }

 li.b3_1_yachin span {
  color: #FF0000;
  font-size: 16px;
  font-weight: bold;
 }

 li.b3_1_com span {
  display: block;
  text-align: left;
  text-indent: 10px;
  padding: 2px 0;
  color: #FFFFFF;
  background: #090866;
  font-size: 13px;
 }

 li.b3_1_com p {
  margin: 0 0 10px 0;
  padding: 5px;
  background: #F0F0F0;
  font-size: 11px;
  height: 72px;
 }

 /* 物件表示(大和興産) */
 .bukken_4 {
  overflow: hidden;
  width: 780px;
  margin-bottom: 15px;
 }

 .bukken_4 ul {
  float: left;
  width: 176px;
  margin-right: 10px;
  padding: 0;
  text-align: left;
  list-style: none;
  position: relative;
 }

 .bukken_4 ul:hover {
  background: #F0F0F0;
 }

 .bukken_4 ul li {
  text-align: left;
  padding: 5px;
  font-size: 12px;

 }

 li.b4_1_img img {
  margin: 0px;
  max-width: 170px;
  max-height: 160px;
  display: block;
  margin-left: auto;
  margin-right: auto;
 }

 /*open_room_2*/
 .open_room_2 {
  width: 365px;
  background-color: #FFF;
  float: left;
  position: relative;
  /*box-shadow*/
  box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
  -webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
  -moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
  /*ボックスのデザイン*/
  padding: 10px;
  border: 1px solid #ccc;
  text-align: center;
  margin: 0px 10px 10px 0px;
 }

 .open_room_2:hover {
  background-color: #EEE;
 }

 .open_room_2 .areabox {
  width: 360px;
  margin: 0 auto;
  padding: 0;
  background: url(/img/open_room_areabar.jpg) repeat-x;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #FFF;
  font-size: 10px;
 }

 .open_room_2 .address_box {
  width: 360px;
  margin: 5px auto;
  padding: 0;
  text-align: left;
 }

 .open_room_2 .address_box a {
  font-size: 15px;
  color: #3D79B6;
  text-align: left;
  font-weight: bold;
 }

 .open_room_2 .time_box {
  width: 360px;
  margin: 5px auto;
  padding: 0;
  font-size: 15px;
  color: #CC262C;
  text-align: left;
  font-weight: bold;
 }

 .open_room_2 .access_box {
  width: 360px;
  margin: 5px auto;
  padding: 0;
  text-align: left;
  overflow: hidden;
 }

 .open_room_2 .access_box_l {
  width: 260px;
  float: left;
  padding: 0;
  color: #595959;
  font-size: 12px;
 }

 .open_room_2 .access_box_r {
  width: 100px;
  float: right;
  padding: 0;
 }

 .open_room_2 .access_box_r a {
  background: #3D79B6;
  color: #FFF;
  font-size: 13px;
  text-decoration: none;
  padding: 7px 10px;
  display: block;
 }

 .open_room_2 .access_box_r a:hover {
  background: #CC262C;
 }

 .open_room_2 .sites_main {
  width: 365px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
 }

 .open_room_2 .site_left {
  width: 350px;
  float: left;
  margin: 0px;
 }

 .open_room_2 .site_left_l {
  width: 15px;
  float: left;
  margin: 0px;
 }

 .open_room_2 .site_left_r {
  width: 330px;
  float: left;
  margin: 0px;
 }

 .open_room_2 .myCarousel {
  margin: 0px 0px 0px 0px;
  padding: 0px;
 }

 .open_room_2 .myCarousel li {
  width: 157px;
  margin: 0px 8px 0px 8px;
  list-style: none;
  float: left;
 }

 :root * > .open_room_2 .myCarousel li {
  width: 157px;
  margin: 0px 4px 0px 4px;
  list-style: none;
  float: left;
 }

 .open_room_2 .myCarousel li img {
  max-width: 140px;
 }

 /*open_room_3*/
 .open_room_3 {
  width: 780px;
  margin: 0;
  padding: 0;
 }

 .open_room_3 .open-room-01 {
  font-size: 15px;
  font-weight: normal;
  text-align: center;
  line-height: 30px;
  margin: 8px 0 0 0;
  padding: 0;
  background: #333;
  color: #FFF;
 }

 .open_room_3 .open-room-01 a {
  color: #FFF;
  font-size: 15px;
  font-weight: normal;
  text-align: center;
  line-height: 30px;
  margin: 0;
  padding: 0;
  background: #888;
  display: block;
 }

 .open-img01 {
  width: 310px;
  float: left;
 }

 .open-img01 img {
  max-width: 300px;
  height: auto;
  padding: 2px;
  border: #CCC 1px solid;
 }

 .open_room_3 .open-room-02 {
  width: 460px;
  float: right;
 }

 .open_room_3 .open-room-03 {
  font-size: 15px;
  color: #333333;
  margin: 0 0 5px 0;
  overflow: hidden;
 }

 .open_room_3 .open-room-03 p {
  margin: 0;
  padding: 0;
 }

 .open_room_3 .open-room-03 b {
  float: left;
  display: block;
  margin-right: 20px;
 }

 .open_room_3 .open-room-03 img {
  float: left;
 }

 .open_room_3 .open-room-03 span {
  float: left;
  font-size: 15px;
 }

 .open_room_3 .open-room-04 {
  height: 180px;
  background: #EEE;
  margin: 0;
  padding: 10px;
  clear: both;
 }

 .open_room_3 .open-room-04 p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
 }

 .open_room_3 .open-room-05 {
  margin: 0px auto;
 }

 .open_room_3 .open-room-05 a {
  background: #3D79B6;
  color: #FFF;
  font-size: 18px;
  text-decoration: none;
  padding: 5px 10px;
  display: block;
  text-align: center;
 }

 .open_room_3 .open-room-05 a:hover {
  background: #CC262C;
 }

 .open_room_3 .open-room-06 {
  display: block;
  width: 100%;
  margin: 10px 0;
  padding: 0;
  overflow: hidden;
 }

 /*open_room_4*/
 .open_room_4 {
  border: 1px solid #DCDCDC;
  width: 760px;
  overflow: hidden;
  padding: 10px;
  text-align: left;
  background-color: #FFF;
 }

 .open_room_4:hover {
  background: #F0F0F0;
 }

 .open_room_4_img {
  max-width: 260px;
  margin: 0px auto;
  padding: 15px 0px 15px 10px;
  float: left;
 }

 .open_room_4_img img {
  max-width: 250px;
 }

 .open_room_4_img a {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
 }

 .open_room_4_madori {
  margin: 0px auto;
  padding: 15px 0px 0px 10px;
  text-align: center;
  float: left;
 }

 .open_room_4_madori img {
  max-width: 140px;
 }

 .open_room_4_row {
  width: 340px;
  margin: 15px 0 0 10px;
  padding: 0;
  float: right;
 }

 .open_room_4_name {
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  color: #775C41;
  font-weight: bold;
 }

 .open_room_4_name a {
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  color: #775C41;
  font-weight: bold;
  text-decoration: underline;
 }

 .open_room_4_name a:hover {
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  color: #FFBF00;
  font-weight: bold;
  text-decoration: underline;
 }

 .open_room_4_kakaku {
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  text-align: left;
  font-size: 28px;
  line-height: 35px;
  color: #FF0000;
  font-weight: bold;
 }

 .open_room_4_info {
  margin: 10px 0;
  padding: 0;
  font-size: 14px;
  line-height: 22px;
 }

 .open_room_4_com {
  padding: 5px;
  overflow: hidden;
  text-align: left;
  font-size: 13px;
  line-height: 18px;
  color: #000;
  background-color: #FFF0CD;

 }

 .open_room_4_com p {
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
 }

 .open_room_4_staff {
  margin: 88px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 85px;
  height: 120px;
  text-align: left;
  font-size: 13px;
  line-height: 18px;
  color: #000;
  float: left;
 }

 /* top_display */
 .top_display {
  position: relative;
 }

 .top_display a.all_click {
  width: 100%;
  display: block;
  overflow: hidden;
 }

 .top_display a.all_click:hover {
  background: rgba(25, 25, 25, 0.1);
 }


 /* インフォメーション　シンプルver 171003山村追加 */

 .top_open_wrap171003 {
  margin: 300px auto;

 }


 .top_open_01 ul {
  list-style: none;
  margin: 0;
  padding: 0;
 }

 body {
  margin: 0;
  padding: 0;
 }


 .top_open_01_wrap {
  width: 190px;
  border: 1px #CCC solid;
  padding: 5px;
 }

 .top_open_01_tl {

  text-align: center;
  font-weight: bold;
  background-color: #EEE;
  padding: 5px;
  font-size: 18px;
 }

 .top_open_01_txt {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  margin: 5px auto auto auto;
  height: 251px;
  /* 自由に変更可能！ */

  overflow-y: auto;

 }

 .top_open_01_txt iframe {

  display: block;
  width: 100%;
  height: 100%;
  border: none;
 }

 .top_open_01_memo {

  font-size: 12px;
  margin: 20px auto;
 }

 /* iframeの中身ここから！！ */


 .top_open_01 {
  font-size: 12px;

 }

 .top_open_01 ul {

  list-style: none;
  margin: -10px 0 0 0;
  ;
  padding: 0;
 }

 .top_open_01 li {

  border-bottom: 1px dashed #999;
  padding: 10px 0;
  overflow: hidden;
  position: relative;
 }

 .top_open_01 li:last-child {
  border: none;
 }

 .top_open_01 li span {

  font-weight: bold;
 }

 .top_open_01 li a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 }

 .top_open_01 li:hover {
  background-color: #EEE;
 }

 .top_open_01 li a p {
  margin: 0;
  padding: 0;
  left: 0;
  top: 29px;
  position: absolute;
  font-weight: bold;
  color: red;

 }

 .top_open_01 li div {
  margin: 20px auto auto auto;

 }

 /* iframeの中身ここまで！！ */
 body {
  margin: 0;
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "?l?r ?o?S?V?b?N", "MS PGothic", sans-serif !important;
 }

 ul {
  margin: 0;
  padding: 0;
  list-style: none;
 }

 .ticker {
  position: absolute;
  top: 0;
  left: 0;
  width: 793px;
  height: 100% !important;
  line-height: 60px;
  font-size: 17px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
 }

 .ticker a {
  color: #333333;
 }

 .ticker a:hover {
  color: #fe5339;
 }



 .ticker ul {
  width: 100%;
  position: relative;
  margin: 0px;
  padding: 0px;
 }

 .ticker ul li {
  width: 100%;
  display: none;
  font-weight: bold;
 }

 .ticker ul li a span {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-line-clamp: 1;
  overflow: hidden;
  white-space: nowrap;

 }




 @media screen and (min-width: 140px) {

  .top_open_01 {
   font-size: 12px;

  }

  .top_open_01 ul {

   list-style: none;
   margin: -10px 0 0 0;
   ;
   padding: 0;
  }

  .top_open_01 li {
   background: #FFF;
   border-bottom: 1px dashed #999;
   padding: 10px 5px;
   overflow: hidden;
   position: relative;
  }

  .top_open_01 li:last-child {
   border: none;
  }

  .top_open_01 li span {
   display: block;
   font-weight: bold;
   color: #006621;
  }

  .top_open_01 li a {
   display: block;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   text-decoration: none;
  }

  .top_open_01 li:hover {
   background-color: #EEE;
  }

  .top_open_01 li a p {
   margin: 0;
   padding: 0;
   left: 5px;
   top: 29px;
   position: absolute;
   font-weight: bold;
   color: #1a0dab;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 100%;
   overflow: hidden;
  }

  .top_open_01 li div {
   margin: 20px auto auto auto;

  }

  .top_open_l {
   float: left;
   width: 60px;

  }

  .top_open_l div {
   margin-top: 0px !important;
  }

  .top_open_l img {
   width: 100%;
  }

  .top_open_r {
   float: right;
   width: 94px;
   margin-top: 0px !important;
  }

  .top_open_r div {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   height: 54px;
   overflow: hidden;
   color: #333;
  }

  .top_open_r > div {
   margin-top: 0 !important;

  }
 }


}