@charset "Shift_JIS";

/* （固定ヘッダー） */


*{
  margin:0;
  padding:0;
}　

/* Custom page CSS
-------------------------------------------------- 
/* ブラウザ縮小時のデザイン崩れを防ぐ */
nav {
  height:50px;
  background-color:#a5a5a5;
}
.navbar-fixed-top {
	position: fixed;
	top: 0;
	right:0;
	left: 0;
	z-index: 1030;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
  -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 20px rgba(0, 0, 0, 0.5);
}

.navbar-inner {
/* ブラウザ縮小時に上下に余計なパディングが付くのを防ぐ */
  padding-top: 0;
  padding-bottom: 0;
}

/* brand内ロゴマーク入れるためのpadding詰め */
.navbar .brand {
  padding: 10px 20px 10px;
}

/* （固定ヘッダー ここまで） */

/* （固定フッター） */

      /* Sticky footer styles
      -------------------------------------------------- */

      html,
      body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
      /* Negative indent footer by it's height */
        margin: 0 auto -60px;
      }

      /* Set the fixed height of the footer here */

#push,
#footer {
  height: 60px;
}
#footer {
  background-color: #f5f5f5;
}

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }
      }



      /* Custom page CSS
      -------------------------------------------------- */
      /* Not required for template or sticky footer method. */

      #wrap > .container {
        padding-top: 70px;
      }
      .container .credit {
        margin: 20px 0;
      }

      code {
        font-size: 80%;
      }

/* （固定フッター　ここまで） */

/*(P要素色指定)*/

p.r { color: red; }
.b { color: blue; }


}

/* ダイスロール */

#dicerole .span4,
#dicerole .span4 {
	margin-bottom: 20px;
	width: 300px;
}

#dicerole [class*="span"] {
float: left;
min-height: 1px;
margin-left: 20px;
}
@media (max-width: 1024px) and (min-width: 768px){
#dicerole .span4 {
width: 352px;
}
}
@media (max-width: 767px) {
#dicerole [class*="span"] {
float: none;
display: block;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}


#dicerole span.condice {
	font-size: 15px;
	padding-left: 5px;
	font-weight:bold;
}
span.result {
	font-size:15px;
	padding-left:10px;
	color:#F00;
	font-weight:bold;
}
#dicerole  span img {
	width:50px;
}

/* キャラシート作成 */

#chara span.condice {
	font-size: 13px;
	font-weight:bold;
}

#chara .table td {
	line-height: 30px;
	vertical-align: middle;
	font-size:12px;
}
span.title {
	padding-right:10px;
	font-size:12px;
}
#chara span img {
	width:30px;
}