@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/

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


#header{height:80px;background:url(../img/feature/feature_head.jpg) center bottom repeat-x;background-size:cover;position:relative;}
#header .data_area {position:absolute;right:20px;top:10px;}
#header .logo{width:160px;display:block;position:absolute;top:5px;left:50%;margin-left:-80px;}
#header h1{margin:0;}


.flow_list{font-size:15px;margin-bottom:0px;}
.flow_list a{color:#1c6512;}

h2{margin-bottom:40px;}

#content h2{color:#1c6512;font-weight: bold;font-size:30px;position:relative;margin-top:30px;margin-bottom:30px;padding-top:10px;z-index:2;line-height:1;}
#content h2 span{font-weight: bold;}
#content .twoline_pc h3{float:none;width:385px;}
#content h2 .num{font-size:50px;font-style: italic;font-family: 'PT Serif', serif;line-height:1;margin-right:0.2em;}

#content h3{color:#1c6512;font-weight:bold;font-size:23px;border-bottom:1px solid #1c6512;display:inline-block;margin:30px 0 10px;}

#content{padding:40px 0 100px;}
#content .inner_centering{width:900px;}
#content p{word-wrap: break-word;}

.table_wrapper{border-radius:10px;background-color:#fffffd;border:1px solid #ddd;margin-bottom:2em;overflow:hidden;}
table{width:100%;}
table{border-collapse:collapse;}
table tr{}
table th{border-right:1px solid #ddd;border-top:1px solid #ddd;padding:15px 20px;background-color:#fffff2;}
table td{border-top:1px solid #ddd;padding:15px 20px;}
table tr:first-child th, table tr:first-child td{border-top:0px solid #ddd;}

#content .list-asterisk li{padding-left:1em;text-indent:-1em;font-size:15px;padding-bottom:0.5em;}
#content .list-asterisk li:before{content:'※';}
#content p a ,#content li a{color:#09d;}

#content span.min{font-size:80%;color:#666;}


h4{color:#1c6512;font-weight:bold!important;padding-bottom:1em;font-size:21px;}
.box_pick{background-color:#fff;padding:40px 40px;border-radius:10px;position:relative;}

.netkeiba .box_pick .table_wrapper{width:500px;font-size:14px;}
.netkeiba .box_pick .info{position:relative;z-index:20;}
.netkeiba .box_pick .btn{background-color:#09d;width:500px;display:block;text-align:center;color:#fff;padding:10px 0px;border-radius:6px;font-size:15px;box-shadow:1px 1px 2px rgba(0,0,0,0.2);margin-bottom:1em;}

.netkeiba .charaImage{position:absolute;top:-20px;right:20px;width:365px;z-index:0;}

.flexbox{display:flex;justify-content: space-between;}

.ddt .pic {width:220px;}
.ddt .pic img{width:200px;border-radius:150px;border:2px solid #1c6512;}
.ddt .pic .name{text-align:center;color:#1c6512;font-weight:bold;font-size:14px;}
.ddt .pic .name strong{font-size:110%;font-weight:bold;}
.ddt .pic .name strong.horse{font-size:150%;font-weight:bold;}


.ddt .ss {width:570px;}
.ddt .ss img{width:100%;display:block;}
.ddt .ss .name{text-align:center;padding-top:10px;color:#1c6512;font-weight:bold;}

.ddt .comment{
  margin:20px 0 0;
}


.centering{text-align:center;}
.button{display:inline-block;color:#333;font-size:15px;background-image:url(../img/common/content_bg.jpg);padding:17px 30px 17px;line-height:1;border-radius:40px;box-shadow:0px 0px 13px rgba(0,0,0,0.3);margin:60px 4px 0;transition:all 0.5s;}

.button:hover{box-shadow:0 0 5px rgba(0,0,0,0.3);}


#content .tab_list{position:relative;position:relative;margin-bottom:-1px;z-index:10;padding-top:60px;padding-bottom:30px;text-align:center;}
#content .tab_list::after {content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 1px;margin: 0 auto;text-align: center;background-image: -webkit-linear-gradient(left, transparent, #999 25%, #999 75%, transparent);background-image: linear-gradient(to right, transparent, #999 25%, #999 75%, transparent);}

#content .tab_list li{display:inline-block;}
#content .tab_list li a{font-weight:bold;font-size:20px;color:#114405;padding:10px 40px;border-radius:40px;margin-right:5px;}
#content .exp{position:relative;}


#content .tab_list li.active a{background-color:#114405;color:#fff;}



#content .exp .tab{padding:50px 0;}


.btn_back_box{display:flex;justify-content: center;padding-top:100px;}
.btn_back{display:block;color:#fff;font-size:15px;background-color:#1b4d11;padding:17px 30px 17px 19px;line-height:1;border-radius:40px;box-shadow:1px 1px 2px rgba(0,0,0,0.3);margin:0 4px;}
.btn_back .back_icon{transform: rotate( -180deg );width:26px;height:26px;display:inline;margin:-8px 8px -8px -5px;}

.btn_back.fix{display:inline-block;position:fixed;left:50%;bottom:-60px;margin-left:-90px;z-index:80;transition:all 0.3s;}
.btn_back.fix.in{bottom:20px;}


#cboxClose{display:block;color:#fff;font-size:15px;background-color:#1b4d11!important;line-height:1;border-radius:40px;box-shadow:1px 1px 2px rgba(0,0,0,0.3);margin:0 4px;position:fixed!important;bottom:20px!important;top:auto!important;background-image:url(../img/feature/close.svg)!important;height:60px!important;width:60px!important;background-size:40px!important;background-position:center center!important;padding-top:10px;right:auto;left:50%;margin-left:-20px!important;padding-top:10px!important;}

}



/*----------------------------------------
	for SP
----------------------------------------*/

@media screen and (max-width: 480px) {


  #header{height:80px;background:url(../img/feature/feature_head.jpg) center bottom repeat-x;background-size:cover;position:relative;}
  #header .data_area {position:absolute;right:20px;top:10px;}
  #header .logo{width:160px;display:block;position:absolute;top:5px;left:50%;margin-left:-80px;}
  #header h1{margin:0;}


  .flow_list{font-size:15px;margin-bottom:0px;}
  .flow_list a{color:#1c6512;}

  h2{margin-bottom:40px;}

  #content h2{color:#1c6512;font-weight: bold;font-size:24px;position:relative;z-index:2;margin-bottom:1em;padding-top:20px;display:block;}
	#content h2 span{font-size:16px;display:block;padding-bottom:0px;line-height:1.2;}
	#content h2 .num{display:block;position:absolute;right:0px;bottom:0px;font-size:75px;font-style: italic;font-family: 'PT Serif', serif;opacity:0.3;color:#7b7162;line-height:1;}

  #content h3{color:#1c6512;font-weight:bold;font-size:19px;border-bottom:1px solid #1c6512;display:block;margin:1em 0 10px;line-height:1.3;padding-bottom:0.3em;}

  #content{padding:40px 0 60px;}
  #content .inner_centering{width:90%;margin:0 auto 0;}
  #content p{word-wrap: break-word;}


  .table_wrapper{border-radius:10px;background-color:#fffffd;border:1px solid #ddd;margin-bottom:2em;overflow:hidden;}
  table{width:100%;}
  table{border-collapse:collapse;}
  table tr{font-size:12px;}
  table th{border-right:1px solid #ddd;border-top:1px solid #ddd;padding:15px 20px;background-color:#fffff2;}
  table td{border-top:1px solid #ddd;padding:15px 20px;}
  table tr:first-child th, table tr:first-child td{border-top:0px solid #ddd;}

  #content .list-asterisk li{padding-left:1em;text-indent:-1em;font-size:15px;padding-bottom:0.5em;}
  #content .list-asterisk li:before{content:'※';}
  #content p a ,#content li a{color:#09d;}

  #content span.min{font-size:80%;color:#666;}


  h4{color:#1c6512;font-weight:bold!important;padding-bottom:1em;font-size:21px;}
  .box_pick{background-color:#fff;padding:30px 30px;border-radius:10px;position:relative;}

  .netkeiba .box_pick .table_wrapper{font-size:14px;}
  .netkeiba .box_pick .info{position:relative;z-index:10;}
  .netkeiba .box_pick .btn{background-color:#09d;width:100%;display:block;text-align:center;color:#fff;padding:10px 0px;border-radius:6px;font-size:15px;box-shadow:1px 1px 2px rgba(0,0,0,0.2);margin-bottom:1em;}


  .netkeiba .charaImage{position:relative;width:220px;margin:0 auto 10px;display:block;}

  /* .flexbox{display:flex;justify-content: space-between;} */

  .ddt .pic {width:100%;padding-bottom:1em;}
  .ddt .pic:after{content:'';display:block;clear:both;}
  .ddt .pic img{width:30%;border-radius:150px;border:2px solid #1c6512;display:block;float:left;}
  .ddt .pic .name{text-align:left;color:#1c6512;font-weight:bold;font-size:11px;width:60%;display:block;margin-top:-1em;line-height:1.4;float:left;padding-top:12%;padding-left:10px;}
  .ddt .pic .name strong{font-size:110%;font-weight:bold;}
  .ddt .pic .name strong.horse{font-size:150%;font-weight:bold;}


  .ddt .ss {width:100%;}
  .ddt .ss img{width:100%;display:block;}
  .ddt .ss .name{text-align:center;padding-top:10px;color:#1c6512;font-weight:bold;}

  .ddt .comment{
    margin:20px 0 0;font-size:14px;
  }


  .centering{text-align:center;}
  .button{display:inline-block;color:#333;font-size:15px;background-image:url(../img/common/content_bg.jpg);padding:17px 30px 17px;line-height:1;border-radius:40px;box-shadow:0px 0px 13px rgba(0,0,0,0.3);margin:30px 4px 0;transition:all 0.5s;}

  .button:hover{box-shadow:0 0 5px rgba(0,0,0,0.3);}

  #content .list-asterisk li{padding-left:1em;text-indent:-1em;font-size:15px;padding-bottom:0.5em;}
  #content .list-asterisk li:before{content:'※';}
  #content p a{color:#09d;}

  span.min{font-size:80%;color:#666;}

  #content .tab_list{position:relative;position:relative;margin-bottom:-1px;z-index:10;padding-top:20px;padding-bottom:20px;text-align:center;}
  #content .tab_list::after {content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 1px;margin: 0 auto;text-align: center;background-image: -webkit-linear-gradient(left, transparent, #999 25%, #999 75%, transparent);background-image: linear-gradient(to right, transparent, #999 25%, #999 75%, transparent);}

  #content .tab_list li{display:inline-block;}
  #content .tab_list li a{font-weight:bold;font-size:14px;color:#114405;padding:10px 20px;border-radius:40px;margin-right:5px;}
  #content .exp{position:relative;}


  #content .tab_list li.active a{background-color:#114405;color:#fff;}



  #content .exp .tab{padding:30px 0;}



  .btn_back_box{display:flex;justify-content: center;padding-top:60px;}
  .btn_back{display:block;color:#fff;font-size:15px;background-color:#1b4d11;padding:17px 30px 17px 19px;line-height:1;border-radius:40px;box-shadow:1px 1px 2px rgba(0,0,0,0.3);margin:0 4px;}
  .btn_back .back_icon{transform: rotate( -180deg );width:26px;display:inline;margin:-8px 8px -8px -5px;}

  .btn_back.fix{display:inline-block;position:fixed;left:50%;bottom:-60px;margin-left:-90px;z-index:80;transition:all 0.3s;}
  .btn_back.fix.in{bottom:20px;}


  #cboxClose{display:block;color:#fff;font-size:15px;background-color:#1b4d11!important;line-height:1;border-radius:30px;box-shadow:1px 1px 2px rgba(0,0,0,0.3);margin:0 4px;position:fixed!important;bottom:20px!important;top:auto!important;background-image:url(../img/feature/close.svg)!important;height:40px!important;width:40px!important;background-size:30px!important;background-position:center center!important;padding-top:10px;right:auto;left:50%;margin-left:-20px!important;padding-top:10px!important;}


}