@charset "utf-8";

.blog_list_back{
    clear: both;
    background-color: #eeeeee;
}
.blogtittle {
   padding: .6em 0 0;
}

.container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px;
    //justify-content: center;
}
.block {
    position: relative;
    width: calc(50% - 10px);
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    
}

.image {
    width: 100%;
    height: auto;
    border-radius: 6px 6px 0 0;
}

.image2 {
    width: 100%;
    max-width:216px;
    height: auto;
}

.text {
    padding: 10px;
    padding-bottom: 12.5vw;
    background-color: #fff;
    border-radius: 0 0 6px 6px;
    font-size: 3.73vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.text2 {
    height: 16.7vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #333;
    font-weight: bold;
}


.blog_list_back .status {
    color: #ff0000;
    position: absolute;
    bottom: 10px;
    right: 10px;
    border: 2px solid #e2e2e2;
    background-color: #fff;
    padding: 1.2vw 2.5vw;
    text-align: center;
    line-height: 1;
    font-size: 3.2vw;
    font-weight: bold;
    border-radius: 4px;
}
.blog_list_back .status2 {
    color: #3A9DFF;
    position: absolute;
    bottom: 10px;
    right: 10px;
    border: 2px solid #e2e2e2;
    background-color: #fff;
    padding: 1.2vw 2.5vw;
    text-align: center;
    line-height: 1;
    font-size: 3.2vw;
    font-weight: bold;
    border-radius: 4px;
}
.blog_list_back .status3 {
    color: #2EA339;
    position: absolute;
    bottom: 10px;
    right: 10px;
    border: 2px solid #e2e2e2;
    background-color: #fff;
    padding: 1.2vw 2.5vw;
    text-align: center;
    line-height: 1;
    font-size: 3.2vw;
    font-weight: bold;
    border-radius: 4px;
}




/* blog記事list */

.blogtittle2 {
   padding: 16px 16px 0px 16px;
   text-align: left;
   font-size: 4.8vw;
}

.blogmemo {
   padding: 10px 20px 10px 20px;
   background: #f4f4f4;
   font-size:.8em;
}

/* リスト�?�スタイル */


.art_list{padding:1em; padding-bottom: 0;}
.art_list:hover{background: #f2f2f2;transition: all 0.3s .3s ease-in-out;position: relative;}
.art_list_link{position: relative;display: flex;border-bottom: #ccc 1px solid; padding-bottom: 1em;}
.blog_list_title{display: block;padding-right:2em; color: #333; margin-top: 1em;}


.date {
  font-size: 14px;
  color: gray;
  margin-right:.5em;
}

.limit-message {
  font-size: 2.7vw;
  color: #00F;
}

.title {
  font-size: 16px;
  font-weight: bold;
  display: block;
  width: 90%;
  
}

.link-mark2 {
  position: absolute;
  display: inline-block;
  padding: .3em;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.link-mark2::after {
  content: '';
  width: 10px;
  height: 10px;
  border-top: solid 2px #d6d6d6;
  border-right: solid 2px #d6d6d6;
  position: absolute;
  right: 10px;
  top: 0px;
  transform: rotate(45deg);
}




/* blog記事list */


/* blog記�? */
.blogtittle2 {
   //padding: 10px 20px 10px 20px;
   text-align: left;
}

.blogtittle3 {
    padding: 10px 10px 10px 10px;
    text-align: left;
    font-size: 1.3em;
    font-weight: bold;
}

.blogmemo {
   padding: 10px 20px 10px 20px;
   background: #f4f4f4;
}

.blogmemo2 {
    text-align: left;
    padding: 20px 20px 20px 20px;
    background: #f4f4f4;
    font-weight: bold;
    font-size: 1.2em;
}

/* blog記�? */


/* リスト�?�スタイル */
ul {
  list-style-type: none; /* リスト�?�マ�?�カーを非表示にする */
  padding: 0;
  margin: 5px 5px 5px 5px;
}

/* �?�?目のスタイル */
li {
  padding: 10px;
  background-color: #f4f4f4;
  border-bottom: 1px solid #ddd; /* �?目の下に罫線を表示 */
  position: relative; /* 相対�?な位置�?�? */
}

/* �?後�?��?目の罫線を非表示にする */
li:last-child {
  border-bottom: none;
}

/* 日付�?�スタイル */
.date {
  font-size: 2.7vw;
  color: #a9a9a9; /* 日付�?��?キストカラー */
}

/* タイトルのスタイル */
.title {
  color: #555; /* タイトルの�?キストカラー */
  font-size: 16px; /* タイトルのフォントサイズを調整 */
}

/* 終�?メ�?セージのスタイル */
.end-message {
  position: relative; /* 相対位置�?�? */
  left: 10px; /* 左からの距離 */
  color: red; /* �?キストカラー */
}
    
/* リンクマ�?�クのスタイル */
.link-mark::after {
  content: ''; /* 空のコン�?ン�? */
  position: absolute; /* 絶対位置�?�? */
  top: 50%; /* 上端からの距離を中央に */
  right: 10px; /* 右端からの距離 */
  transform: translateY(-50%); /* 垂直方向�?�中央�?�? */
  width: 0; /* �? */
  height: 0; /* 高さ */
  border-style: solid; /* �?界線�?�スタイル */
  border-width: 10px 0 10px 10px; /* 上右下左の�?界線�?��? */
  border-color: transparent transparent transparent #ccc; /* �?界線�?�色 */
}
    
/*------ペ�?�ジャー-------*/

.Pager {
    margin-top: 20px;
    padding: 25px 0 20px;
}

.Pager__head {
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
}

.Pager__head>span {
    font-size: 1.33333rem;
    vertical-align: -1px
}

.Pager__body {
    position: relative
}

.Pager__num {
    position: relative;
    line-height: .7;
    text-align: center;
    font-size: 4.2vw;
}
.Pager__num__previous,.Pager__num__next {
    position: absolute;
    top: 0;
	 background: #fff;
    cursor: default;
	 color: #333333;
	display: inline-block;
	 min-width: 2pc;
    margin: 0 1px;
    box-sizing: border-box;
    padding: 9px 7px 10px;
    font-weight: 700;
}
.Pager__num__previous {
    left: 0;
    padding-left: 40px;
}
.Pager__num__previous::after {
    content: '';
    width: 13px;
    height: 13px;
    border-top: solid 3px #d6d6d6;
    border-right: solid 3px #d6d6d6;
    position: absolute;
    left: 23px;
    top: 7px;
    transform: rotate(225deg);
}
.Pager__num__next {
    right: 0;
    padding-right: 40px;
}
.Pager__num__next::after {
    content: '';
    width: 13px;
    height: 13px;
    border-top: solid 3px #d6d6d6;
    border-right: solid 3px #d6d6d6;
    position: absolute;
    right: 23px;
    top: 7px;
    transform: rotate(45deg);
}

.Pager__num__current {
    background: #eeeeee;
    cursor: default
}

.Pager__num__current,.Pager__num__link {
    border: solid 1px #d6d6d6;
    border-radius: 4px;
    display: inline-block;
    min-width: 2pc;
    margin: 0 1px;
    box-sizing: border-box;
    padding: 9px 7px 10px;
    font-weight: 700
}

.Pager__num__link {
    background: #fff;
	color: #333333;		
}

.Pager__next,.Pager__prev {
    display: block;
    position: absolute;
    top: 10px;
    color: #5fb35f;
    font-weight: 700;
    line-height: 1.1
}

.Pager__next:before,.Pager__prev:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background: #5fb35f
}

.Pager__next:after,.Pager__prev:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    width: 0;
    height: 0
}

.Pager__prev {
    left: 25px;
    padding-left: 18px
}

.Pager__prev:before {
    left: 0
}

.Pager__prev:after {
    left: 1.5px;
    border: 2.5px solid transparent;
    border-right: 4px solid #fff
}

.Pager__next {
    right: 25px;
    padding-right: 18px
}

.Pager__next:before {
    right: 0
}

.Pager__next:after {
    right: 1.5px;
    border: 2.5px solid transparent;
    border-left: 4px solid #fff
}

body.pc .Pager__next:active,body.pc .Pager__next:hover,body.pc .Pager__num__link:active,body.pc .Pager__num__link:hover,body.pc .Pager__prev:active,body.pc .Pager__prev:hover {
    opacity: .6
}

a:hover.Pager__next,a:hover.Pager__prev,a:link.Pager__next,a:link.Pager__prev {
    display: block;
    position: absolute;
    top: 10px;
    color: #5fb35f;
    font-weight: 700;
    line-height: 1.1
}

.PageTitle {
    box-sizing: border-box;
    padding: 10px 35px;
    background: #5fb35f;
    color: #fff
}

.PageTitle__txt {
    font-size: 20px;
    line-height: 1.4
}

/*------ペ�?�ジャー共通色変更部�?のみ-------*/

.Pager__num__current-common {
    background: #B4B4B4;
    color: #fff;
    cursor: default
}

.Pager__num__current-common,.Pager__num__link-common {
    display: inline-block;
    min-width: 2pc;
    margin: 0 1px;
    box-sizing: border-box;
    padding: 9px 7px 10px;
    font-weight: 700
}

.Pager__num__link-common {
    background: #cfe8cf;
	color: #333333;		
}

.Pager__next-common,.Pager__prev {
    display: block;
    position: absolute;
    top: 10px;
    color: #5fb35f;
    font-weight: 700;
    line-height: 1.1
}

.Pager__next-common:before,.Pager__prev:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background: #5fb35f
}

.Pager__next-common:after,.Pager__prev:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    width: 0;
    height: 0
}



body.pc .Pager__next:active,body.pc .Pager__next-common:hover,body.pc .Pager__num__link-common:active,body.pc .Pager__num__link-common:hover,body.pc .Pager__prev:active,body.pc .Pager__prev:hover {
    opacity: .6
}

a:hover.Pager__next-common,a:hover.Pager__prev,a:link.Pager__next-common,a:link.Pager__prev {
    display: block;
    position: absolute;
    top: 10px;
    color: #5fb35f;
    font-weight: 700;
    line-height: 1.1
}

/*------ペ�?�ジャー共通色変更部�?のみ(end)-------*/

/* スタイルを追�? */
.dropdown {
  position: relative;
  display: inline-block;
  border: 2px solid #d6d6d6;
  border-radius: 4px;
  padding: 15px 15px;
  width: 80%;
  text-align: left;
  line-height: 1;
  box-shadow: 0px 2px 2px 0px #e5e5e5;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 8px 0;
  z-index: 1;
  width: 90%;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-content a {
  color: #333;
  display: block;
  padding: 6px 12px;
  text-decoration: none;
}

.dropdown-content a:hover {
  background-color: #f9f9f9;
}

.dropdown-name {
  //background-color: #f9f9f9;
  text-align: left;
  color: #b3b3b3;
}

.dropdown::after {
  content: "";
  border: solid #d6d6d6;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  margin-left: 5px;
  vertical-align: middle;
  transform: rotate(45deg);
  float: right; /* 右�?せにする */
  top: 50%; /* 上下中央に配置 */
}

/*------ボタン�?ザイン-------*/

.button001 a {
    background: #fff;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    padding: 20px 25px;
    color: #38a438;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    margin: 20px;
    border: 2px solid #38a438;
    font-weight: bold;
}
.button001 a:hover {
    background: #38a438;
    color: #FFF;
}
.button001 a:after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 3px solid #d6d6d6;
    border-right: 3px solid #d6d6d6;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 47%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button001 a:hover:after {
    border-color: #FFF;
}

.button002 a {
    background: #FF8106;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 20px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    margin: 20px;
    //border: 1px solid #38a438;
    font-weight: bold;
    max-width:240px;
}

.button002 a:hover {
    background: #FF8106;
    color: #FFF;
}

.sp-content .odds-condition .title, .sp-content h2.title.place_guid_h2 {
font-weight:normal;
//font-size: 13px;
//text-align: left !important;
//padding-left:.5em;
//line-height: 26px;
height: 26px;
color:#000000 !important;
//background-image: linear-gradient(180deg, #dbdbdb 0%, #bbb 100%) !important;
//background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #dbdbdb 100%) !important;
background-image: linear-gradient(180deg, #E9E6E6 0%, #E9E6E6 100%) !important;
background-image: -webkit-linear-gradient(top, #E9E6E6 0%, #E9E6E6 100%) !important;
background-color: #E9E6E6 !important;
margin-top: -1px;
}
span.place_guid {
display:inline-block;
padding-top:.5em;
margin-bottom:-.4em;
background-color: #ffffff;
width: 100%;
height:auto;
font-size: 12px;
}
span.place_guid ul{
display: flex !important;
flex-wrap: wrap;
background-color: #ffffff;
padding:0 .5em;
padding-bottom: .5em;
}
span.place_guid ul li{
border-radius:3px;
border:1px solid #efefef;
box-shadow:0px 1px 2px -1px #cccccc;
background: #efefef;
background: -moz-linear-gradient(top, #ffffff 0%, #efefef 50%, #efefef 51%, #efefef 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 50%,#efefef 51%,#efefef 100%);
background: linear-gradient(to bottom, #ffffff 0%,#efefef 50%,#efefef 51%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#efefef',GradientType=0 );
margin:2px !important;
}
.sp-content .u-news span.place_guid ul li {
width: auto;
margin-bottom:5px !important;
}
.sp-content .u-news span.place_guid li a {
display:block;
padding:.2em .5em;
padding-top: .3em;
}
span.place_guid div {
padding:0 .5em;
background: #f9f9f9;
margin-bottom:.5em;
}

.writing {
    padding: 10px 15px 10px 15px;
    text-align: left;
}
.writing p {
    margin-bottom: 1em;
    font-size: 4vw;
}

.info2 {
    width: auto;
    margin: 10px 20px;
    margin-bottom: 1.5em;
    padding: 20px;
    color: #666666;
    box-shadow: 0px 0px 2px 1px #ccc;
    border-radius: 3px;
    text-align: left;
}
.info2 b {
    margin-bottom: 5px;
}
.info-txt {
    margin-top: 10px;

}

/*------ペ�?�ジャー2-------*/

.Pager2 {
    margin-top: 20px;
    padding: 25px 0 20px;
}

.Pager__head2 {
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
}

.Pager__head>span {
    font-size: 1.33333rem;
    vertical-align: -1px
}

.Pager__body2 {
    position: relative
}

.Pager__num2 {
    position: relative;
    line-height: 1.1;
    text-align: center;
    font-size: 4.2vw;
}
.Pager__num__previous2,.Pager__num__next2 {
	position: absolute;
    top: 0;
	 background: #fff;
    cursor: default;
	 color: #333333;
	display: inline-block;
	 min-width: 2pc;
    margin: 0 1px;
    box-sizing: border-box;
    padding: 9px 7px 10px;
    font-weight: 700;
}

.Pager__num__previous2 {
    left: 0;
    padding-left: 40px;
}
.Pager__num__previous2::after {
    content: '';
    width: 13px;
    height: 13px;
    border-top: solid 3px #d6d6d6;
    border-right: solid 3px #d6d6d6;
    position: absolute;
    left: 23px;
    top: 7px;
    transform: rotate(225deg);
}
.Pager__num__next2 {
    right: 0;
    padding-right: 40px;
}
.Pager__num__next2::after {
    content: '';
    width: 13px;
    height: 13px;
    border-top: solid 3px #d6d6d6;
    border-right: solid 3px #d6d6d6;
    position: absolute;
    right: 23px;
    top: 7px;
    transform: rotate(45deg);
}
.Pager__num__current2 {
    background: #B4B4B4;
    color: #fff;
    cursor: default
}

.Pager__num__current,.Pager__num__link2 {
    display: inline-block;
    min-width: 2pc;
    margin: 0 1px;
    box-sizing: border-box;
    padding-top: 9px;
    font-weight: 700
}

.Pager__num__link2 {
    background: #fff;
	color: #333333;		
}

.Pager__prev2 {
    left: 25px;
    padding-left: 18px
}

.Pager__next2 {
    right: 25px;
    padding-right: 18px
}


.PageTitle2 {
    box-sizing: border-box;
    padding: 10px 35px;
    background: #5fb35f;
    color: #fff
}

/*------ペ�?�ジャー2共通色変更部�?のみ-------*/

.racecard {
    font-size: 3.73vw;
    font-weight: bold;
}
.racecard a {
    color: #0a72ef;
}

/*------アイコンを並べ�?-------*/

.container_art_ico {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    padding: 10px;
    border-radius: 5px;
    flex-wrap: nowrap;
}

.container_art_ico_text {
    margin-right: 10px;
    font-size: 16px;
    white-space: nowrap;
    display: flex;
    align-items: center;    
}

.container_art_ico_icons {
    display: flex;
    flex-wrap: nowrap;
}

.container_art_ico_icons img {
    width: 50px;
    height: 50px;
    margin-left: 5px;
}

.writing p a {
font-size: 3.73vw;
font-weight: bold;
color: #0a72ef;
}