/*
Template: jin
Theme Name: jin-child
Author: CrossPiece
Version: 1.00
*/

.red-shiny a {
font-size:110%!important;
}
.red-shiny {
width: 95%!important;
}

.mcbtn {
    margin-bottom: 2rem;
    text-align: center;
}
.mcbtn .color-button01-big {
    margin-bottom: 0;
}
.mcbtn .color-button01-big a {
    padding-top: 12px!important;
    padding-bottom: 15px!important;
}
.mcbtn p {
    padding-bottom: 0.5rem;
}
.mcbtn p:first-child {
font-weight: 500!important;
font-size: 0.9em;
}

.table-wrap{
overflow: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.table-wrap::-webkit-scrollbar {
  height: 10px;
}
.table-wrap::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #eee;
}
.table-wrap::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #666;
}

/*目次の余白*/
@media (max-width:767px){
	#toc_container .toc_list {
		padding: 0 10px 20px 10px;
	}
	#toc_container .toc_list > li {
		padding-left: 25px;
	}
	#toc_container .toc_list > li > ul > li {
 	   padding-left: 20px;
	}
	#toc_container .toc_title {
		margin-top:30px;
	}
}
@media (min-width: 768px){
	#toc_container .toc_list {
		padding: 0 30px 30px 30px;
	}
	#toc_container .toc_title {
		margin-top:30px;
	}
}

/*光るボタン*/
.red-shiny a {
display: block;
position: relative;
z-index: 2;
overflow: hidden;
background:#e53935;
background: linear-gradient(to bottom, #f44336, #e53935);
border-color:#e57373;
border-width:1px;
border-radius:5px;
font-size:120%;
font-weight:bold;color:#fff;
box-shadow:0 3px 0 #c62828;
color: #ffffff !important;
padding: 12px 0;
text-align: center;
text-decoration: none;
transition: .25s linear;
-webkit-transition: .25s linear;
-moz-transition: .25s linear;
}

@media (max-width:767px){
 .red-shiny a {
 font-size:100%;
 }
}

.red-shiny {
display: block;
width: 90%;
margin-left:auto;
margin-right:auto;
margin-bottom: 1em;
}
.red-shiny a:hover {
-ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);/*下に動く*/
border-bottom: none;/*線を消す*/
}
.red-shiny a:before {
display: block;
position: absolute;
z-index: -1;
left: -30%;
top: -50%;
content: "";
width: 30px;
height: 100px;
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
animation: shiny 3s infinite linear;
-webkit-animation: shiny 3s infinite linear;
-moz-animation: shiny 3s infinite linear;
}
@keyframes shiny {
0% { left: -30%; }
20% { left: 120%; }
100% { left: 120%; }
}
@-webkit-keyframes shiny {
0% { left: -30%; }
20% { left: 120%; }
100% { left: 120%; }
}
@-moz-keyframes shiny {
0% { left: -30%; }
20% { left: 120%; }
100% { left: 120%;}
}