body {
  padding: 0;
  margin: 0;
　font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
/*   background: #F3F3F3; } */
    background: #FFF; }

div.col-md-9 {
  padding: 20px;
  background: #FFF;
  border-radius: 5px;
/*   border: 1px solid #EEE; */
/*   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);  */}

a {
  color: #237DAC; }

h2 {
  font-size: 16px; 
  border-left: 8px solid #CCC;
  padding: 0 5px; 
  margin: 0 0 20px; }

h2 span {
  font-size: 15px; }

h3 {
  font-size: 14px; 
  border-left: 8px solid #EEE;
  padding: 0 5px; 
  margin: 0 0 20px; }

h3 span {
  font-size: 14px; }
  
/* header */

header {
/*   padding: 20px 15px 15px; } */
  padding: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #eee;
  border-radius: 5px;
/*   border: 1px solid #EEE; */
/*   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18); */ }

header img {
  width: 150px; }

header div#pc-header p.menu {
  margin: -3px 0 0;
  font-size: 22px; }

header div#pc-header p.menu a {
  color: #999; }

header div#pc-header p.menu a:hover {
  color: #428BCA; }

header div#pc-header p.menu a.twitter { 
  margin-right: 13px; }

header div#pc-header p.menu a.youtube {
  margin-right: 15px; }

header div#pc-header p.menu a.envelope { 
  margin-right: 13px;
  vertical-align: 2px;
  font-size: 18px; }

/* header sm-header */

header div#sm-header {
  display: inherit !important;
  text-align: center; }

header div#sm-header a.back {
  padding: 2px 15px 2px 3px; }

header div#sm-header i {
  color: #47A3DA;
  font-size: 22px; }

header div#sm-header i.fa-chevron-left {
  font-size: 20px; }

/* sm-header navbar */

.navbar-toggle {
  position: static;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0; }

div.navbar-collapse {
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  text-align: left;
  background: #FFF;
  border-top: 0;
  margin-top: 10px; }

ul.navbar-nav {
  margin: 0;
  border-top: 1px solid #EEE; }

ul.nav>li>a {
  padding: 8px 10px;
  border-bottom: 1px solid #EEE; }

ul.nav>li:last-child>a {
  border-bottom: 0; }

button.bars:hover {
  cursor: pointer; }

ul.navbar-nav li.title {
  padding: 6px 10px;
  border-bottom: 1px solid #EEE;
  font-size: 14px;
  background: #eee; }

/* BoxProfile */

div.BoxProfile {
  border: 1px solid #EEE;
  border-radius: 5px;
  margin-bottom: 20px;
  background: #FFF; }

div.BoxProfile table {
  margin: 10px; }
	
div.BoxProfile table td.image {
  vertical-align: top;
  padding-right: 10px; }

div.BoxProfile table td.image img {
  width: 50px;
  border-radius: 5px; }

div.BoxProfile table td.name {
  padding-bottom: 3px; }

div.BoxProfile table td.description {
  font-size: 12px;
  color: #585858; }

div.BoxProfile p.date {
  margin-bottom: 0;
  padding: 6px 10px;
  text-align: right;
  border-top: 1px solid #EEE;
  border-radius: 0 0 5px 5px; }

/* list */

ul.list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #EEE; }

ul.list li a {
  display: block;
  padding: 6px 10px;
  border-bottom: 1px solid #EEE;
  text-decoration: none; }

ul.list li a:hover {
  background: #F5F5F5; }

/* ListMenu */

ul.ListMenu {
  background: #FFF;
  border-radius: 5px;
  border: 1px solid #EEE;
  margin-bottom: 20px;
  font-size: 13px; }

ul.ListMenu li.title {
  padding: 6px 10px;
  border-bottom: 1px solid #EEE;
  font-size: 14px;
  background: #eee; }

ul.ListMenu span {
  font-size: 12px; }

ul.ListMenu li:last-child a {
  border-bottom: none; }

/* blockquote */

blockquote {
  border-left: 8px solid #47A3DA;
  padding: 0 5px;
  margin: 0 0 20px; }

blockquote h1 {
  font-size: 16px;
  margin: 0;
  padding: 2px 0 3px; }

blockquote span {
  font-size: 14px; }

/* WholeBook */

p.WholeBook {
  margin: -5px 0; }

p.WholeBook a {
  display: block;
  padding: 6px 0; }
  
p.WholeBook a:hover {
  background: #F5F5F5;
  text-decoration: none; }

/* ListTitle */

p.ListTitle {
  margin: 15px 0 5px; }

/* BoxContents */

div.BoxContents {
  width: 100%;
  padding-bottom: 20px; }

div.BoxContents a:hover {
  opacity: 0.7; }

div.BoxContents iframe {
  border: 1px solid #DDD; }

div.BoxContents img {
  width: 100%;
  border: 1px solid #DDD;
  border-radius: 5px; }

div.BoxContents i.fa-file {
  display: none; }

div.BoxContents a:hover i.fa-file {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  font-size: 100px;
  color: #888; }

div.col-sm-6 p {
  margin-bottom: 15px; }

/* BackToTop */

div#BackToTop {
  position: fixed;
  right: 30px;
  bottom: 5px; }

div#BackToTop i.fa-chevron-up {
  font-size: 30px;
  margin-left: 10px;
  margin-top: 3px; }

div#BackToTop i.fa-stack-2x {
  font-size: 65px; }

/* ShareButton */

div.ShareButton {
  padding: 10px 10px 11px;
  margin-bottom: 20px;
  text-align: right;
  background: #EEE;
  border-radius: 0 0 5px 5px;
  border: 1px solid #DDD;
  border-top: 0; }

div.ShareButton a { 
 margin-right: 5px; }

div.ShareButton a:last-child {
 margin-right: 0; }

div.ShareButton a span.label-facebook {
 background: #3A5B94;
 padding: 3px 8px 4px; }

div.ShareButton a span.label-facebook i {
 padding-right: 5px;
 font-size: 12px; }

div.ShareButton a span.label-twitter {
 background: #4AADE9;
 padding: 3px 8px 4px; }

div.ShareButton a span.label-twitter i {
 padding-right: 5px;
 color: #FFF;
 font-size: 13px; }

div.ShareButton a span.label-google {
 background: #EB3F30;
 padding: 3px 8px 4px; }

div.ShareButton a span.label-google i {
 padding-right: 5px;
 color: #FFF;
 font-size: 12px; }

div.ShareButton a:hover {
 text-decoration: none; }

div.ShareButton a:hover span.label {
 opacity: 0.7; }

/* counter */

.counter {
	color: #999;
	text-align: center;
	width: 400px;
/* 	border-top: 1px dashed #E0E0E0; */
/* 	border-bottom: 1px dashed #E0E0E0; */
}

.counter div {
	padding: 0px;
	margin-bottom: -10px;
}

.counter td {
	vertical-align: middle;
	padding: 0px 10px;
	text-align: center;
	padding-top: 15px;
}

.counter span {
	color: #666;
}

.large {
	font-size: 24px;
	color: #3e3e3e !important;
	font-weight: bold;
/* 	letter-spacing: -1px; */
}

/* footer */

footer {
  text-align: center;
  padding: 15px 0 20px;
  color: #666; }

@media (min-width: 891px) {

  /* display none */

  header div#sm-header, div#BackToTop {
	display: none !important; }

  div.container {
  	width: 890px; }

  div.col-md-12 {
    margin-bottom: 20px; }

  div.col-md-3 {
	padding-right: 0; }
}

@media (min-width: 768px) and (max-width: 890px) {

  /* display none */

  header div#sm-header {
	display: none !important; }

  div.container {
    width: 100%; }

  div.col-md-12 {
    margin-bottom: 20px;
    padding-right: 25px;
    padding-left: 25px; }

  div.col-md-3 {
  	padding-right: 0; }

  /* list */

  ul.list li a {
    padding: 8px 10px; }
}

@media (max-width: 767px) {
  
  /* display none */
  
  header div#pc-header {
  	display: none !important; }

  div.col-md-9 {
  	margin-bottom: 20px;
  	padding: 15px; }
  
  div.col-sm-6.first {
	margin-bottom: 30px; }

  /* header */

  header {
    padding: 10px 8px; }
  
  header img {
    width: 140px; }
  
  /* list */
  
  ul.list li a {
    padding: 8px 10px; }
}

@media (max-width: 480px) {}

iframe[src$=".pdf"]{
    width:100%;
    height:700px;
}