#joc_content{width:1200px;margin:0 auto;background:white;padding:0px 0 100px;font-size:18px;line-height:1.85em;}

/* ジョッキー サムネイル*/
ul.jockey_thumb_e{display:flex;flex-wrap:wrap;margin:20px;width:calc(100% - 40px;);padding:0px;}
ul.jockey_thumb_e li{width:calc(100%/6 - 6px);margin:2px;list-style-type:none;border:1px solid #002763;;background:white;line-height:1.4em;}
ul.jockey_thumb_e li a{display:block;opacity:.5;font-size:17px;color:black;height:50px;padding:5px 5px 5px 10px;overflow:hidden;text-decoration:none;}
ul.jockey_thumb_e li img{width:50px;height:50px;float:right;margin-left:10px;}
ul.jockey_thumb_e li span{display:block;font-size:12px;margin-top:2px;}
ul.jockey_thumb_e li span.jockeyname{font-size:17px;margin-top:0;}
ul.jockey_thumb_e li a:hover{opacity:1;}
ul.jockey_thumb_e li a.active{color:black !important;opacity:1;}
ul.jockey_thumb_e_fr li{width:calc(100%/4 - 6px)!important;}

ul.jockey_thumb2 li{border:1px solid green;}
/* ジョッキー スライド*/
ul.jockey_list_e{width:1200px;margin:0px;position: relative;font-feature-settings:"palt";}
ul.jockey_list_e li{width:235px;height:300px;padding-bottom:display:block;background:#aaa;margin:0 -240px 0 240px!important;}
ul.jockey_list_e li h3{font-weight:normal;font-size:14px;background:none;color:black;margin:0px;padding:5px 0 ;line-height:1.2em;}
ul.jockey_list_e li h3 br{display:none;}
ul.jockey_list_e li h2{font-size:20px;line-height:1.2em;margin:0px;padding:0px;border:none;}
ul.jockey_list_e li h2 span{font-size:14px;font-weight:normal;margin-left:10px;}
ul.jockey_list_e li a p{display:block;background:black;color:white;text-align:center;width:calc(100% - 20px);margin:10px;padding:0px 0;font-size:18px;text-decoration:none;position:relative;}
ul.jockey_list_e li a p::after{content:'';display:inline-block;width:10px;height:20px;background:url(subimg/jockey/ya01.png) no-repeat;position:absolute;top:6px;right:10px;background-size:contain;line-height:1em;}
ul.jockey_list_e li a:hover{opacity:1}
ul.jockey_list_e li a p:hover,
ul.jockey_list_e li a img:hover{opacity:.8;}
ul.jockey_list_e li img{width:56%;height:auto;margin:5px auto;}

ul#jockey_list li:nth-child(2n-1){background:#d4e6ff;}
ul#jockey_list li:nth-child(2n){background:#b4c6e7;}

ul#jockey_list2 li:nth-child(2n-1){background:#e6ffd4;}
ul#jockey_list2 li:nth-child(2n){background:#c6e0b4;}

/* ジョッキー モーダル*/
.modal-content {position:fixed;display:none;z-index:999;width:710px;margin:0 0 0 50px;padding:20px 20px;border:none;background:#fff;-webkit-backface-visibility: hidden;-webkit-font-smoothing: antialiased;}
.modal-content > div {margin:0;padding:0;float:left;width:400px;}
.modal-content div h3{font-weight:normal;margin-left:0px;font-size:20px;padding:5px 0;}
.modal-content div h3 br{display:none;}
.modal-content div h2{margin:0 0 0 0px;font-size:30px;border-bottom:1px solid #002763;padding-bottom:5px;margin-bottom:10px;}
.modal-content div h2 span{font-size:16px;font-weight:normal;margin-left:10px;}
.modal-content div table{margin:0 0 10px 0px;font-size:15px;width:100%;line-height:1.6em;}
.modal-content div table th{text-align:left;padding:5px 20px 5px 5px;}
.modal-content div table td{padding:5px;}
.modal-content div table td span{font-size:12px;}
.modal-content div h4{margin:0 0 0 0;font-size:18px;background:#002763;color:white;width:60px;text-align:center;padding:0px 0;}
.modal-content div p{margin:0 0 0 0;border:1px solid #002763;width:calc(100% - 22px);padding:5px 10px;font-size:14px;line-height:1.4em;}
.modal-content img {margin:0 20px;float:right;}

.modal-content div div p{padding:0px;margin:0px;}

.modal-overlay {z-index:1;display:none;position:fixed;top:0;left:0;width:100%;height:120%;background-color:rgba(0,0,0,0.75);}
.modal-open:hover {cursor:pointer;}
a.modal-close {position:absolute;top:0px;right:0px;background:black;color:white;height:30px;line-height:30px;width:30px;text-align:center;font-size:30px;}
a.modal-close:hover {cursor:pointer;}

#joc_content img.crown_t {width:30px;height:24px;margin:0 35px 0 0;}
#joc_content ul.jockey_thumb_e_fr img.crown_t {margin:0 140px 0 0;}
#joc_content img.crown_p {width:37px;height:30px;margin:0 -50px 0 50px;float:left;}

#joc_content h2.narjra{font-size:30px;padding: 0 0 5px;}

@media all and (min-width: 0px) and (max-width: 767px) {
#joc_content{width:100%;font-size:18px;line-height:1.85em;padding:0px 0 0px;}

ul.jockey_thumb_e{margin:20px 5px;width:calc(100% - 10px);padding:0px;}
ul.jockey_thumb_e li{width:calc(100%/5 - 4px);margin:1px;}
ul.jockey_thumb_e li a{font-size:11px;height:25px;line-height:1.2em;padding:2px 2px 2px 2px;position:relative;}
ul.jockey_thumb_e li span{margin-top:0px;font-size:10px;position:absolute;}
ul.jockey_thumb_e li span.jockeyname{font-size:11px;}
ul.jockey_thumb_e li img{width:25px;height:25px;margin:0px;opacity:.4;}
ul.jockey_thumb_e_fr li{width:calc(100%/4 - 4px)!important;}

ul.jockey_list_e li{margin:0!important;height:calc(100vw/3 + 110px);}
ul.jockey_list_e li h3{font-size:12px;line-height:1.3em;text-align:left;padding-left:10px;}
ul.jockey_list_e li h3 br{display:block;}
ul.jockey_list_e li h2{font-size:17px;}
ul.jockey_list_e li h2 span{display:block;font-size:12px;margin:0;}
ul.jockey_list_e li a p{width:85%;padding:3px 0;font-size:12px;line-height:1.65em;}
ul.jockey_list_e li a p:after{width:5px;height:10px;top:8px;right:2px;background-size:contain;}

.modal-content {width:calc(80% - 20px);padding:10px;;margin:20px 0 0 0;}
.modal-content div {width:100%;}
.modal-content div h3{font-weight:normal;margin:0px;font-size:14px;padding:0 5px;line-height:1.6em;text-align:left;}
.modal-content div h2{margin:0;font-size:24px;width:100%;padding:0px;}
.modal-content div table{margin-top:calc(60vw + 15px);width:100%;line-height:1.3em;}
.modal-content div table th{font-size:10px!important;padding:1px;}
.modal-content div table th, .modal-content div table td{padding:1px 3px;}
.modal-content div table td span{font-size:10px;}
.modal-content img {position:absolute;top:75px;left:14%;width:55%;height:auto;display:block;}

.modal-content div h4{margin:10px 0 0;font-size:12px;width:50px;transform: skew(0deg);padding:3px 0;line-height:1.4em;}
.modal-content div p{margin:0;width:calc(100% - 8px);font-size:11px;line-height:1.3em;padding:3px;}

a.modal-close {top:0px;right:-30px;}

#joc_content img.crown_t {width:15px;height:12px;margin:0 1px 0 0;}
#joc_content ul.jockey_thumb_e_fr img.crown_t {margin:0 15px 0 0;}
#joc_content img.crown_p {width:25px;height:20px;margin:2px 0 0 0;float:left;top:36px;left:8px;position:absolute;}

#joc_content h2.narjra{font-size:25px;padding: 0 0 0;}
}