＠font-face { font-display: swap; }
.header-has-img .head-nav .nav>ul>li>a {
color: #000;
color: rgba(0, 0, 0, 0.7);
} .h1, h1,
.h2, h2,
.h3, h3,
.h4, h4,
.h5, h5,
.h6, h6 {
font-family: TBUDMincho H , serif;
} .wp-caption {
font-family:  UD Shin Go Regular, sans-serif;
font-weight: 300;
font-style: normal;
} .gallery-caption {
font-family:  UD Shin Go Regular, sans-serif;
font-weight: 300;
font-style: normal;
} .btn {
font-family: UD Shin Go Regular, sans-serif;
font-weight: 300;
font-style: normal;
} body {
font-family: UD Shin Go Regular, sans-serif;
font-weight: 300;
font-style: normal;
}
p {
font-family: TBUDMincho M , serif; 
line-height: 170%;
} .site-title {
font-family: UD Shin Go Regular, sans-serif;
font-weight: 300;
font-style: normal;
} .logo {
font-family: UD Shin Go Regular, sans-serif;
font-weight: 300;
font-style: normal;
} @media (max-width: 991px) {
.mobile-nav .nav a {
font-family: UD Shin Go Regular, sans-serif;
font-weight: 300;
font-style: normal;
}
} .csg_blog-card { max-width: 100%;
padding: 0.5em;
margin: 0.5em;
padding-right: 1em;
padding-left: 1em;
margin: 0.5em;
border: 1px solid #505050;
}
.csg_blog-card a:link {
text-decoration: none;
color: inherit;
}
.csg_blog-card a:hover {
text-decoration:underline;
color: inherit;
}
.csg_blog-card:hover {
background-color: #fafafa;
}
.csg_blog-card-thumbnail {
position: relative;
float: right;
width: 170px;
height: 170px;
overflow: hidden;
}
.csg_blog-card-thumbnail img {
object-fit: cover;
height: 100%;
width: auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.csg_blog-card-body {
margin-right: 110px;
}
.csg_blog-card-title {
margin-top: 0;
margin-bottom: 0.5em;
font-weight: bold;
}
.csg_blog-card-excerpt {
margin-top: 0;
margin-bottom: 0.5em;
font-size: 80%;
}
.csg_blog-card-footer {
margin-top: 0;
margin-bottom: 0.5em;
}
.csg_blog-card-favicon {
float: left;
}
.csg_blog-card-favicon img {
vertical-align: middle;
margin-right: .25em;
}
.csg_blog-card-date {
float: right;
}
.csg_blog-card-body:after,
.blog-card-footer:after {
content: "";
display: table;
clear: both;
}
.timeline h2 {
font-family: TBUDMincho H , serif;
font-weight: 700;
font-style: normal;
}
.timeline h3 {
font-family: TBUDMincho H , serif;
font-weight: 700;
font-style: normal;
font-size: 150%
}
.content .container #experience .animate-up .timeline .timeline-inner .timeline-box .timeline-box-inner .timeline-head img {
width: auto;
max-height: 200px;
height: 200px;
opacity: 1;
transform: scale(1);
transition: .3s;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
}
.content .container #experience .animate-up .timeline .timeline-inner .timeline-box .timeline-box-inner .timeline-head img:hover {
opacity: .5;
}
.content .container #experience .animate-up .timeline .timeline-inner .timeline-box .timeline-box-inner .timeline-head img:active {
transform: scale(1.1);
}
.header span {
font-family: TBUDMincho H , serif;
font-weight: 700;
font-style: normal;
font-size: 100%
}
.privacypolicy_tabtitle {
font-family: TBUDMincho M , serif;
font-style: normal;
font-weight: 300;
}
.privacypolicy_tabcontents {
text-align: left;
font-size:80%;
}
.syui_midashi {
text-align: center;
font-family: TBUDMincho M , serif;
font-style: normal;
font-weight: 300;
}
.profile-title {
font-family: TBUDMincho H , serif;
font-weight: 700;
font-style: normal;
}
.books-title-img {
display: inline-block;
float: left;
width: 200px;
margin-right: 30px;
padding-left: 0px;
padding-right: 0px;
}
#main_image {
height: 300px;
}
#main_image img {
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); max-height:290px;
}
#thumb_image img {
display: inline-block;
float: left;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
width: 17%;
max-height: 50px;
}
.books-title-text {
display: inline-block;
float: left; padding-top: 0;
line-height: 180%;
font-family: TBUDMincho M , serif;
font-style: normal;
font-weight: 300;
}
@media (min-width: 993px) {
.books-title-text {
margin-top: -10px;
margin-bottom: 30px;
width: 310px;
}
}
@media (min-width: 768px) {
.books-title-text {
margin-top: -10px;
margin-bottom: 30px;
width: 288px;
}
}
.books_title1 {
font-size: 180%;
line-height: 100%;
}
@media (min-width: 768px) {
.books-title1 {
line-height: 70%;
}
}
.books_title2 {
font-size: 110%;
line-height: 100%;
}
@media (min-width: 768px) {
.books-title2 {
line-height: 120%;
}
}
.tameshiyomi-box {
margin-top: 50px;
margin-bottom: 20px;
padding: 20px;
border: solid 1px #555555;
}
.tameshiyomi-title {
font-family: UD Shin Go Regular, sans-serif;
font-weight: 300;
font-style: normal;
}
.notification {
clear: both;
font-family: TBUDMincho M , serif;
font-style: normal;
font-weight: 300;
border: solid 1px #555555;
padding: 20px;
font-size: 90%;
}
.bookstore-title {
text-align: center;
font-weight: bold;
border-bottom: solid 1px #555555;
}
.books-midashi {
color: #3d4451;
text-align: center;
font-weight: bold;
border-bottom: solid 1px #555555;
}
.books-rightbox {
display: inline-block;
float: left;
margin: 20px 10px 20px 10px ;
padding: 0px;
}
@media (min-width: 830px) and (max-width:895px){
.books-rightbox{
width: 25%;
margin-top: -40px;
margin-left: 10px;
float:right;
}
}
@media (min-width: 896px) {
.books-rightbox{
width: 30%;
margin-top: -40px;
margin-left: 20px;
}
}
.books-rightbox-c {
background: #eeeeee;
padding: 20px;
margin-bottom: 10px;
font-family: TBUDMincho M , serif;
font-style: normal;
font-weight: 300;
text-align: left;	
max-height: 300px;
overflow-y: scroll;
overflow-x: hidden;	
}
.books-rightbox-c::-webkit-scrollbar {
width: 6px;
} .books-rightbox-c::-webkit-scrollbar-track {
border-radius: 6px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
} .books-rightbox-c::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 50, .5);
border-radius: 6px;
box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}
.books-rightbox-img {
width: 150px;
}
.books-file-text {
text-align: left;
}
.fb-like {
display: inline-block;
float:left;
}
.tw-button {
display: inline-block;
float:left;
margin-left: 5px;
margin-top: 8px;
}
.hatena-button {
display: inline-block;
float:left;
margin-left: 5px;
}
.clear {
clear: both;
}
.order_exp {
display: inline-block;
clear: both;
text-align: left;
font-size:80%;
margin: 0;
padding: 0;
}
.mokuji_box {
font-family: TBUDMincho M , serif;
font-style: normal;
font-weight: 300;
line-height:170%;
max-height: 460px;
overflow-y: scroll;
overflow-x: hidden;	
}
.mokuji_box::-webkit-scrollbar {
width: 10px;
} .mokuji_box::-webkit-scrollbar-track {
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
} .mokuji_box::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 50, .5);
border-radius: 10px;
box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}
.col2 {
display: inline-block;
float: left;
}
@media screen and (min-width: 768px) {
.col2 {
width: 45%;
margin-right: 30px;
}
}
.raised{ display: inline-block;
background-color: #07aaf5; color: #fff;  letter-spacing: 0.05em; padding: 0.2em 1em; border-radius: 3px; cursor: pointer;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); -webkit-tap-highlight-color: transparent;
transition: .3s ease-out; }
.raised:hover{
color: #ccc; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.14), 0 1px 8px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2); }
.scroll-down-button {
position: absolute;
left: 50%;
z-index: 2;
display: inline-block;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
text-decoration: none;
}
.scroll-down-button span {
position: absolute;
top: 0px;
left: 50%;
width: 36px;
height: 36px;
margin-left: -24px;
border-left: 2px solid #888;
border-bottom: 2px solid #888;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: border-box;
}
.ksm_tokusetsu_top_right {
padding-top: 20px;
}
@media (min-width: 650px) {
.ksm_tokusetsu_top {
display: block;
float:left;
}
.ksm_tokusetsu_top_right {
padding-top: 0px;
}
}
.mincho_m {
font-family: TBUDMincho M , serif;
font-style: normal;
font-weight: 300;
}
.small90{
font-size: 90%;
}
.small80{
font-size: 80%;
}
.small70{
font-size: 70%;
}
.small60{
font-size: 60%;
}
.small50{
font-size: 50%;
}
.large110{
font-size: 110%;
}
.large120{
font-size: 120%;
}
.large130{
font-size: 130%;
}
.large140{
font-size: 140%;
}
.large150{
font-size: 150%;
}
tsume-topbottom03em{
margin-top: -0.3em;
margin-bottom: -0.3em;
}
.margin-bottom-05em {
margin-bottom: -0.5em;	
} 
.margin-bottom-07em {
margin-bottom: -0.7em;	
} 
.margin-bottom-08em {
margin-bottom: -0.8em;	
} 
.margin-bottom-1em {
margin-bottom: -1em;	
} 
.margin-top-bottom-05em {
margin-top: -0.5em;
margin-bottom: -0.5em;	
} 
.margin-top-bottom-04em {
margin-top: -0.4em;
margin-bottom: -0.4em;	
} 
.margin-top-bottom-03em {
margin-top: -0.3em;
margin-bottom: -0.3em;	
} 
.margin-top-bottom-02em {
margin-top: -0.2em;
margin-bottom: -0.2em;	
} 
.margin-top-bottom-01em {
margin-top: -0.1em;
margin-bottom: -0.1em;	
} 
.lineheight110{
line-height:110%;	
}
.lineheight120{
line-height:120%;	
}
.lineheight130{
line-height:130%;	
}
.lineheight140{
line-height:140%;	
}
.lineheight150{
line-height:150%;	
}
.lineheight160{
line-height:160%;	
}
.lineheight170{
line-height:170%;	
}
.lineheight180{
line-height:180%;	
}
.lineheight190{
line-height:190%;	
}
.lineheight200{
line-height:200%;	
}
.indent0top{
display:block; margin-bottom: -0.5em;
line-height:130%;
}
.indent0{
display:block;
}
.indent1{
display:block;
margin-left: 1em; }
.indent2{
display:block;
margin-left: 2em; }
.indent3{
display:block;
margin-left: 3em; }
.indent4{
display:block;
margin-left: 4em; }
.indent0-1{
margin-left: 1em; text-indent: -1em; }
.indent0-2{
margin-left: 2.0em; text-indent: -2.0em; }
.indent0-3{
margin-left: 3.0em; text-indent: -3.0em; }
.indent0-4{
margin-left: 4.0em; text-indent: -4.0em; }
.indent0-5{
margin-left: 5.0em; text-indent: -5.0em; }
.indent1-1{
margin-left: 2.0em; text-indent: -1.0em; }
.indent1-2{
margin-left: 3.0em; text-indent: -2.0em; }
.indent1-3{
margin-left: 4.0em; text-indent: -3.0em; }
.indent1-4{
margin-left: 5.0em; text-indent: -4.0em; }
.indent1-5{
margin-left: 6.0em; text-indent: -5.0em; }
.indent2-1{
margin-left: 3.0em; text-indent: -1.0em; }
.indent2-2{
margin-left: 4.0em; text-indent: -2.0em; }
.indent2-3{
margin-left: 5.0em; text-indent: -3.0em; }
.indent2-4{
margin-left: 6.0em; text-indent: -4.0em; }
.indent2-5{
margin-left: 7.0em; text-indent: -5.0em; }
.indent3-1{
margin-left: 4.0em; text-indent: -1.0em; }
.indent3-2{
margin-left: 5.0em; text-indent: -2.0em; }
.indent3-3{
margin-left: 6.0em; text-indent: -3.0em; }
.indent3-4{
margin-left: 7.0em; text-indent: -4.0em; }
.indent3-5{
margin-left: 8.0em; text-indent: -5.0em; }
.indent4-1{
margin-left: 5.0em; text-indent: -1.0em; }
.indent4-2{
margin-left: 6.0em; text-indent: -2.0em; }
.indent4-3{
margin-left: 7.0em; text-indent: -3.0em; }
.indent4-4{
margin-left: 8.0em; text-indent: -4.0em; }
.indent4-5{
margin-left: 9.0em; text-indent: -5.0em; }
.indent5-1{
margin-left: 6.0em; text-indent: -1.0em; }
.indent5-2{
margin-left: 7.0em; text-indent: -2.0em; }
.indent5-3{
margin-left: 8.0em; text-indent: -3.0em; }
.indent5-4{
margin-left: 9.0em; text-indent: -4.0em; }
.indent5-5{
margin-left: 10.0em; text-indent: -5.0em; }
.margin_topbottom10 {
margin-top: 10px;
margin-bottom: 10px;
}
@media screen and (min-width: 600px) {
.twitter-timeline {
float: left;
width: auto;
margin: 0px;
padding: 0px;
}
}
@media screen and (min-width: 0px) {
.twitter-timeline {
clear: left;
width: auto;
}
}
.toukou p {
font-family: TBUDMincho M , serif;
font-style: normal;
font-weight: 300;
font-size: 100%;
margin-top: 10px;
}
.toukou {
font-family: TBUDMincho M , serif;
font-style: normal;
font-weight: 300;
margin-bottom: 10px;
}
.gmap{
width:500px;
margin:0 auto;
}
.gmap iframe{
height:400px;
}
@media screen and (max-width: 992px) {
.gmap{
width:95%;
}
.gmap iframe{
height:400px;
}
}
@media screen and (max-width: 480px) {
.gmap{
width:95%;
}
.gmap iframe{
height:250px;
}
}
@media screen and (max-width: 480px) {
.tb-responsive th{
}
.tb-responsive td{
display: block;
}
}
.kanren_blog {
display: block;
margin-bottom: 20px;
}
@media screen and (min-width: 480px) {
.kanren_blog {
display: block;
float: left;
width: 46%;
margin: 10px;
}
}
.kanren_blog_last {
display: block;
width: 100%;
float:middle;
}
.lineheight100 {
line-height: 100%;
}
.lineheight120 {
line-height: 120%;
}
.lineheight150 {
line-height: 150%;
}
.lineheight160 {
line-height: 160%;
}
.lineheight170 {
line-height: 170%;
}
.lineheight180 {
line-height: 180%;
}
.lineheight190 {
line-height: 190%;
}
.lineheight200 {
line-height: 200%;
}
.kakomi {
border : solid 2px #999999;
margin :10px;
padding :10px;
}
.ebooksign {
display: inline-block;
font-weight: bold;
border: 1px solid #000000;
padding-left: 1em;
padding-right: 1em;	
}