@charset "utf-8";

/*** #run config
----------------------------------------- ***/

#run h1                                   {
 width: 100%;
 margin: 0 0 30px;
}

#run .title                               {
 margin: 0 0 20px;
 padding: 0 50px 15px;
 position: relative;
 text-align: center;
 border-bottom: 1px dotted #ccc;
}

#run .title h2                            {
 font-size: 3em;
 line-height: 40px;
 color: #eb6100;
}

#run .title p                             {
 font-family: 'Anton', sans-serif;
 font-weight: 400;
 font-size: 1.4em;
 line-height: 20px;
 position: absolute;
 top: 5px;
}
#run .title p a                           {
 display: block;
 padding: 5px 10px;
 color: #eb6100;
 background: #f0f0f0;
 border-radius: 3px;
}
#run .title p a:hover                     {
 color: #fff;
 background: #eb6100;
 text-decoration: none;
}
#run .title .prev                         {left: 0;}
#run .title .next                         {right: 0;}

#run .author                              {
 width: 100%;
 margin: 0 0 30px;
 padding: 15px;
 overflow: hidden;
 background: #f5f5f5;
}
#run .author .thumb                       {
 float: left;
 width: 120px;
 height: 90px;
 margin-right: 15px;
}
#run .author .run                      {
 float: right;
 width: 535px;
}

#run .author h3                           {
 margin: 0 0 5px;
 font-size: 1.4em;
 line-height: 24px;
 color: #eb6100;
}

#run .author li                           {
 font-size: 1.2em;
 line-height: 20px;
 position: relative;
 padding: 0 0 0 12px;
}
#run .author li:before                    {
 display: block;
 content: "・";
 width: 14px;
 height: 20px;
 position: absolute;
 left: 0;
 top: 0;
}

#run .entry h2                            {
 margin: 0 0 50px;
 padding: 20px 20px 20px 45px;
 font-size: 2.6em;
 line-height: 30px;
 color: #eb6100;
 background: #f5f5f5 url(../../run/images/entry/h2.png) no-repeat 20px 22px;
 background-size: 18px 24px;
 border-radius: 6px;
}

#run .entry h3                            {
 clear: both;
 margin: 20px 0 30px;
 padding: 0 0 10px 30px;
 position: relative;
 font-weight: normal;
 font-size: 2.2em;
 line-height: 34px;
 background: url(../../run/images/entry/h3.png) no-repeat 0 5px;
 background-size: 22px 22px;
 border-bottom: 1px dotted #ccc;
}

#run .entry .index h4                               {
 font-size: 1.8em;
}

#run .entry p,
#run .entry dl,
#run .entry table td,
#run .entry table th,
#run .entry ul li                              {
 font-size: 1.4em;
}

/* 150619 added */
#run .entry .clear {
 clear: both;
}
#run .entry dl,
#run .entry ul                              {
 margin: 0 0 30px;
}
#run .entry dl dt                              {
 margin: 1.6em 0 0;
}
#run .entry dl dt span                              {
 padding: 5px 10px;
 font-size: 1.1em;
 font-weight: bold;
 background: #ff9133;
 color: #FFFFFF;
}
#run .entry dl.answer dt span                              {	/* 150622 added */
 background: #787878;
 color: #FFFFFF;
}
#run .entry dl dd                              {
 margin: 0.5em 0 0;
}
#run .entry table,
#run .entry table tr td,
#run .entry table tr th                              {
 border-color: #cbcbcb;
 border-style: solid;
}
#run .entry table                              {
 border-width: 1px 0 0 1px;
 border-spacing: 0;
 border-collapse: separate;
 width: 100%;
}
#run .entry table tr td,
#run .entry table tr th                              {
 padding: 4px 6px;
 border-width: 0 1px 1px 0;
}
#run .entry table thead tr th                              {
 background: #fcbc3e;
 color: #ffffff;
 text-align: center;
}
#run .entry table tbody tr th                              {
 font-weight: normal;
}
#run .entry table tbody tr.even td,
#run .entry table tbody tr.even th                              {
 background: #f5f6f7;
}

#run .entry .index h3                               {
 margin: 20px 0;
 padding: 0;
 background: none;
 border-bottom: none;
}
#run .entry .index h3 a                               {
 position: relative;
 color: #eb6100;
 font-weight: bold;
}
#run .entry .index h3 a:after                               {
 content: url( "../images/index_arrow.gif" );
 vertical-align: -0.2em;
 padding: 0 0 0 0.5em;
}
#run .entry .index h3 a span                               {
 padding: 5px;
 margin: -5px 8px -5px 0;
 background: #eb6100;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 color: #f5f5f5;
}
#run .entry .index h3 a span.trans                               {
 -moz-transform:    scale( 0.75 );
 -webkit-transform: scale( 0.75 );
 -o-transform:      scale( 0.75 );
 -ms-transform:     scale( 0.75 );
 transform: scale( 0.75 ); 
 -moz-transform-origin:    left center; /* Firefox */
 -webkit-transform-origin: left center; /* Chrome,Safari */
 -o-transform-origin:      left center; /* Opera */
 -ms-transform-origin:     left center; /* IE */
 transform-origin:         left center; /* CSS3 */
 display: inline-block;
 width: auto;
 margin-right: -1em;
}

#run .entry .index div a                             {
 display: block;
 color: #333333;
 font-size: 1.4em;
 overflow: hidden;
}
#run .entry .index div span                             {
 display: block;
}
#run .entry .index div span.hidari                             {
 width: 30%;
 max-width: 155px;
}
#run .entry .index div img                             {
 height: auto;
}

#run .entry .point                               {
 margin: 0 0 30px;
 padding: 0 1.4em;
 border: 1.25px #ff9133 solid;
}

/* 150622 added */
#run .entry .training                               {
 margin: 40px 0 0;
}
#run .entry .training h4                               {
 margin: 0 0 1em;
 font-size: 1.6em;
 font-weight: bold;
}
#run .entry .training h4                               {
 padding: 5px;
 background: #f5f6f7;
 border-left: transparent 3px solid;
 font-size: 1.5em;
 font-weight: bold;
}
#run .entry .training ul li                               {
 padding: 1em;
 margin: 0 0 1em;
 background: #f5f6f7;
}
#run .entry .training .point                               {
 background: #f5f6f7;
}
#run .entry .training p.point                               {
 padding-top: 1em;
 padding-bottom: 1em;
 border: none;
 font-weight: bold;
}
#run .entry .training_1 h4                               {
 border-left-color: #90c31f;
}
#run .entry .training_1 .point                               {
 border: #90c31f 1px solid;
}
#run .entry .training_1 .point dl dt span                               {
 background: #90c31f;
}
#run .entry .training_2 h4                               {
 border-left-color: #52c3f1;
}
#run .entry .training_2 ul li                               {
 border: 1px #52c3f1 solid;
}
#run .entry .training_2 .point                               {
 background: #d6eff9;
 border: #52c3f1 1px solid;
 color: #0399d6;
}
#run .entry .training_3 h4                               {
 border-left-color: #6c9bd2;
}
#run .entry .training_3 ul li                               {
 border: 1px #6c9bd2 solid;
}
#run .entry .training_3 .point                               {
 background: #cce2fb;
 border: #6c9bd2 1px solid;
 color: #3584dd;
}
#run .entry .training_4 h4                               {
 border-left-color: #5cbea4;
}
#run .entry .training_4 ul li                               {
 border: 1px #5cbea4 solid;
}
#run .entry .training_4 .point                               {
 background: #c5e8df;
 border: #5cbea4 1px solid;
 color: #2a9478;
}
#run .entry .training_5 h4                               {
 border-left-color: #eb6100;
}
#run .entry .training_5 ul li                               {
 border: 1px #eb6100 solid;
}
#run .entry .training_5 .point                               {
 background: #fbe3c6;
 border: #eb6100 1px solid;
 color: #eb6100;
}

/* 150624 added */
#run .youtube                               {float: right;width: 300px;margin: 0 0 30px 30px;}
/* // */

#run .other                               {
 margin: 0 0 30px;
 position: relative;
 overflow: hidden;
}
#run .other li                            {
 width: 220px;
 font-size: 1.2em;
 line-height: 20px;
}
#run .other li a                          {color: #eb6100;text-decoration: underline;}
#run .other li a:hover                    {text-decoration: none;}
#run .other .current                      {
 margin-left: -110px;
 position: absolute;
 left: 50%;
 top: 0;
 text-align: center;
}
#run .other .prev                         {float: left;text-align: left;}
#run .other .next                         {float: right;text-align: right;}

#run .entry p                             {padding: 0 0 30px;}
#run .entry p img                         {height: auto;}
#run .entry .hidari                       {margin: 0 30px 20px 0;padding: 0;}
#run .entry strong                        {color: #eb6100;}

/* 2015-11-09 added */
#run .top .entry {
 position: relative;
 overflow: hidden;
}
#run .top .entry ul li,
#run .top .entry p {
 font-size: 1.3em;
}
#run .top .entry h3 {
 color: #31313F;
 padding-left: 62px;
}
#run .top .entry p {
 position: relative;
 color: #EB6000;
 margin: -20px 120px 10px 26px;
 padding: 0;
 z-index: 2;
}
#run .top .entry ul {
 margin: 0 0 16px 26px;
}
#run .top .entry ul li a {
 background: url( "../../shared/aside/content/images/lili_off.png" ) no-repeat 0 0.35em;
 display: block;
 color: #000000;
 padding: 0 0 0 20px;
}
#run .top .entry .migi {
 position: absolute;
 right: 0;
 margin: -75px 0 0;
 z-index: 1;
}

@media screen and (min-width: 0px)
              and (max-width: 610px)        {

 #run .entry br                           {display: none;}
 #run .entry p img                        {height: auto;}
 #run .entry .hidari                      {margin: 0 30px 20px 0;padding: 0;}
 #run .entry strong                       {color: #eb6100;}
 
 #run .title                              {
  margin: 0 0 20px;
  padding: 0 0 15px;
  position: relative;
  overflow: hidden;
  border-bottom: 1px dotted #ccc;
 }
 
 #run .title h2                           {
  margin: 0 0 10px;
  font-size: 2em;
  line-height: 30px;
  text-align: left;
 }

 #run .title h2                           {color: #eb6100;}
 
 #run .title p                            {
  width: 50%;
  position: relative;
  top: auto;
 }
 #run .title p a                          {
  display: block;
  padding: 5px 10px;
  color: #eb6100;
  background: #f0f0f0;
  border: 1px solid #fff;
  border-radius: 3px;
 }
 #run .title p a:hover                    {
  color: #fff;
  background: #eb6100;
  text-decoration: none;
 }
 #run .title .prev                        {float: left;left: auto;}
 #run .title .next                        {float: right;right: auto;}

 #run .title p i                          {display: inline;}

 #run .author                             {
  width: 100%;
  margin: 0 0 30px;
  padding: 15px;
  overflow: hidden;
  background: #f5f5f5;
 }
 #run .author .thumb                      {display: none;}
 #run .author .run                     {
  float: none;
  width: 100%;
 }

 #run .other:before                       {
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  border-left: 1px dotted #000;
 }
 
 #run .other li                           {width: 50%;}
 
 #run .other li i                         {display: inline;}

 #run .other .current                     {display: none;}
 #run .other .prev                        {float: left;padding: 0 10px 0 0;}
 #run .other .next                        {float: right;padding: 0 0 0 10px;}

 /* 150619 added */
 #run .entry .index h3                               {
  font-size: 1.4em;
 }
 #run .entry .index h3 a                               {
  display: block;
 }
 #run .entry .index h3 a:before                               {
  content: url( "../images/index_arrow.gif" );
  position: absolute;
  right: 0;
  margin: 0.15em 0 0;
 }
 #run .entry .index h3 a:after                               {
  content: "";
 }

/* 150624 added */
 #run .youtube                              {float: none;width: 100%;margin: 0;}
/* // */

/* 151109 added */
 #run .top .entry ul,
 #run .top .entry p {
  margin-left: 0;
  margin-right: 0;
 }
 #run .top .entry h3 {
  padding-left: 30px;
 }
 #run .top .entry .migi {
  display: none;
 }

}