@import url("../../../css/style.css");
@font-face {
  font-family: 'MyYuMinchoC';
  src: local('YuMincho-Demibold'),  /* for Win */
       local('YuMincho Demibold');  /* for Mac */
}

body.pageTop { /* 2024-10-08 追加 */
  padding-top: 70px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: rgb(26,26,28);
  line-height: 1.6;
}
h1 {
  font-family: "MyYuMinchoC", serif;
  font-weight: bold;
}

h2 {
 font-family: "MyYuMinchoC", serif;
 font-weight: bold;
 border: none;
 background-image: url(../images/tshock-hr-line.png);
 background-repeat: repeat-x;
 background-position: 0 -3px;
 padding-top: 8px;
 margin-left: -0.5em;
}

h3 {
 font-family: "MyYuMinchoC", serif;
 border-left: none;
 font-weight: bold;
 margin-bottom: 8px;
 margin-left: 0em;
 color: black;
 padding-top: 4px;
}

h3.dotted {
  border-top: #888 dotted 1px;
}

h4 {
 font-family: "MyYuMinchoC", serif;
 margin-top: 20px;
 margin-bottom: 4px;
 border-left: #f28b73; solid 6px;
 padding-left: 4px;
 font-size: 15px;
 font-weight: bold;
 color: black;
}

h5 {
 font-family: "MyYuMinchoC", serif;
 margin-top: 20px;
 margin-bottom: 4px;
 padding-left: 14px;
 font-weight: bold;
 font-size: 14px;
 color: black;
}

.mincho {
 font-family: "MyYuMinchoC", serif; 
}

.bold {
 font-weight: 700 !important;
}

.bigger {
 font-size: 120%  !important;
}

.bigger115 {
 font-size: 115%  !important;
}

.smaller {
 font-size: 90%  !important;
}

p.h1-photo {
   float:right;
   margin-top:-3.5em;
   padding-left: 1em;
}

p.author-photo {
   float:right;
   margin-top:0em;
   margin-left:2em;
}

p.work-photo {
   float:right;
   margin-right:18em;
}

p.comment {
   margin-top: 2em;
}

p.commentator {
   margin-top: -0.8em;
   font-family: "MyYuMinchoC", serif; 
   font-weight: bold !important;
   font-size: 95%;
}

p.publisher {
   font-family: "MyYuMinchoC", serif; 
   font-weight: 700 !important;
   margin-bottom: 0.2em;
   margin-bottom: 0.2em;
}


p.submenu {
  margin-top: -1em;
  margin-left: 1em;
  margin-bottom: 2em;
}
.well {
 background-color: #fff;
 background-image: url(../images/tshock-hr-line.png);
 background-repeat: repeat-x;
 background-position: 0 0;
}

.well > h3 {
  font-family: "MyYuMinchoC", serif;
  margin-top: 6px;
  border-left:none;
  padding-left: 1.4em;
  font-size: 22px;
  background-image : url(../images/tshock-mark-s.png);
  background-repeat : no-repeat;
  color: #008acf;
}

.well > h3 ~ ul {
  margin-left: -1em;
}

@media(min-width: 768px) {
    .fix-height-sm {
        height: 14em; /* tm */
    }
}

.blue {
  background-color: #91eeff
}

.mint {
  background-color: #49d7aa;
}

.orange {
  background-color: #f5d18e;
}

.pink {
  background-color: #ffa5c7;
}

.green {
  background-color: #d9ec8d;
}

.tshock-bg {
  background-image: url(../images/un-mark-light.png);
  background-repeat: no-repeat;
  background-position: -30px 300px;
  background-color:  white;
  border: 1px solid #f28b73;
  /* background-image: url(../images/tshock-hr-line.png);
   background-repeat: repeat-x;
   background-position: 0 0;
   background-color: #fff;
   border: 1px solid #bbb;
  */
}

.tshock-bg2 {
  background-color:  white;
  border-left: 1em solid #f28b73;
}

div.tshock-share {
  background-color: white;
  margin-top: -30px;
  text-align: right;
}

.largebr {
  display: block;
  content: "";
  margin: 8px 0;
}

.tshock-bg-right {
    background-position: 700px 10px;
}

.jumbotron > h1, .jumbotron > p {
   color: black;
   font-weight: 600;
}

img.fig {
   border: 1px solid #bbb;
}

p.right {
   text-align: right;
}

span.upper {
	font-size: 70%;
	vertical-align: top;
}

p.people {
  font-size: 110%;
  font-weight: bold;
  font-family: "MyYuMinchoC", serif;
}

span.qmark {
  font-family: "MyYuMinchoC", serif !important;
  font-size: 140%;
}
p.quote {
  border-left: #ddd solid 4px;
  margin-left: 1em;
  padding-left: 1em;
  font-size: 90%;
}


@media(max-width: 480px) {
   p.h1-photo {
      margin-top:-1em;
      text-align: center;
      float: none;
   }
}

@media(min-width: 768px) {
    p.h1-photo {
      margin-top:-1em;
      text-align: center;
    }
    dl.tshockbook-ref {
       margin-left: -2em;
    }
    ol {
       margin-left: 2em;
    }
    p ~ ul {
      margin-left: 2em;
    }
    div.tshock-share {
      margin-bottom: -30px;
      margin-right: -60px;
    }
}

@media(max-width: 768px) {
   p.h1-photo {
      text-align: center;
   }
    dl.tshockbook-ref {
        margin-left: 0em;
    }
    div.tshock-share {
      margin-bottom: -20px;
    }
}